Merge pull request #951 from 3YOURMIND/explicit-file-imports-from-nod…

…e-modules

fix(all): comply to esm standard by providing full path for file imports

eslint.config.mjs

@@ -88,7 +88,7 @@ const config = tseslint.config(
 				'error',
 				{
 					message:
-						"Avoid direct imports from lodash; e.g. import foo from 'lodash/foo' instead of import { foo } from 'lodash'",
+						"Avoid direct imports from lodash; e.g. import foo from 'lodash/foo.js' instead of import { foo } from 'lodash'",
 					name: 'lodash',
 				},
 			],

packages/documentation/components/ComponentInfo.vue

@@ -148,8 +148,8 @@
 import { KtHeading, Kotti } from '@3yourmind/kotti-ui'
 import { Yoco } from '@3yourmind/yoco'
 import { Dashes } from '@metatypes/typography'
-import castArray from 'lodash/castArray'
-import kebabCase from 'lodash/kebabCase'
+import castArray from 'lodash/castArray.js'
+import kebabCase from 'lodash/kebabCase.js'
 import type { PropType } from 'vue'
 import { computed, defineComponent, ref } from 'vue'
 

packages/documentation/data/menu.ts

@@ -25,8 +25,8 @@ import {
 	KtValueLabel,
 } from '@3yourmind/kotti-ui'
 import { Yoco } from '@3yourmind/yoco'
