@koumoul/vjsf 3.0.0-alpha.1 → 3.0.0-alpha.3

package/src/composables/use-vjsf.js

@@ -0,0 +1,119 @@
+import { StatefulLayout } from '@json-layout/core'
+import { inject, toRaw, shallowRef, computed, ref, watch, useSlots } from 'vue'
+import { useElementSize } from '@vueuse/core'
+import { getFullOptions } from '../components/options.js'
+
+export const emits = {
+  /**
+   * @arg {any} data
+  */
+  'update:modelValue': (data) => true,
+  /**
+   * @arg {StatefulLayout} state
+  */
+  'update:state': (state) => true
+}
+
+/**
+ * @param {import('vue').Ref<Object>} schema
+ * @param {import('vue').Ref<any>} modelValue
+ * @param {import('vue').Ref<import("../components/types.js").PartialVjsfOptions>} options
+ * @param {any} emit
+ * @param {typeof import('@json-layout/core').compile} [compile]
+ * @param {import('vue').Ref<import('@json-layout/core').CompiledLayout>} [precompiledLayout]
+ */
+export const useVjsf = (schema, modelValue, options, emit, compile, precompiledLayout) => {
+  const el = ref(null)
+  const { width } = useElementSize(el)
+
+  /** @type import('vue').ShallowRef<StatefulLayout | null> */
+  const statefulLayout = shallowRef(null)
+  /** @type import('vue').ShallowRef<import('@json-layout/core').StateTree | null> */
+  const stateTree = shallowRef(null)
+
+  // cf https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/composables/form.ts
+  const form = inject(Symbol.for('vuetify:form'))
+  if (form) {
+    form.register({
+      id: 'vjsf', // TODO: a unique random id ?
+      validate: () => {
+        statefulLayout.value?.validate()
+        return statefulLayout.value?.errors
+      },
+      reset: () => statefulLayout.value?.resetValidation(), // TODO: also empty the data ?
+      resetValidation: () => statefulLayout.value?.resetValidation()
+    })
+  }
+
+  const slots = useSlots()
+
+  const fullOptions = computed(() => getFullOptions(options.value, form, width.value, slots))
+
+  const compiledLayout = computed(() => {
+    if (precompiledLayout?.value) return precompiledLayout?.value
+    if (!compile) throw new Error('compile function is not available')
+    const compiledLayout = compile(schema.value, fullOptions.value)
+    return compiledLayout
+  })
+
+  const onStatefulLayoutUpdate = () => {
+    if (!statefulLayout.value) return
+    stateTree.value = statefulLayout.value.stateTree
+    emit('update:modelValue', statefulLayout.value.data)
+    emit('update:state', statefulLayout.value)
+    if (form) {
+      // cf https://vuetifyjs.com/en/components/forms/#validation-state
+      if (statefulLayout.value.valid) form.update('vjsf', true, [])
+      else if (statefulLayout.value.hasHiddenError) form.update('vjsf', null, [])
+      else form.update('vjsf', false, [])
+    }
+  }
+
+  const initStatefulLayout = () => {
+    if (!width.value) return
+    const _statefulLayout = new StatefulLayout(
+      toRaw(compiledLayout.value),
+      toRaw(compiledLayout.value.skeletonTree),
+      toRaw(fullOptions.value),
+      toRaw(modelValue.value)
+    )
+    statefulLayout.value = _statefulLayout
+    onStatefulLayoutUpdate()
+    _statefulLayout.events.on('update', () => {
+      onStatefulLayoutUpdate()
+    })
+    emit('update:state', _statefulLayout)
+    _statefulLayout.events.on('autofocus', () => {
+      if (!el.value) return
+      // @ts-ignore
+      const autofocusNodeElement = el.value.querySelector('.vjsf-input--autofocus')
+      if (autofocusNodeElement) {
+        const autofocusInputElement = autofocusNodeElement.querySelector('input') ?? autofocusNodeElement.querySelector('textarea:not([style*="display: none"]')
+        if (autofocusInputElement) autofocusInputElement.focus()
+      }
+    })
+  }
+
+  watch(fullOptions, (newOptions) => {
+    // in case of runtime compilation the watch on compiledLayout will be triggered
+    if (!precompiledLayout) return
+
+    if (statefulLayout.value) {
+      statefulLayout.value.options = newOptions
+    } else {
+      initStatefulLayout()
+    }
+  })
+
+  // case where data is updated from outside
+  watch(modelValue, (newData) => {
+    if (statefulLayout.value && statefulLayout.value.data !== newData) statefulLayout.value.data = toRaw(newData)
+  })
+
+  // case where schema is updated from outside
+  watch(compiledLayout, (newCompiledLayout) => {
+    initStatefulLayout()
+  }, { immediate: true })
+
+  return { el, statefulLayout, stateTree }
+}

