@koumoul/vjsf 3.0.0-beta.44 → 3.0.0-beta.45

package/types/composables/use-select-node.d.ts

@@ -0,0 +1,27 @@
+/**
+ * specialized use of useFieldProps shared between select and autocomplete components
+ * @param {import('vue').Ref<import('../types.js').VjsfSelectNode>} nodeRef
+ * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
+ */
+export default function _default(nodeRef: import('vue').Ref<import('../types.js').VjsfSelectNode>, statefulLayout: import('../types.js').VjsfStatefulLayout): {
+    localData: import("vue").Ref<any, any>;
+    inputProps: import("vue").ComputedRef<Record<string, any> & {
+        class: string[];
+    }>;
+    selectProps: import("vue").ComputedRef<{
+        [x: string]: any;
+        class: string[];
+    }>;
+    compSlots: import("vue").ComputedRef<Record<string, any>>;
+    selectSlots: import("vue").ComputedRef<{
+        [x: string]: any;
+    }>;
+    getItems: {
+        hasItems: import("vue").ComputedRef<boolean>;
+        items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+        loading: import("vue").Ref<boolean, boolean>;
+        search: import("vue").Ref<string, string>;
+        prepareSelectedItem: (selectedItem: any, itemValue: any) => any;
+    };
+};
+//# sourceMappingURL=use-select-node.d.ts.map

package/types/composables/use-select-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-node.d.ts","sourceRoot":"","sources":["../../src/composables/use-select-node.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,0CAHW,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,cAAc,CAAC,kBACvD,OAAO,aAAa,EAAE,kBAAkB;;;;;;;;;;;;;;;;;;;;EAyDlD"}

package/types/composables/use-select-props.d.ts

@@ -0,0 +1,21 @@
+/**
+ * specialized use of useFieldProps shared between select and autocomplete components
+ * @param {import('vue').Ref<import('../types.js').VjsfSelectNode>} nodeRef
+ * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
+ */
+export default function _default(nodeRef: import('vue').Ref<import('../types.js').VjsfSelectNode>, statefulLayout: import('../types.js').VjsfStatefulLayout): {
+    modelValue: import("vue").Ref<unknown, unknown>;
+    inputProps: import("vue").ComputedRef<Record<string, any> & {
+        class: string[];
+    }>;
+    selectProps: import("vue").ComputedRef<Record<string, any>>;
+    compSlots: import("vue").ComputedRef<Record<string, any>>;
+    selectSlots: import("vue").ComputedRef<Record<string, any>>;
+    getItems: {
+        items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+        loading: import("vue").Ref<boolean, boolean>;
+        search: import("vue").Ref<string, string>;
+        prepareSelectedItem: (selectedItem: any, itemValue: any) => any;
+    };
+};
+//# sourceMappingURL=use-select-props.d.ts.map

package/types/composables/use-select-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select-props.d.ts","sourceRoot":"","sources":["../../src/composables/use-select-props.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,0CAHW,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,cAAc,CAAC,kBACvD,OAAO,aAAa,EAAE,kBAAkB;;;;;;;;;;;;;;EA2DlD"}

package/types/composables/use-select.d.ts

@@ -0,0 +1,21 @@
+/**
+ * specialized use of useFieldProps shared between select and autocomplete components
+ * @param {import('vue').Ref<import('../types.js').VjsfSelectNode>} nodeRef
+ * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
+ */
+export default function _default(nodeRef: import('vue').Ref<import('../types.js').VjsfSelectNode>, statefulLayout: import('../types.js').VjsfStatefulLayout): {
+    localData: import("vue").Ref<any, any>;
+    inputProps: import("vue").ComputedRef<Record<string, any> & {
+        class: string[];
+    }>;
+    selectProps: import("vue").ComputedRef<Record<string, any>>;
+    compSlots: import("vue").ComputedRef<Record<string, any>>;
+    selectSlots: import("vue").ComputedRef<Record<string, any>>;
+    getItems: {
+        items: import("vue").Ref<import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems, import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItems>;
+        loading: import("vue").Ref<boolean, boolean>;
+        search: import("vue").Ref<string, string>;
+        prepareSelectedItem: (selectedItem: any, itemValue: any) => any;
+    };
+};
+//# sourceMappingURL=use-select.d.ts.map

package/types/composables/use-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-select.d.ts","sourceRoot":"","sources":["../../src/composables/use-select.js"],"names":[],"mappings":"AAMA;;;;GAIG;AACH,0CAHW,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,cAAc,CAAC,kBACvD,OAAO,aAAa,EAAE,kBAAkB;;;;;;;;;;;;;;EA2DlD"}

package/types/composables/use-vjsf.d.ts

@@ -8,8 +8,8 @@ export const emits: {
     */
     'update:state': (state: import('../types.js').VjsfStatefulLayout) => boolean;
 };
