fix: generate typings

.npmrc

@@ -0,0 +1,2 @@
+@long2x:registry=https://registry.npmjs.org/
+//registry.npmjs.org/:_authToken=npm_g00FfnibcRgWLdMmVn6QzxMVpjpbyt3s6kG

package.json

@@ -42,27 +42,27 @@
     "./icons": {
       "import": "./dist/icons.es.js",
       "require": "./dist/icons.cjs.js",
-      "types": "./dist/src/components/icons/index.d.ts"
+      "types": "./dist/icons.d.ts"
     },
     "./form-controls": {
       "import": "./dist/form-controls.es.js",
       "require": "./dist/form-controls.cjs.js",
-      "types": "./dist/src/components/form-controls/index.d.ts"
+      "types": "./dist/form-controls.d.ts"
     },
     "./directives": {
       "import": "./dist/directives.es.js",
       "require": "./dist/directives.cjs.js",
-      "types": "./dist/src/directives/index.d.ts"
+      "types": "./dist/directives.d.ts"
     },
     "./helpers": {
       "import": "./dist/helpers.es.js",
       "require": "./dist/helpers.cjs.js",
-      "types": "./dist/src/helpers/index.d.ts"
+      "types": "./dist/helpers.d.ts"
     },
     "./plugins": {
       "import": "./dist/plugins.es.js",
       "require": "./dist/plugins.cjs.js",
-      "types": "./dist/src/plugins/index.d.ts"
+      "types": "./dist/plugins.d.ts"
     },
     "./style.css": {
       "import": "./dist/style.css",

src/components/charts/BaseChart.vue

@@ -25,10 +25,8 @@ import {
   toRaw,
   watch,
 } from 'vue'
-import {
-  debounce,
-  chartHelper,
-} from '@/helpers'
+
+import { chartHelper, debounce } from '../../helpers'
 
 type Gradients = {
   y1: number

src/components/form-controls/CCheckbox.vue

@@ -104,5 +104,5 @@ async function onCheckHandle () {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-checkbox.scss';
+@import '../../styles/form-controls/c-checkbox.scss';
 </style>

src/components/form-controls/CCreditCardInput.vue

@@ -96,5 +96,5 @@ const onBlur = async () => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>

src/components/form-controls/CDatetimeInput.vue

@@ -156,5 +156,5 @@ watch(() => props.modelValue, (val: unknown) => {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>

src/components/form-controls/CFileInput.vue

@@ -61,8 +61,8 @@ import {
   CErrorMessage,
   CProgressBar,
 } from '../ui'
-import i18nPlugin from '@/plugins/i18n.plugin'
-import { fileHelper } from '@/helpers'
+import i18nPlugin from '../../plugins/i18n.plugin'
+import { fileHelper } from '../../helpers'
 
 const inputRef = ref<HTMLInputElement | null>(null)
 

src/components/form-controls/CInput.vue

@@ -149,5 +149,5 @@ function onInput (payload: Event): void {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>

src/components/form-controls/CPhoneInput.vue

@@ -42,7 +42,7 @@ import {
 
 import baseProps from './base-control-props'
 import CInput from './CInput.vue'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 const props = defineProps({
   ...baseProps,
@@ -135,5 +135,5 @@ watch(() => props.modelValue, val => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>

src/components/form-controls/CRadio.vue

@@ -93,5 +93,5 @@ const onClick = (): void => {
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-radio.scss';
+@import '../../styles/form-controls/c-radio.scss';
 </style>

src/components/form-controls/CSelect.vue

@@ -107,7 +107,7 @@ import {
 import ChevronDownIcon from '../icons/ChevronDownIcon.vue'
 
 import baseProps from './base-control-props'
-import type { CSelectOption } from '@/@types/cresh-ui'
+import type { CSelectOption } from '../../@types'
 
 const props = defineProps({
   ...baseProps,
@@ -157,5 +157,5 @@ const hasValueOrPlaceholder = computed(
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-select.scss';
+@import '../../styles/form-controls/c-select.scss';
 </style>

src/components/form-controls/CTextarea.vue

@@ -139,5 +139,5 @@ const hasValueOrPlaceholder = computed(
 </script>
 
 <style lang="scss">
-@import '@/styles/form-controls/c-input.scss';
+@import '../../styles/form-controls/c-input.scss';
 </style>

src/components/ui/CAccordion.cy.ts

@@ -1,10 +1,8 @@
 /// <reference types="Cypress" /><
 
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import {
-  CAccordion,
-  CAccordionItem,
-} from '@/components'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import CAccordion from './CAccordion.vue'
+import CAccordionItem from './CAccordionItem.vue'
 
 describe('<CAccordion />', () => {
   beforeEach(() => {

src/components/ui/CAccordion.vue

@@ -10,10 +10,10 @@
   reactive,
 } from 'vue'
 
-import type { AccordionType } from '@/@types/cresh-ui'
+import type { AccordionType } from '../../@types/cresh-ui'
 
 const props = defineProps({
   selectedName: String,
 })
 
 const Accordion = reactive<AccordionType>({
@@ -34,5 +34,5 @@
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-accordion.scss';
+@import '../../styles/ui/c-accordion.scss';
 </style>

src/components/ui/CAccordionItem.vue

@@ -43,9 +43,8 @@ import {
   reactive,
   ref,
 } from 'vue'
-
-import { ChevronDownIcon } from '@/components'
-import type { AccordionType } from '@/@types/cresh-ui'
+import ChevronDownIcon from '../icons/ChevronDownIcon.vue'
+import type { AccordionType } from '../../@types/cresh-ui'
 
 const accordion = reactive(inject('accordion') as AccordionType)
 const selectedName = ref(inject('selected-name') as string | undefined)
@@ -92,5 +91,5 @@ function end(el: Element) {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-accordion.scss';
+@import '../../styles/ui/c-accordion.scss';
 </style>

src/components/ui/CAlert.cy.ts

@@ -3,7 +3,7 @@ import CAlert from './CAlert.vue'
 import {
   $t,
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CAlert />', () => {
   context('renders', () => {

src/components/ui/CAlert.vue

@@ -71,5 +71,5 @@ defineProps({
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-alert.scss';
+  @import '../../styles/ui/c-alert.scss';
 </style>

src/components/ui/CButton.cy.ts

@@ -6,7 +6,7 @@
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CAlert />', () => {
   it('renders', () => {
@@ -49,7 +49,7 @@
     cy.get('.c-btn')
       .trigger('click')
 
     cy.vue().then((wrapper: any) => {
       const emitted = wrapper.emitted()
       expect(
         emitted,

src/components/ui/CButton.vue

@@ -115,5 +115,5 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-button.scss';
+@import '../../styles/ui/c-button.scss';
 </style>

src/components/ui/CCard.cy.ts

@@ -4,7 +4,7 @@ import CCard from './CCard.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CCard />', () => {
   it('renders', () => {

src/components/ui/CCard.vue

@@ -29,5 +29,5 @@ const hasHeaderSlot = computed(() => !!slots.header)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-card.scss';
+  @import '../../styles/ui/c-card.scss';
 </style>

src/components/ui/CDocumentItem.cy.ts

@@ -2,7 +2,7 @@
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CDocumentItem />', () => {
   it('renders', () => {
@@ -75,7 +75,7 @@
       .first()
       .trigger('click')
 
     cy.vue().then((wrapper: any) => {
       const emittedEvent = wrapper.emitted().upload[0][0]
       expect(emittedEvent.label).to.equals('id card')
       expect(emittedEvent.id)

src/components/ui/CDocumentItem.vue

@@ -86,13 +86,10 @@ import {
 } from 'vue'
 import {
   CDocumentItemType,
-} from '@/@types/cresh-ui'
-
-import {
-  CIcon,
-} from '@/components'
-import { uuidv4 } from '@/helpers'
-import i18nPlugin from '@/plugins/i18n.plugin'
+} from '../../@types/cresh-ui'
+import CIcon from '../icons/CIcon.vue'
+import { uuidv4 } from '../../helpers'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 type CDocumentItemAction =
   'upload'
@@ -162,5 +159,5 @@ function actionTooltipTranslation(action: 'upload' | 'download') {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-document-item.scss';
+@import '../../styles/ui/c-document-item.scss';
 </style>

src/components/ui/CDocumentViewer.cy.ts

@@ -3,7 +3,7 @@ import CDocumentViewer from './CDocumentViewer.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 describe('<CDocumentViewer />', () => {
   it('renders', () => {

src/components/ui/CDocumentViewer.vue

@@ -99,14 +99,11 @@ import {
   watch,
 } from 'vue'
 
-import type { CDocumentItemType } from '@/@types/cresh-ui'
+import type { CDocumentItemType } from '../../@types/cresh-ui'
 
 import i18n from '../../plugins/i18n.plugin'
-
-import {
-  CModal,
-  CIcon,
-} from '@/components'
+import CModal from './CModal.vue'
+import CIcon from '../icons/CIcon.vue'
 
 const props = defineProps({
   modelValue: {
@@ -179,5 +176,5 @@ watch(() => previewRef.value, val => {
 </script>
 
 <style lang="scss">
-@import '@/styles/ui/c-document-viewer.scss';
+@import '../../styles/ui/c-document-viewer.scss';
 </style>

src/components/ui/CDropdown.cy.ts

@@ -2,7 +2,7 @@
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 const dropdownItems = [{
   value: 'animal1',
@@ -79,7 +79,7 @@
       .eq(0)
       .trigger('click')
 
     cy.vue().then((wrapper: any) => {
       expect(wrapper.emitted().select)
       const selectedItem = wrapper.emitted().select[0]
       expect(selectedItem[0].value).to.eq(firstItem.value)

src/components/ui/CDropdown.vue

@@ -297,5 +297,5 @@ const hasContentSlot = computed(() => !!slots.content)
 </script>
 
 <style lang="scss">
-  @import '@/styles/ui/c-dropdown.scss';
+  @import '../../styles/ui/c-dropdown.scss';
 </style>

src/components/ui/CEmpty.cy.ts

@@ -2,10 +2,10 @@
 import { faker } from '@faker-js/faker/locale/fr'
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
+} from '../../helpers/vue-test-helper'
 
 import CEmpty from './CEmpty.vue'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 describe('<CEmpty />', () => {
   it('renders', () => {

src/components/ui/CErrorMessage.cy.ts

@@ -4,8 +4,8 @@ import CErrorMessage from './CErrorMessage.vue'
 
 import {
   mountCyComponent,
-} from '@/helpers/vue-test-helper'
-import i18nPlugin from '@/plugins/i18n.plugin'
+} from '../../helpers/vue-test-helper'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
 describe('<CErrorMessage />', () => {
   it('renders', () => {

src/components/ui/CErrorMessage.vue

@@ -48,7 +48,7 @@ import {
   useSlots,
 } from 'vue'
 
-import i18n from '@/plugins/i18n.plugin'
+import i18n from '../../plugins/i18n.plugin'
 import CAlert from './CAlert.vue'
 
 const props = defineProps({

src/components/ui/CFileUploadZone.cy.ts

@@ -1,6 +1,7 @@
-import { mountCyComponent } from '@/helpers/vue-test-helper'
-import { CFileUploadZone } from '@/components'
-import i18nPlugin from '@/plugins/i18n.plugin'
+import cypress from 'cypress'
+import { mountCyComponent } from '../../helpers/vue-test-helper'
+import i18nPlugin from '../../plugins/i18n.plugin'
+import CFileUploadZone from './CFileUploadZone.vue'
 
 describe('<CFileUploadZone />', () => {
   it('should render', () => {
@@ -33,7 +34,7 @@ describe('<CFileUploadZone />', () => {
 
     cy.get('input[name=fileUploadZoneInput]')
       .selectFile({
-        contents: Cypress.Buffer.from('file contents'),
+        contents: cypress.Buffer.from('file contents'),
         fileName: 'file.json',
       }, { force: true })
 

src/components/ui/CFileUploadZone.vue

@@ -60,15 +60,12 @@ import {
   computed,
 } from 'vue'
 
-import i18nPlugin from '@/plugins/i18n.plugin'
+import i18nPlugin from '../../plugins/i18n.plugin'
 
-import {
-  CIcon,
-  CSpinner,
-  CErrorMessage,
-} from '@/components'
-
-import { fileHelper } from '@/helpers'
+import CIcon from '../icons/CIcon.vue'
+import CSpinner from './CSpinner.vue'
+import CErrorMessage from './CErrorMessage.vue'
+import { fileHelper } from '../../helpers'
 
 const cFileUploadZoneRef = ref<HTMLDivElement | null>(null)
 
@@ -202,5 +199,5 @@ function onDragleave () {
 </script>
 
 <style lang="scss" scoped>
-@import '@/styles/ui/c-file-upload-zone.scss';
+@import '../../styles/ui/c-file-upload-zone.scss';
 </style>