package/src/styles/vjsf.css

@@ -0,0 +1,10 @@
+/* override vuetify styles to manage readOnly fields more usable than the default disabled fields */
+.vjsf-input--readonly.v-input--disabled.v-text-field  .v-field--disabled input {
+  pointer-events: auto;
+}
+.vjsf-input--readonly.v-input--disabled .v-field--disabled,
+.vjsf-input--readonly.v-input--disabled .v-input__details,
+.vjsf-input--readonly.v-input--disabled .v-input__append,
+.vjsf-input--readonly.v-input--disabled .v-input__prepend {
+  opacity: inherit;
+}

package/src/utils/arrays.js

@@ -0,0 +1,15 @@
+/**
+ * @template T
+ * @param {T[]} array
+ * @param {number} fromIndex
+ * @param {number} toIndex
+ * @return {T[]}
+ */
+export function moveArrayItem (array, fromIndex, toIndex) {
+  if (fromIndex === toIndex || fromIndex === -1 || toIndex === -1) return array
+  const newArray = [...array]
+  const element = newArray[fromIndex]
+  newArray.splice(fromIndex, 1)
+  newArray.splice(toIndex, 0, element)
+  return newArray
+}

package/src/utils/props.js

@@ -3,15 +3,23 @@ import { camelize } from 'vue'
 
 /**
  * @param {(Record<string, any> | undefined)[]} propsLevels
- * @returns Record<string, any>
+ * @returns {Record<string, any> & {class: string[]}}
  */
 export function mergePropsLevels (propsLevels) {
-  /** @type Record<string, any> */
-  const fullProps = {}
+  /** @type {Record<string, any> & {class: string[]}} */
+  const fullProps = { class: [] }
   for (const propsLevel of propsLevels) {
     if (propsLevel) {
       for (const key of Object.keys(propsLevel)) {
-        fullProps[camelize(key)] = propsLevel[key]
+        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]
+        }
       }
     }
   }