-import kebabCase from 'lodash/kebabCase'
-import startCase from 'lodash/startCase'
+import kebabCase from 'lodash/kebabCase.js'
+import startCase from 'lodash/startCase.js'
 
 export enum Tag {
 	CSS = 'css',

packages/documentation/pages/changelog.vue

@@ -103,7 +103,7 @@
 import { Octokit } from '@octokit/rest'
 import type { Endpoints } from '@octokit/types'
 import dayjs from 'dayjs'
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import { marked } from 'marked'
 import naturalSort from 'natural-sort'
 import type { Ref } from 'vue'

packages/documentation/pages/usage/components/comment.vue

@@ -239,7 +239,7 @@
 <script lang="ts">
 import type { Kotti } from '@3yourmind/kotti-ui'
 import { KtComment } from '@3yourmind/kotti-ui'
-import escape from 'lodash/escape'
+import escape from 'lodash/escape.js'
 import { defineComponent, ref } from 'vue'
 
 import ComponentInfo from '~/components/ComponentInfo.vue'

packages/documentation/pages/usage/components/filters.vue

@@ -142,7 +142,7 @@
 
 <script lang="ts">
 import { Kotti, KtFilters } from '@3yourmind/kotti-ui'
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import { computed, defineComponent, ref } from 'vue'
 
 import { getLast, today } from '../../../utilities/date'

packages/documentation/pages/usage/components/form-fields.vue

@@ -751,7 +751,7 @@ import {
 } from '@3yourmind/kotti-ui'
 import { Yoco } from '@3yourmind/yoco'
 import { TimeConversion } from '@metatypes/units'
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import { computed, defineComponent, ref } from 'vue'
 
 import { useRouter } from '../../../hooks/use-router'

packages/documentation/pages/usage/components/value-label.vue

@@ -124,7 +124,7 @@
 
 <script lang="ts">
 import { Kotti, KtValueLabel } from '@3yourmind/kotti-ui'
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import { computed, defineComponent, ref } from 'vue'
 
 import { generateComponentCode } from '../../../utilities/pages'

packages/kotti-ui/source/kotti-button/KtSplitButton.vue

@@ -31,7 +31,7 @@
 
 <script lang="ts">
 import { Yoco } from '@3yourmind/yoco'
-import omit from 'lodash/omit'
+import omit from 'lodash/omit.js'
 import {
 	computed,
 	defineComponent,

packages/kotti-ui/source/kotti-comment/KtComment.vue

@@ -39,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import omit from 'lodash/omit'
+import omit from 'lodash/omit.js'
 import { computed, defineComponent, ref } from 'vue'
 
 import { useTranslationNamespace } from '../kotti-i18n/hooks'

packages/kotti-ui/source/kotti-comment/components/CommentEntry.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import pick from 'lodash/pick'
+import pick from 'lodash/pick.js'
 import { defineComponent, ref } from 'vue'
 
 import { makeProps } from '../../make-props'

packages/kotti-ui/source/kotti-comment/components/CommentTextArea.vue

@@ -56,7 +56,7 @@
 
 <script lang="ts">
 import { Yoco } from '@3yourmind/yoco'
-import isNil from 'lodash/isNil'
+import isNil from 'lodash/isNil.js'
 import { computed, defineComponent, onMounted, onUnmounted, ref } from 'vue'
 
 import { KottiButton } from '../../kotti-button/types'

packages/kotti-ui/source/kotti-comment/utilities.ts

@@ -1,4 +1,4 @@
-import escape from 'lodash/escape'
+import escape from 'lodash/escape.js'
 
 export const defaultParser = (message: string): string => escape(message)
 

packages/kotti-ui/source/kotti-field-date/el-locales.d.ts

@@ -1,2 +1,2 @@
-declare module 'element-ui/lib/locale'
-declare module 'element-ui/lib/locale/lang/*'
+declare module 'element-ui/lib/locale/index.js'
+declare module 'element-ui/lib/locale/lang/*.js'

packages/kotti-ui/source/kotti-field-file-upload/components/TakePhoto/Capture.vue

@@ -38,7 +38,7 @@
 
 <script lang="ts">
 import { Yoco } from '@3yourmind/yoco'
-import isError from 'lodash/isError'
+import isError from 'lodash/isError.js'
 import {
 	computed,
 	defineComponent,

packages/kotti-ui/source/kotti-field-radio-group/KtFieldRadioGroup.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script lang="ts">
-import omit from 'lodash/omit'
+import omit from 'lodash/omit.js'
 import { computed, defineComponent } from 'vue'
 import type { InputHTMLAttributes } from 'vue/types/jsx'
 

packages/kotti-ui/source/kotti-field-select/components/Options.vue

@@ -46,7 +46,7 @@
 </template>
 
 <script lang="ts">
-import camelCase from 'lodash/camelCase'
+import camelCase from 'lodash/camelCase.js'
 import {
 	computed,
 	defineComponent,

packages/kotti-ui/source/kotti-field-select/hooks/use-select-tippy.ts

@@ -1,5 +1,5 @@
 import { useTippy } from '@3yourmind/vue-use-tippy'
-import castArray from 'lodash/castArray'
+import castArray from 'lodash/castArray.js'
 import type { Props as TippyProps } from 'tippy.js'
 import type { Ref } from 'vue'
 import { computed, inject, ref } from 'vue'

packages/kotti-ui/source/kotti-field-toggle/KtFieldToggleGroup.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import omit from 'lodash/omit'
+import omit from 'lodash/omit.js'
 import { computed, defineComponent } from 'vue'
 
 import { KtField } from '../kotti-field'

packages/kotti-ui/source/kotti-field/KtField.vue

@@ -116,7 +116,7 @@
 
 <script lang="ts">
 import { Yoco } from '@3yourmind/yoco'
-import debounce from 'lodash/debounce'
+import debounce from 'lodash/debounce.js'
 import type { PropType } from 'vue'
 import { computed, defineComponent, ref } from 'vue'
 import type { VNode } from 'vue'

packages/kotti-ui/source/kotti-field/hooks.ts

@@ -1,4 +1,4 @@
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import type { Ref } from 'vue'
 import {
 	computed,

packages/kotti-ui/source/kotti-filters/KtFilters.vue

@@ -47,7 +47,7 @@
 <script lang="ts">
 import { useTippy } from '@3yourmind/vue-use-tippy'
 import { Yoco } from '@3yourmind/yoco'
-import castArray from 'lodash/castArray'
+import castArray from 'lodash/castArray.js'
 import type { PropType } from 'vue'
 import { computed, defineComponent, ref } from 'vue'
 

packages/kotti-ui/source/kotti-form-controller-list/KtFormControllerList.vue

@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts">
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import { defineComponent, inject, computed } from 'vue'
 
 import { KT_FORM_CONTEXT } from '../kotti-form/constants'

packages/kotti-ui/source/kotti-form/KtForm.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts">
-import cloneDeep from 'lodash/cloneDeep'
+import cloneDeep from 'lodash/cloneDeep.js'
 import type { PropType } from 'vue'
 import { computed, defineComponent, provide, reactive } from 'vue'
 

packages/kotti-ui/source/kotti-i18n/hooks.ts

@@ -1,9 +1,9 @@
-import elementLocale from 'element-ui/lib/locale'
-import elementDe from 'element-ui/lib/locale/lang/de'
-import elementEn from 'element-ui/lib/locale/lang/en'
-import elementEs from 'element-ui/lib/locale/lang/es'
-import elementFr from 'element-ui/lib/locale/lang/fr'
-import elementJa from 'element-ui/lib/locale/lang/ja'
+import elementLocale from 'element-ui/lib/locale/index.js'
+import elementDe from 'element-ui/lib/locale/lang/de.js'
+import elementEn from 'element-ui/lib/locale/lang/en.js'
+import elementEs from 'element-ui/lib/locale/lang/es.js'
+import elementFr from 'element-ui/lib/locale/lang/fr.js'
+import elementJa from 'element-ui/lib/locale/lang/ja.js'
 import type { Ref, UnwrapRef } from 'vue'
 import { computed, inject, provide, reactive, watch } from 'vue'
 

packages/kotti-ui/source/kotti-navbar/KtNavbar.vue

@@ -57,7 +57,7 @@
 <script lang="ts">
 import { useTippy } from '@3yourmind/vue-use-tippy'
 import { Yoco } from '@3yourmind/yoco'
-import castArray from 'lodash/castArray'
+import castArray from 'lodash/castArray.js'
 import { computed, defineComponent, provide, ref, watch } from 'vue'
 
 import { makeProps } from '../make-props'

packages/kotti-ui/source/kotti-popover/KtPopover.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts">
 import { useTippy } from '@3yourmind/vue-use-tippy'
-import castArray from 'lodash/castArray'
+import castArray from 'lodash/castArray.js'
 import type { Props as TippyProps } from 'tippy.js'
 import {
 	computed,

packages/kotti-ui/source/kotti-table/KtTable.vue

@@ -24,8 +24,8 @@
 <script lang="ts">
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import isEqual from 'lodash/isEqual'
-import pick from 'lodash/pick'
+import isEqual from 'lodash/isEqual.js'
+import pick from 'lodash/pick.js'
 
 import { TableBody } from './components/TableBody'
 import TableHeader from './components/TableHeader.vue'

packages/kotti-ui/source/kotti-table/KtTableColumn.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import pick from 'lodash/pick'
+import pick from 'lodash/pick.js'
 
 import {
 	COLUMN_TYPE,

packages/kotti-ui/source/kotti-table/KtTableProvider.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import pick from 'lodash/pick'
+import pick from 'lodash/pick.js'
 
 import { KT_TABLE_STATE_PROVIDER } from './constants'
 import KtTable, { INITIAL_TABLE_STORE_PROPS } from './KtTable.vue'

packages/kotti-ui/source/kotti-table/components/TableRowCell.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import property from 'lodash/property'
+import property from 'lodash/property.js'
 
 import { KT_TABLE, KT_STORE, KT_LAYOUT } from '../constants'
 import type { CreateElement } from 'vue'

packages/kotti-ui/source/kotti-table/logic/column.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-import pick from 'lodash/pick'
+import pick from 'lodash/pick.js'
 import Vue from 'vue'
 
 import { PUBLIC_COLUMN_PROPS } from '../constants'

packages/kotti-ui/source/kotti-table/logic/disable.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import negate from 'lodash/negate'
+import negate from 'lodash/negate.js'
 import type { Store } from './types'
 
 export const defaultState: Store.StateComponents.Disable = {

packages/kotti-ui/source/kotti-table/logic/expand.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import isEqual from 'lodash/isEqual'
+import isEqual from 'lodash/isEqual.js'
 import type { Store } from './types'
 
 export const defaultState: Store.StateComponents.Expand = {

packages/kotti-ui/source/kotti-table/logic/order.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import pick from 'lodash/pick'
+import pick from 'lodash/pick.js'
 
 import { setColumnsArray, getColumnIndex, getColumnRealIndex } from './column'
 import type { Store } from './types'

packages/kotti-ui/source/kotti-table/logic/select.ts

@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import debounce from 'lodash/debounce'
-import isEqual from 'lodash/isEqual'
+import debounce from 'lodash/debounce.js'
+import isEqual from 'lodash/isEqual.js'
 import type { Store } from './types'
 
 function toggleRowSelection(state: any, row: any, selected: any) {

packages/kotti-ui/source/kotti-table/logic/sort.ts

@@ -2,8 +2,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable no-param-reassign */
 
-import pick from 'lodash/pick'
-import property from 'lodash/property'
+import pick from 'lodash/pick.js'
+import property from 'lodash/property.js'
 
 import { IS_ASC, IS_DSC, PUBLIC_SORT_PROPS } from '../constants'
 import { KottiTable } from '../types'

packages/kotti-ui/source/kotti-table/logic/store.ts

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import cloneDeep from 'lodash/cloneDeep'
-import isUndefined from 'lodash/isUndefined'
-import negate from 'lodash/negate'
-import pickBy from 'lodash/pickBy'
+import cloneDeep from 'lodash/cloneDeep.js'
+import isUndefined from 'lodash/isUndefined.js'
+import negate from 'lodash/negate.js'
+import pickBy from 'lodash/pickBy.js'
 
 import * as column from './column'
 import * as disable from './disable'

packages/kotti-ui/source/make-props.test.ts

@@ -1,5 +1,5 @@
-import castArray from 'lodash/castArray'
-import isEqual from 'lodash/isEqual'
+import castArray from 'lodash/castArray.js'
+import isEqual from 'lodash/isEqual.js'
 import { expect, describe, it, beforeAll } from 'vitest'
 import type { PropOptions, PropType } from 'vue'
 import { z } from 'zod'

packages/kotti-ui/source/make-props.ts

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-unnecessary-condition -- disable as only intentionally-set DEBUG flags are being marked */
-import cloneDeep from 'lodash/cloneDeep'
-import uniq from 'lodash/uniq'
+import cloneDeep from 'lodash/cloneDeep.js'
+import uniq from 'lodash/uniq.js'
 import type { PropOptions, PropType } from 'vue'
 import type { Prop } from 'vue/types/options'
 import { z } from 'zod'