-export function useVjsf(schema: import('vue').Ref<Object>, modelValue: import('vue').Ref<any>, options: import('vue').Ref<import("../types.js").PartialVjsfOptions | null>, nodeComponents: Record<string, import('vue').Component>, emit: any, compile?: typeof import("@json-layout/core").compile | undefined, precompiledLayout?: import("vue").Ref<import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout> | undefined): {
-    el: import("vue").Ref<null>;
+export function useVjsf(schema: import('vue').Ref<Object>, modelValue: import('vue').Ref<any>, options: import('vue').Ref<import("../types.js").PartialVjsfOptions | null>, nodeComponents: Record<string, import('vue').Component>, emit: any, compile?: typeof import("@json-layout/core").compile | undefined, precompiledLayout?: import("vue").Ref<import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout, import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout> | undefined): {
+    el: import("vue").Ref<null, null>;
     statefulLayout: import("vue").ShallowRef<import("../types.js").VjsfStatefulLayout | null>;
     stateTree: import("vue").ShallowRef<import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree | null>;
 };

package/types/composables/use-vjsf.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAYA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAWM,gCARI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,OAAO,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG;;;;EAkIb"}
+{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAYA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,OAAO,aAAa,EAAE,kBAAkB;EAGlD;AAWM,gCARI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,aAAa,EAAE,kBAAkB,GAAG,IAAI,CAAC,kBAClE,OAAO,MAAM,EAAE,OAAO,KAAK,EAAE,SAAS,CAAC,QACvC,GAAG;;;;EAmIb"}

package/types/utils/index.d.ts

@@ -1,5 +1,3 @@
 export * from "./arrays.js";
 export * from "./dates.js";
-export * from "./props.js";
-export * from "./slots.js";
 //# sourceMappingURL=index.d.ts.map

package/src/utils/index.js

@@ -1,4 +0,0 @@
-export * from './arrays.js'
-export * from './dates.js'
-export * from './props.js'
-export * from './slots.js'

package/src/utils/props.js

@@ -1,136 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { camelize } from 'vue'
-
-// NOTE: in a previous draft we used to have this in options,
-// but it was not very flexible and not very easy to use, user defined props should be managed
-// by a combination of layout.props, layout.getProps and vuetify defaults provider (https://vuetifyjs.com/en/components/defaults-providers/#usage)
-const defaultProps = {
-  fieldPropsCompact: {
-    hideDetails: 'auto'
-  },
-  fieldPropsReadOnly: { hideDetails: 'auto', variant: 'plain' },
-  fieldPropsSummary: { hideDetails: true }
-}
-
-/**
- * @param {(Record<string, any> | undefined)[]} propsLevels
- * @returns {Record<string, any> & {class: string[]}}
- */
-export function mergePropsLevels (propsLevels) {
-  /** @type {Record<string, any> & {class: string[]}} */
-  const fullProps = { class: [] }
-  for (const propsLevel of propsLevels) {
-    if (propsLevel) {
-      for (const key of Object.keys(propsLevel)) {
-        if (key === 'class') {
-          // a small convention for merging/overwriting classes:
-          // a class defined as a simple string overwrites the previous ones
-          // a class defined as an array is merged with the previous ones
-          if (Array.isArray(propsLevel.class)) fullProps.class = fullProps.class.concat(propsLevel.class)
-          else fullProps.class = [propsLevel.class]
-        } else {
-          fullProps[camelize(key)] = propsLevel[key]
-        }
-      }
-    }
-  }
-  return fullProps
-}
-
-// calculate the props of a field/input type component (text fields, etc)
-// isMainComp is used to determine if this input component is also the main rendered component or if is mostly a wrapper (date picker, etc.)
-/**
- * @param {import('../types.js').VjsfNode} node
- * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
- * @param {(string | [string, string])[]} [layoutPropsMap]
- * @param {boolean} [isMainComp]
- * @returns {Record<string, any>}
- */
-export function getInputProps (node, statefulLayout, layoutPropsMap, isMainComp = true) {
-  const options = node.options
-  /** @type {(Record<string, any> | undefined)[]} */
-  const propsLevels = []
-  if (options.density === 'compact') propsLevels.push(defaultProps.fieldPropsCompact)
-  if (node.options.readOnly) propsLevels.push(defaultProps.fieldPropsReadOnly)
-  if (isMainComp && node.props) propsLevels.push(node.props)
-
-  const fullProps = mergePropsLevels(propsLevels)
-
-  fullProps.label = node.layout.label
-  if (node.error && node.validated) {
-    fullProps.errorMessages = node.error
-  }
-  fullProps.modelValue = (typeof node.data === 'string' && node.layout.separator) ? node.data.split(/** @type {string} */(node.layout.separator)) : node.data
-  if (node.options.readOnly) {
-    fullProps.disabled = true
-    fullProps.class.push('vjsf-input--readonly')
-  }
-  if (node.autofocus) {
-    fullProps.class.push('vjsf-input--autofocus')
-  }
-
-  if (layoutPropsMap) {
-    for (const propMap of layoutPropsMap) {
-      if (typeof propMap === 'string') {
-        if (propMap in node.layout) fullProps[propMap] = node.layout[propMap]
-      } else {
-        if (propMap[1] in node.layout) fullProps[propMap[0]] = node.layout[propMap[1]]
-      }
-    }
-  }
-
-  if (isMainComp) {
-    fullProps['onUpdate:modelValue'] = (/** @type string */value) => {
-      return statefulLayout.input(node, (Array.isArray(value) && node.layout.separator) ? value.join(/** @type {string} */(node.layout.separator)) : value)
-    }
-    fullProps.onBlur = () => statefulLayout.blur(node)
-  }
-
-  return fullProps
-}
-
-// calculate the props of components that are not of the field category
-/**
- * @param {import('@json-layout/core').StateNode} node
- * @param {boolean} isMainComp
- * @returns {Record<string, any>}
- */
-export function getCompProps (node, isMainComp = true) {
-  const options = /** @type import('../types.js').VjsfOptions */(node.options)
-  /** @type {(Record<string, any> | undefined)[]} */
-  const propsLevels = [{ density: options.density }]
-  if (isMainComp) propsLevels.push(node.layout.props)
-  const fullProps = mergePropsLevels(propsLevels)
-  return fullProps
-}
-
-/**
- * shared between select and autocomplete components
- * @param {import('../types.js').VjsfNode} node
- * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
- * @returns {Record<string, any>}
- */
-export function getSelectProps (node, statefulLayout) {
-  const fullProps = getInputProps(node, statefulLayout, ['multiple'], false)
-  if (node.options.readOnly) fullProps.menuProps = { modelValue: false }
-  fullProps.clearable = fullProps.clearable ?? !node.skeleton.required
-  fullProps.valueComparator = (/** @type {any} */a, /** @type {any} */b) => {
-    const aKey = typeof a === 'object' ? statefulLayout.prepareSelectItem(node, a).key : a
-    const bKey = typeof b === 'object' ? statefulLayout.prepareSelectItem(node, b).key : b
-    return aKey === bKey
-  }
-  fullProps['onUpdate:modelValue'] = (/** @type string */value) => {
-    // fix some weird case where vuetify only keep the title property of an unknown item
-    if (Array.isArray(value) && Array.isArray(node.data)) {
-      for (let i = 0; i < node.data.length; i++) {
-        if (typeof node.data[i] === 'object' && typeof value[i] === 'string') {
-          value[i] = node.data[i]
-        }
-      }
-    }
-
-    return statefulLayout.input(node, (Array.isArray(value) && node.layout.separator) ? value.join(/** @type {string} */(node.layout.separator)) : value)
-  }
-  fullProps.onBlur = () => statefulLayout.blur(node)
-  return fullProps
-}

package/src/utils/slots.js

@@ -1,46 +0,0 @@
-import { h } from 'vue'
-import NodeSlot from '../components/fragments/node-slot.vue'
-import SelectItem from '../components/fragments/select-item.vue'
-import SelectSelection from '../components/fragments/select-selection.vue'
-
-// calculate the slots of components
-/**
- * @param {import('../types.js').VjsfNode} node
- * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
- * @returns {Record<string, any>}
- */
-export function getCompSlots (node, statefulLayout) {
-  if (!node.layout.slots) return {}
-  /** @type {Record<string, any>} */
-  const slots = {}
-  for (const [key, layoutSlot] of Object.entries(node.layout.slots)) {
-    slots[key] = () => h(NodeSlot, { layoutSlot, node, statefulLayout })
-  }
-  return slots
-}
-
-/**
- * shared between select and autocomplete components
- * @param {import('../types.js').VjsfSelectNode} node
- * @param {import('../types.js').VjsfStatefulLayout} statefulLayout
- * @param {any} getItems
- * @returns {Record<string, any>}
- */
-export function getSelectSlots (node, statefulLayout, getItems) {
-  const slots = getCompSlots(node, statefulLayout)
-  if (!slots.item) {
-    slots.item = (/** @type {any} */ context) => h(SelectItem, {
-      multiple: node.layout.multiple,
-      itemProps: context.props,
-      item: context.item.raw
-    })
-  }
-  if (!slots.selection) {
-    slots.selection = (/** @type {any} */ context) => h(SelectSelection, {
-      multiple: node.layout.multiple,
-      last: node.layout.multiple && context.index === node.data.length - 1,
-      item: getItems.prepareSelectedItem(context.item.raw, context.item.value)
-    })
-  }
-  return slots
-}