@@ -49,7 +57,10 @@ export function getInputProps (node, statefulLayout, layoutPropsMap, isMainComp
   fullProps.modelValue = node.data
   if (node.options.readOnly) {
     fullProps.disabled = true
-    fullProps.class = 'vjsf-input--readonly'
+    fullProps.class.push('vjsf-input--readonly')
+  }
+  if (node.autofocus) {
+    fullProps.class.push('vjsf-input--autofocus')
   }
 
   if (layoutPropsMap) {

package/types/compat/v2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AAiGA;;;;;;GAMG;AACH,kCALW,MAAM,+CAEN,MAAM,0BAkBhB;sBAvHqB,KAAK"}
+{"version":3,"file":"v2.d.ts","sourceRoot":"","sources":["../../src/compat/v2.js"],"names":[],"mappings":"AA8FA;;;;;;GAMG;AACH,kCALW,MAAM,+CAEN,MAAM,0BAkBhB;sBApHqB,KAAK"}

package/types/components/fragments/select-item.vue.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{}, {
     multiple: boolean;
     itemProps: Record<string, any>;
-    item: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
+    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     $props: {
         readonly multiple?: boolean | undefined;
         readonly itemProps?: Record<string, any> | undefined;
-        readonly item?: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
+        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

package/types/components/fragments/select-selection.vue.d.ts

@@ -1,10 +1,10 @@
 declare const _default: import("vue").DefineComponent<{}, {
     multiple: boolean;
-    item: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
+    item: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem;
     last: boolean;
     $props: {
         readonly multiple?: boolean | undefined;
-        readonly item?: import("../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
+        readonly item?: import("../../../../node_modules/@json-layout/vocabulary/types/normalized-layout/types.js").SelectItem | undefined;
         readonly last?: boolean | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/types/components/nodes/markdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/markdown.vue.js"],"names":[],"mappings":";;QAUM,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,aAAa,EAAE,gBAAgB,CAAC;;;;QAKxE,+EAA+E;cAArE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC;;;;;;;QAL5E,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,aAAa,EAAE,gBAAgB,CAAC;;;;QAKxE,+EAA+E;cAArE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC"}
+{"version":3,"file":"markdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/markdown.vue.js"],"names":[],"mappings":";;QAWM,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,aAAa,EAAE,gBAAgB,CAAC;;;;QAKxE,+EAA+E;cAArE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC;;;;;;;QAL5E,2EAA2E;cAAjE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,aAAa,EAAE,gBAAgB,CAAC;;;;QAKxE,+EAA+E;cAArE,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,mBAAmB,EAAE,cAAc,CAAC"}

package/types/components/nodes/stepper.vue.d.ts

@@ -0,0 +1,10 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    modelValue: import("../types.js").VjsfStepperNode;
+    statefulLayout: import("@json-layout/core").StatefulLayout;
+    $props: {
+        readonly modelValue?: import("../types.js").VjsfStepperNode | undefined;
+        readonly statefulLayout?: import("@json-layout/core").StatefulLayout | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=stepper.vue.d.ts.map

package/types/components/nodes/stepper.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/nodes/stepper.vue.js"],"names":[],"mappings":""}

package/types/components/options.d.ts

@@ -1,3 +1,4 @@
 /** @type import("./types.js").PartialVjsfOptions */
 export const defaultOptions: import("./types.js").PartialVjsfOptions;
+export function getFullOptions(options: Partial<import("./types.js").VjsfOptions>, form: any, width: number, slots: import("vue").Slots): import("./types.js").VjsfOptions;
 //# sourceMappingURL=options.d.ts.map

package/types/components/options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/components/options.js"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,6BADU,OAAO,YAAY,EAAE,kBAAkB,CAwBhD"}
+{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../src/components/options.js"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,6BADU,OAAO,YAAY,EAAE,kBAAkB,CAyBhD;AAUM,wCANI,QAAQ,OAAO,YAAY,EAAE,WAAW,CAAC,QACzC,GAAG,SACH,MAAM,SACN,OAAO,KAAK,EAAE,KAAK,oCAa7B"}

package/types/components/tree.vue.d.ts

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    modelValue: import("../../node_modules/@json-layout/core/types/state/types.js").StateTree;
+    modelValue: import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree;
     statefulLayout: import("@json-layout/core").StatefulLayout;
     $props: {
-        readonly modelValue?: import("../../node_modules/@json-layout/core/types/state/types.js").StateTree | undefined;
+        readonly modelValue?: import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree | undefined;
         readonly statefulLayout?: import("@json-layout/core").StatefulLayout | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/types/components/types.d.ts

@@ -1,4 +1,4 @@
-import { StatefulLayoutOptions, StateNode, CheckboxNode, ColorPickerNode, DatePickerNode, DateTimePickerNode, TabsNode, ExpansionPanelsNode, ListNode, NumberFieldNode, OneOfSelectNode, SectionNode, SelectNode, SliderNode, SwitchNode, TextFieldNode, TextareaNode, VerticalTabsNode, ComboboxNode, CompileOptions } from '@json-layout/core';
+import { StatefulLayoutOptions, StateNode, CheckboxNode, ColorPickerNode, DatePickerNode, DateTimePickerNode, TabsNode, ExpansionPanelsNode, ListNode, NumberFieldNode, OneOfSelectNode, SectionNode, SelectNode, SliderNode, SwitchNode, TextFieldNode, TextareaNode, VerticalTabsNode, StepperNode, ComboboxNode, CompileOptions } from '@json-layout/core';
 export type Density = 'default' | 'comfortable' | 'compact';
 export type VjsfOptions = StatefulLayoutOptions & CompileOptions & {
     density: Density;
@@ -16,6 +16,7 @@ export type VjsfOptions = StatefulLayoutOptions & CompileOptions & {
     switchPropsReadOnly: Record<string, unknown>;
     errorAlertProps: Record<string, unknown>;
     vjsfSlots: Record<string, () => unknown>;
+    easyMDEOptions: Record<string, unknown>;
 };
 export type PartialVjsfOptions = Partial<Omit<VjsfOptions, 'width'>>;
 export type VjsfNode = Omit<StateNode, 'options'> & {
@@ -69,6 +70,9 @@ export type VjsfTextareaNode = Omit<TextareaNode, 'options'> & {
 export type VjsfVerticalTabsNode = Omit<VerticalTabsNode, 'options'> & {
     options: VjsfOptions;
 };
+export type VjsfStepperNode = Omit<StepperNode, 'options'> & {
+    options: VjsfOptions;
+};
 export type VjsfComboboxNode = Omit<ComboboxNode, 'options'> & {
     options: VjsfOptions;
 };

package/types/components/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/components/types.ts"],"names":[],"mappings":"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"}

package/types/components/vjsf.vue.d.ts

@@ -1,16 +1,15 @@
 declare const _default: import("vue").DefineComponent<{}, {
-    $emit: ((event: "update:modelValue", data: any) => void) & ((event: "update:state", state: StatefulLayout) => void);
+    $emit: ((event: "update:modelValue", data: any) => void) & ((event: "update:state", state: import("@json-layout/core").StatefulLayout) => void);
     options: Partial<Omit<import("./types.js").VjsfOptions, "width">>;
-    modelValue: string | number | boolean | Record<string, any>;
+    modelValue: any;
     schema: Record<string, any>;
-    precompiledLayout: import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout;
+    precompiledLayout: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout;
     $props: {
         readonly options?: Partial<Omit<import("./types.js").VjsfOptions, "width">> | undefined;
-        readonly modelValue?: string | number | boolean | Record<string, any> | undefined;
+        readonly modelValue?: any;
         readonly schema?: Record<string, any> | undefined;
-        readonly precompiledLayout?: import("../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout | undefined;
+        readonly precompiledLayout?: import("../../../node_modules/@json-layout/core/types/compile/types.js").CompiledLayout | undefined;
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;
-import { StatefulLayout } from '@json-layout/core';
 //# sourceMappingURL=vjsf.vue.d.ts.map

package/types/components/vjsf.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vjsf.vue.d.ts","sourceRoot":"","sources":["../../src/components/vjsf.vue.js"],"names":[],"mappings":";;;;;;;;;;;;;;+BAIwC,mBAAmB"}
+{"version":3,"file":"vjsf.vue.d.ts","sourceRoot":"","sources":["../../src/components/vjsf.vue.js"],"names":[],"mappings":""}

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

@@ -0,0 +1,21 @@
+/**
+ * @template T
+ * @param {T[]} array
+ * @param {() => void} callback
+ * @returns
+ */
+export default function useDnd<T>(array: T[], callback: () => void): {
+    activeDnd: import("vue").ComputedRef<boolean>;
+    sortableArray: import("vue").ShallowRef<T[]>;
+    draggable: import("vue").Ref<number>;
+    itemBind: (itemIndex: number) => {
+        onDragstart: () => void;
+        onDragover: () => void;
+        onDragend: () => void;
+    };
+    handleBind: (itemIndex: number) => {
+        onMouseover(): void;
+        onMouseout(): void;
+    };
+};
+//# sourceMappingURL=use-dnd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-dnd.d.ts","sourceRoot":"","sources":["../../src/composables/use-dnd.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,wDAHW,MAAM,IAAI;;;;0BAiBU,MAAM;;;;;4BAcJ,MAAM;;;;EAgBtC"}

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

@@ -0,0 +1,17 @@
+export const emits: {
+    /**
+     * @arg {any} data
+    */
+    'update:modelValue': (data: any) => boolean;
+    /**
+     * @arg {StatefulLayout} state
+    */
+    'update:state': (state: StatefulLayout) => boolean;
+};
+export function useVjsf(schema: import('vue').Ref<Object>, modelValue: import('vue').Ref<any>, options: import('vue').Ref<import("../components/types.js").PartialVjsfOptions>, 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>;
+    statefulLayout: import("vue").ShallowRef<StatefulLayout | null>;
+    stateTree: import("vue").ShallowRef<import("../../../node_modules/@json-layout/core/types/state/types.js").StateTree | null>;
+};
+import { StatefulLayout } from '@json-layout/core';
+//# sourceMappingURL=use-vjsf.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-vjsf.d.ts","sourceRoot":"","sources":["../../src/composables/use-vjsf.js"],"names":[],"mappings":"AAKA;IACE;;MAEE;gCADO,GAAG;IAGZ;;MAEE;4BADO,cAAc;EAGxB;AAUM,gCAPI,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,CAAC,cACzB,OAAO,KAAK,EAAE,GAAG,CAAC,GAAG,CAAC,WACtB,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,wBAAwB,EAAE,kBAAkB,CAAC,QACtE,GAAG;;;;EAkGb;+BAtH8B,mBAAmB"}

package/types/utils/arrays.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @template T
+ * @param {T[]} array
+ * @param {number} fromIndex
+ * @param {number} toIndex
+ * @return {T[]}
+ */
+export function moveArrayItem<T>(array: T[], fromIndex: number, toIndex: number): T[];
+//# sourceMappingURL=arrays.d.ts.map

package/types/utils/arrays.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrays.d.ts","sourceRoot":"","sources":["../../src/utils/arrays.js"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wDAJW,MAAM,WACN,MAAM,OAUhB"}

package/types/utils/props.d.ts

@@ -1,8 +1,10 @@
 /**
  * @param {(Record<string, any> | undefined)[]} propsLevels
- * @returns Record<string, any>
+ * @returns {Record<string, any> & {class: string[]}}
  */
-export function mergePropsLevels(propsLevels: (Record<string, any> | undefined)[]): Record<string, any>;
+export function mergePropsLevels(propsLevels: (Record<string, any> | undefined)[]): Record<string, any> & {
+    class: string[];
+};
 /**
  * @param {import('@json-layout/core').StateNode} node
  * @param {import('@json-layout/core').StatefulLayout} statefulLayout

package/types/utils/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/utils/props.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,8CAHW,CAAC,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,EAAE,uBAc7C;AAID;;;;;;GAMG;AACH,oCANW,OAAO,mBAAmB,EAAE,SAAS,kBACrC,OAAO,mBAAmB,EAAE,cAAc,2EAE1C,OAAO,GACL,OAAO,MAAM,EAAE,GAAG,CAAC,CAwC/B;AAGD;;;;;GAKG;AACH,mCALW,OAAO,mBAAmB,EAAE,SAAS,QACrC,MAAM,eACN,OAAO,GACL,OAAO,MAAM,EAAE,GAAG,CAAC,CAY/B"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/utils/props.js"],"names":[],"mappings":"AAGA;;;GAGG;AACH,8CAHW,CAAC,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG,SAAS,CAAC,EAAE,GACjC,OAAO,MAAM,EAAE,GAAG,CAAC,GAAG;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAC,CAqBnD;AAID;;;;;;GAMG;AACH,oCANW,OAAO,mBAAmB,EAAE,SAAS,kBACrC,OAAO,mBAAmB,EAAE,cAAc,2EAE1C,OAAO,GACL,OAAO,MAAM,EAAE,GAAG,CAAC,CA2C/B;AAGD;;;;;GAKG;AACH,mCALW,OAAO,mBAAmB,EAAE,SAAS,QACrC,MAAM,eACN,OAAO,GACL,OAAO,MAAM,EAAE,GAAG,CAAC,CAY/B"}

package/src/utils/clone.js

@@ -1,3 +0,0 @@
-import rfdc from 'rfdc'
-
-export default rfdc()