@maketribe/ms-app 3.0.4 → 3.0.6

package/dist/esm/components/form-components/form-detail/index.d.ts

@@ -0,0 +1,21 @@
+export declare const MKFormDetail: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly formWidth: import("@maketribe/utils").PropFinalized<StringConstructor, unknown, unknown, "400px", boolean>;
+}>>, {
+    readonly formWidth: string;
+}, {}>> & Record<string, any>;
+export default MKFormDetail;
+export * from "./form-detail-options";

package/dist/esm/components/form-components/form-detail/index.js

@@ -0,0 +1,8 @@
+import { withInstall } from '@maketribe/utils';
+import FormDetail from './form-detail.js';
+export { formDetailProps } from './form-detail-options.js';
+
+const MKFormDetail = withInstall(FormDetail);
+
+export { MKFormDetail, MKFormDetail as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-detail/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormDetail from \"./form-detail\";\n\nexport const MKFormDetail = withInstall(FormDetail);\nexport default MKFormDetail;\n\nexport * from \"./form-detail-options\";\n"],"names":[],"mappings":";;;;AAGa,MAAA,YAAA,GAAe,YAAY,UAAU;;;;"}

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.d.ts

@@ -0,0 +1,43 @@
+import { ExtractPropTypes } from "vue";
+import { DataTable, FormDetailColumn } from "@maketribe/dm";
+export declare const formDetailSelectProps: {
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormDetailSelectProps = ExtractPropTypes<typeof formDetailSelectProps>;

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.js

@@ -0,0 +1,37 @@
+import { buildProps } from '@maketribe/utils';
+import { DataTable, FormDetailColumn } from '@maketribe/dm';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const formDetailSelectProps = buildProps({
+  ...columnProps,
+  modelValue: {
+    type: null
+  },
+  labelFieldName: {
+    type: String,
+    required: true
+  },
+  saveFieldName: {
+    type: String,
+    required: true
+  },
+  primaryFieldName: {
+    type: String
+  },
+  multiple: {
+    type: Boolean,
+    default: false
+  },
+  dataTable: {
+    type: DataTable,
+    required: true
+  },
+  disabled: {
+    type: Boolean,
+    default: false
+  },
+  column: { type: FormDetailColumn, required: true }
+});
+
+export { formDetailSelectProps };
+//# sourceMappingURL=form-detail-select-options.js.map

package/dist/esm/components/form-components/form-detail-select/form-detail-select-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail-select-options.js","sources":["../../../../../src/components/form-components/form-detail-select/form-detail-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { DataTable, FormDetailColumn } from \"@maketribe/dm\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formDetailSelectProps = buildProps({\n  ...columnProps,\n  modelValue: {\n    type: null,\n  },\n  labelFieldName: {\n    type: String,\n    required: true,\n  },\n  saveFieldName: {\n    type: String,\n    required: true,\n  },\n  primaryFieldName: {\n    type: String,\n  },\n  multiple: {\n    type: Boolean,\n    default: false,\n  },\n  dataTable: {\n    type: DataTable<any>,\n    required: true,\n  },\n  disabled: {\n    type: Boolean,\n    default: false,\n  },\n  column: { type: FormDetailColumn, required: true },\n} as const);\n\nexport type FormDetailSelectProps = ExtractPropTypes<\n  typeof formDetailSelectProps\n>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,wBAAwB,UAAW,CAAA;AAAA,EAC9C,GAAG,WAAA;AAAA,EACH,UAAY,EAAA;AAAA,IACV,IAAM,EAAA,IAAA;AAAA,GACR;AAAA,EACA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,aAAe,EAAA;AAAA,IACb,IAAM,EAAA,MAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,IAAM,EAAA,MAAA;AAAA,GACR;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,SAAA;AAAA,IACN,QAAU,EAAA,IAAA;AAAA,GACZ;AAAA,EACA,QAAU,EAAA;AAAA,IACR,IAAM,EAAA,OAAA;AAAA,IACN,OAAS,EAAA,KAAA;AAAA,GACX;AAAA,EACA,MAAQ,EAAA,EAAE,IAAM,EAAA,gBAAA,EAAkB,UAAU,IAAK,EAAA;AACnD,CAAU;;;;"}

package/dist/esm/components/form-components/form-detail-select/form-detail-select.d.ts

@@ -0,0 +1,83 @@
+declare const _default: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default _default;

package/dist/esm/components/form-components/form-detail-select/form-detail-select.js

@@ -0,0 +1,61 @@
+import { defineComponent, computed, unref, watch, createVNode } from 'vue';
+import { MKDataTableSelect } from '../../data-table-select/index.js';
+import { formDetailSelectProps } from './form-detail-select-options.js';
+import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
+import { isEqual } from 'lodash-es';
+
+var FormDetailSelect = /* @__PURE__ */ defineComponent({
+  name: "MKFormDetailSelect",
+  inheritAttrs: false,
+  props: formDetailSelectProps,
+  setup(props) {
+    const {
+      value
+    } = useFormItem();
+    const detailTable = computed(() => props.column.detailTable);
+    const selected = computed({
+      get: () => {
+        const list = unref(detailTable).getList();
+        if (!list) {
+          return null;
+        }
+        return props.multiple ? [...list].map((item) => item[props.saveFieldName]) : list[0][props.saveFieldName] ?? null;
+      },
+      set: (v) => {
+        if (props.multiple) {
+          value.value = v.map((item) => ({
+            [props.saveFieldName]: item
+          }));
+        } else {
+          value.value = v ? {
+            [props.saveFieldName]: v
+          } : null;
+        }
+      }
+    });
+    watch(value, (value2) => {
+      const _value = unref(detailTable).getList().map((item) => item[props.saveFieldName]);
+      if (isEqual(value2, _value)) {
+        return;
+      }
+      unref(detailTable).dataFilter.setReady();
+      unref(detailTable).load();
+    }, {
+      immediate: true
+    });
+    return () => {
+      return createVNode(MKDataTableSelect, {
+        "modelValue": unref(selected),
+        "onUpdate:model-value": (v) => selected.value = v,
+        "labelFieldName": props.labelFieldName,
+        "primaryFieldName": props.primaryFieldName,
+        "multiple": props.multiple,
+        "disabled": props.disabled,
+        "dataTable": props.dataTable
+      }, null);
+    };
+  }
+});
+
+export { FormDetailSelect as default };
+//# sourceMappingURL=form-detail-select.js.map

package/dist/esm/components/form-components/form-detail-select/form-detail-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-detail-select.js","sources":["../../../../../src/components/form-components/form-detail-select/form-detail-select.tsx"],"sourcesContent":["import { computed, defineComponent, unref, watch } from \"vue\";\nimport MKDataTableSelect from \"../../data-table-select\";\nimport { formDetailSelectProps } from \"./form-detail-select-options\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport { isEqual } from \"lodash-es\";\n\nexport default defineComponent({\n  name: \"MKFormDetailSelect\",\n  inheritAttrs: false,\n  props: formDetailSelectProps,\n  setup(props) {\n    const { value } = useFormItem();\n\n    const detailTable = computed(() => props.column.detailTable);\n\n    const selected = computed({\n      get: () => {\n        const list = unref(detailTable).getList();\n\n        if (!list) {\n          return null;\n        }\n\n        return props.multiple\n          ? [...list].map((item) => item[props.saveFieldName])\n          : list[0][props.saveFieldName] ?? null;\n      },\n      set: (v) => {\n        if (props.multiple) {\n          value.value = v.map((item: any) => ({ [props.saveFieldName]: item }));\n        } else {\n          value.value = v ? { [props.saveFieldName]: v } : null;\n        }\n      },\n    });\n\n    watch(\n      value,\n      (value) => {\n        const _value = unref(detailTable)\n          .getList()\n          .map((item) => item[props.saveFieldName]);\n\n        if (isEqual(value, _value)) {\n          return;\n        }\n\n        unref(detailTable).dataFilter.setReady();\n        unref(detailTable).load();\n      },\n      { immediate: true }\n    );\n\n    return () => {\n      return (\n        <MKDataTableSelect\n          modelValue={unref(selected)}\n          onUpdate:model-value={(v: any) => (selected.value = v)}\n          labelFieldName={props.labelFieldName}\n          primaryFieldName={props.primaryFieldName}\n          multiple={props.multiple}\n          disabled={props.disabled}\n          dataTable={props.dataTable}\n        />\n      );\n    };\n  },\n});\n"],"names":["name","inheritAttrs","props","formDetailSelectProps","setup","value","useFormItem","detailTable","computed","column","selected","get","list","unref","getList","multiple","map","item","saveFieldName","set","v","watch","_value","isEqual","dataFilter","setReady","load","immediate","_createVNode","MKDataTableSelect","labelFieldName","primaryFieldName","disabled","dataTable"],"mappings":";;;;;;AAMA,uCAA+B,eAAA,CAAA;AAAA,EAC7BA,IAAM,EAAA,oBAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,KAAOC,EAAAA,qBAAAA;AAAAA,EACPC,MAAMF,KAAO,EAAA;AACX,IAAM,MAAA;AAAA,MAAEG,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAE9B,IAAA,MAAMC,WAAcC,GAAAA,QAAAA,CAAS,MAAMN,KAAAA,CAAMO,OAAOF,WAAW,CAAA,CAAA;AAE3D,IAAA,MAAMG,WAAWF,QAAS,CAAA;AAAA,MACxBG,KAAKA,MAAM;AACT,QAAA,MAAMC,IAAOC,GAAAA,KAAAA,CAAMN,WAAW,CAAA,CAAEO,OAAQ,EAAA,CAAA;AAExC,QAAA,IAAI,CAACF,IAAM,EAAA;AACT,UAAO,OAAA,IAAA,CAAA;AAAA,SACT;AAEA,QAAA,OAAOV,MAAMa,QACT,GAAA,CAAC,GAAGH,IAAI,CAAA,CAAEI,IAAKC,CAASA,IAAAA,KAAAA,IAAAA,CAAKf,KAAMgB,CAAAA,aAAa,CAAC,CACjDN,GAAAA,IAAAA,CAAK,CAAC,CAAEV,CAAAA,KAAAA,CAAMgB,aAAa,CAAK,IAAA,IAAA,CAAA;AAAA,OACtC;AAAA,MACAC,KAAMC,CAAM,CAAA,KAAA;AACV,QAAA,IAAIlB,MAAMa,QAAU,EAAA;AAClBV,UAAMA,KAAAA,CAAAA,KAAAA,GAAQe,CAAEJ,CAAAA,GAAAA,CAAKC,CAAe,IAAA,MAAA;AAAA,YAAE,CAACf,KAAMgB,CAAAA,aAAa,GAAGD,IAAAA;AAAAA,WAAO,CAAA,CAAA,CAAA;AAAA,SAC/D,MAAA;AACLZ,UAAAA,KAAAA,CAAMA,QAAQe,CAAI,GAAA;AAAA,YAAE,CAAClB,KAAMgB,CAAAA,aAAa,GAAGE,CAAAA;AAAAA,WAAM,GAAA,IAAA,CAAA;AAAA,SACnD;AAAA,OACF;AAAA,KACD,CAAA,CAAA;AAEDC,IACEhB,KAAAA,CAAAA,KAAAA,EACCA,CAAAA,MAAU,KAAA;AACT,MAAMiB,MAAAA,MAAAA,GAAST,KAAMN,CAAAA,WAAW,CAC7BO,CAAAA,OAAAA,EACAE,CAAAA,GAAAA,CAAKC,CAASA,IAAAA,KAAAA,IAAAA,CAAKf,KAAMgB,CAAAA,aAAa,CAAC,CAAA,CAAA;AAE1C,MAAIK,IAAAA,OAAAA,CAAQlB,MAAOiB,EAAAA,MAAM,CAAG,EAAA;AAC1B,QAAA,OAAA;AAAA,OACF;AAEAT,MAAMN,KAAAA,CAAAA,WAAW,CAAEiB,CAAAA,UAAAA,CAAWC,QAAS,EAAA,CAAA;AACvCZ,MAAMN,KAAAA,CAAAA,WAAW,EAAEmB,IAAK,EAAA,CAAA;AAAA,KAE1B,EAAA;AAAA,MAAEC,SAAW,EAAA,IAAA;AAAA,KACf,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAA,OAAAC,YAAAC,iBAAA,EAAA;AAAA,QAAA,YAAA,EAEgBhB,MAAMH,QAAQ,CAAA;AAAA,QAAC,sBAAA,EACJU,CAAYV,CAAAA,KAAAA,QAAAA,CAASL,KAAQe,GAAAA,CAAAA;AAAAA,QAAE,kBACtClB,KAAM4B,CAAAA,cAAAA;AAAAA,QAAc,oBAClB5B,KAAM6B,CAAAA,gBAAAA;AAAAA,QAAgB,YAC9B7B,KAAMa,CAAAA,QAAAA;AAAAA,QAAQ,YACdb,KAAM8B,CAAAA,QAAAA;AAAAA,QAAQ,aACb9B,KAAM+B,CAAAA,SAAAA;AAAAA,SAAS,IAAA,CAAA,CAAA;AAAA,KAGhC,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/form-components/form-detail-select/index.d.ts

@@ -0,0 +1,83 @@
+export declare const MKFormDetailSelect: import("vue").DefineComponent<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: import("vue").PropType<any>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly labelFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly saveFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly primaryFieldName: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly multiple: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly dataTable: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").DataTable<any, any, Record<string, any>, import("@maketribe/dm").TableColumn>>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    readonly disabled: import("@maketribe/utils").PropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
+    readonly column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormDetailColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    readonly multiple: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+    readonly disabled: import("@maketribe/utils").PropMergeType<BooleanConstructor, unknown, unknown>;
+}, {}>;
+export default MKFormDetailSelect;

package/dist/esm/components/form-components/form-detail-select/index.js

@@ -0,0 +1,6 @@
+import FormDetailSelect from './form-detail-select.js';
+
+const MKFormDetailSelect = FormDetailSelect;
+
+export { MKFormDetailSelect, MKFormDetailSelect as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-detail-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-detail-select/index.ts"],"sourcesContent":["import FormDetailSelect from \"./form-detail-select\";\n\nexport const MKFormDetailSelect = FormDetailSelect;\n\nexport default MKFormDetailSelect;\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAqB,GAAA;;;;"}

package/dist/esm/components/form-components/form-icon-select/form-icon-select-options.d.ts

@@ -0,0 +1,10 @@
+import { ExtractPropTypes } from "vue";
+export declare const formIconSelectProps: {
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormIconSelectProps = ExtractPropTypes<typeof formIconSelectProps>;

package/dist/esm/components/form-components/form-icon-select/form-icon-select-options.js

@@ -0,0 +1,9 @@
+import { buildProps } from '@maketribe/utils';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const formIconSelectProps = buildProps({
+  ...columnProps
+});
+
+export { formIconSelectProps };
+//# sourceMappingURL=form-icon-select-options.js.map

package/dist/esm/components/form-components/form-icon-select/form-icon-select-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-icon-select-options.js","sources":["../../../../../src/components/form-components/form-icon-select/form-icon-select-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formIconSelectProps = buildProps({\n  ...columnProps,\n});\n\nexport type FormIconSelectProps = ExtractPropTypes<typeof formIconSelectProps>;\n"],"names":[],"mappings":";;;AAIO,MAAM,sBAAsB,UAAW,CAAA;AAAA,EAC5C,GAAG,WAAA;AACL,CAAC;;;;"}

package/dist/esm/components/form-components/form-icon-select/form-icon-select.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import("vue").DefineComponent<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>;
+export default _default;

package/dist/esm/components/form-components/form-icon-select/form-icon-select.js

@@ -0,0 +1,60 @@
+import { defineComponent, ref, onMounted, watch, unref, createVNode, isVNode } from 'vue';
+import * as icons from '@element-plus/icons-vue';
+import { useFormItem } from '../../data-model/data-form/composables/use-form-item.js';
+import { MKSvgIcon } from '../../svg-icon/index.js';
+import { formIconSelectProps } from './form-icon-select-options.js';
+import { useFormItem as useFormItem$1, ElScrollbar } from 'element-plus';
+
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+var FormIconSelect = /* @__PURE__ */ defineComponent({
+  name: "MKFormIconSelect",
+  props: formIconSelectProps,
+  setup() {
+    const icons$1 = ref([]);
+    const {
+      value
+    } = useFormItem();
+    const {
+      formItem: elFormItem
+    } = useFormItem$1();
+    const handleClick = (icon) => {
+      value.value = icon;
+    };
+    onMounted(() => {
+      const svgList = document.querySelectorAll('body > svg[aria-hidden="true"]');
+      let iconList = [];
+      for (const svg of Array.from(svgList)) {
+        const symbols = svg.querySelectorAll("symbol");
+        iconList = iconList.concat(Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, "")));
+      }
+      icons$1.value = [...Object.keys(icons), ...iconList];
+    });
+    watch(value, () => {
+      elFormItem?.validate?.("change");
+    }, {
+      flush: "post"
+    });
+    return () => {
+      const _value = unref(value);
+      const children = unref(icons$1).map((icon) => createVNode("span", {
+        "key": icon,
+        "class": ["mk-form-icon-select__icon-item", icon === _value ? "is-active" : ""],
+        "onClick": () => handleClick(icon)
+      }, [createVNode(MKSvgIcon, {
+        "iconClass": icon
+      }, null)]));
+      return createVNode("div", {
+        "class": "mk-form-icon-select"
+      }, [createVNode(ElScrollbar, {
+        "height": "100%"
+      }, _isSlot(children) ? children : {
+        default: () => [children]
+      })]);
+    };
+  }
+});
+
+export { FormIconSelect as default };
+//# sourceMappingURL=form-icon-select.js.map

package/dist/esm/components/form-components/form-icon-select/form-icon-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-icon-select.js","sources":["../../../../../src/components/form-components/form-icon-select/form-icon-select.tsx"],"sourcesContent":["import { Ref, defineComponent, onMounted, ref, unref, watch } from \"vue\";\nimport * as elIcons from \"@element-plus/icons-vue\";\nimport { useFormItem } from \"../../data-model/data-form/composables\";\nimport SvgIcon from \"../../svg-icon\";\nimport { formIconSelectProps } from \"./form-icon-select-options\";\nimport { ElScrollbar, useFormItem as elUseFormItem } from \"element-plus\";\n\nexport default defineComponent({\n  name: \"MKFormIconSelect\",\n  props: formIconSelectProps,\n  setup() {\n    const icons: Ref<string[]> = ref([]);\n\n    const { value } = useFormItem();\n\n    const { formItem: elFormItem } = elUseFormItem();\n\n    const handleClick = (icon: string) => {\n      value.value = icon;\n    };\n\n    onMounted(() => {\n      const svgList: NodeListOf<SVGElement> = document.querySelectorAll(\n        'body > svg[aria-hidden=\"true\"]'\n      );\n\n      let iconList: string[] = [];\n\n      for (const svg of Array.from(svgList)) {\n        const symbols = svg.querySelectorAll(\"symbol\");\n\n        iconList = iconList.concat(\n          Array.from(symbols).map((symbol) => symbol.id.replace(/^icon-/, \"\"))\n        );\n      }\n\n      icons.value = [...Object.keys(elIcons), ...iconList];\n    });\n\n    watch(\n      value,\n      () => {\n        elFormItem?.validate?.(\"change\");\n      },\n      { flush: \"post\" }\n    );\n\n    return () => {\n      const _value = unref(value);\n\n      const children = unref(icons).map((icon) => (\n        <span\n          key={icon}\n          class={[\n            \"mk-form-icon-select__icon-item\",\n            icon === _value ? \"is-active\" : \"\",\n          ]}\n          onClick={() => handleClick(icon)}\n        >\n          <SvgIcon iconClass={icon} />\n        </span>\n      ));\n\n      return (\n        <div class=\"mk-form-icon-select\">\n          <ElScrollbar height=\"100%\">{children}</ElScrollbar>\n        </div>\n      );\n    };\n  },\n});\n"],"names":["_isSlot","s","Object","prototype","toString","call","_isVNode","name","props","formIconSelectProps","setup","icons","ref","value","useFormItem","formItem","elFormItem","elUseFormItem","handleClick","icon","onMounted","svgList","document","querySelectorAll","iconList","svg","Array","from","symbols","concat","map","symbol","id","replace","keys","elIcons","watch","validate","flush","_value","unref","children","_createVNode","onClick","SvgIcon","ElScrollbar","default"],"mappings":";;;;;;;AAKyE,SAAAA,QAAAC,CAAA,EAAA;AAAA,EAAA,OAAA,OAAAA,CAAAA,KAAA,UAAAC,IAAAA,MAAAA,CAAAC,SAAAC,CAAAA,QAAAA,CAAAC,IAAAJ,CAAAA,CAAA,CAAAK,KAAAA,iBAAAA,IAAAA,CAAAA,OAAAA,CAAAL,CAAA,CAAA,CAAA;AAAA,CAAA;AAEzE,qCAA+B,eAAA,CAAA;AAAA,EAC7BM,IAAM,EAAA,kBAAA;AAAA,EACNC,KAAOC,EAAAA,mBAAAA;AAAAA,EACPC,KAAQ,GAAA;AACN,IAAMC,MAAAA,OAAAA,GAAuBC,GAAI,CAAA,EAAE,CAAA,CAAA;AAEnC,IAAM,MAAA;AAAA,MAAEC,KAAAA;AAAAA,QAAUC,WAAY,EAAA,CAAA;AAE9B,IAAM,MAAA;AAAA,MAAEC,QAAUC,EAAAA,UAAAA;AAAAA,QAAeC,aAAc,EAAA,CAAA;AAE/C,IAAA,MAAMC,cAAeC,CAAiB,IAAA,KAAA;AACpCN,MAAAA,KAAAA,CAAMA,KAAQM,GAAAA,IAAAA,CAAAA;AAAAA,KAChB,CAAA;AAEAC,IAAAA,SAAAA,CAAU,MAAM;AACd,MAAMC,MAAAA,OAAAA,GAAkCC,QAASC,CAAAA,gBAAAA,CAC/C,gCACF,CAAA,CAAA;AAEA,MAAA,IAAIC,WAAqB,EAAE,CAAA;AAE3B,MAAA,KAAA,MAAWC,GAAOC,IAAAA,KAAAA,CAAMC,IAAKN,CAAAA,OAAO,CAAG,EAAA;AACrC,QAAMO,MAAAA,OAAAA,GAAUH,GAAIF,CAAAA,gBAAAA,CAAiB,QAAQ,CAAA,CAAA;AAE7CC,QAAAA,QAAAA,GAAWA,QAASK,CAAAA,MAAAA,CAClBH,KAAMC,CAAAA,IAAAA,CAAKC,OAAO,CAAEE,CAAAA,GAAAA,CAAKC,CAAWA,MAAAA,KAAAA,MAAAA,CAAOC,EAAGC,CAAAA,OAAAA,CAAQ,QAAU,EAAA,EAAE,CAAC,CACrE,CAAA,CAAA;AAAA,OACF;AAEAtB,MAAME,OAAAA,CAAAA,KAAAA,GAAQ,CAAC,GAAGX,MAAAA,CAAOgC,KAAKC,KAAO,CAAA,EAAG,GAAGX,QAAQ,CAAA,CAAA;AAAA,KACpD,CAAA,CAAA;AAEDY,IAAAA,KAAAA,CACEvB,OACA,MAAM;AACJG,MAAAA,UAAAA,EAAYqB,WAAW,QAAQ,CAAA,CAAA;AAAA,KAEjC,EAAA;AAAA,MAAEC,KAAO,EAAA,MAAA;AAAA,KACX,CAAA,CAAA;AAEA,IAAA,OAAO,MAAM;AACX,MAAMC,MAAAA,MAAAA,GAASC,MAAM3B,KAAK,CAAA,CAAA;AAE1B,MAAA,MAAM4B,WAAWD,KAAM7B,CAAAA,OAAK,EAAEmB,GAAKX,CAAAA,CAAAA,IAAAA,KAAIuB,YAAA,MAAA,EAAA;AAAA,QAAA,KAE9BvB,EAAAA,IAAAA;AAAAA,QAAI,SACF,CACL,gCAAA,EACAA,IAASoB,KAAAA,MAAAA,GAAS,cAAc,EAAE,CAAA;AAAA,QACnC,SAAA,EACQI,MAAMzB,WAAAA,CAAYC,IAAI,CAAA;AAAA,OAAC,EAAAuB,CAAAA,WAAAA,CAAAE,SAAA,EAAA;AAAA,QAAA,WAEZzB,EAAAA,IAAAA;AAAAA,OAAI,EAAA,IAAA,CAAA,CAAA,CAE3B,CAAA,CAAA;AAED,MAAA,OAAAuB,YAAA,KAAA,EAAA;AAAA,QAAA,OAAA,EAAA,qBAAA;AAAA,OAAA,EAAAA,CAAAA,WAAAA,CAAAG,WAAA,EAAA;AAAA,QAAA,QAAA,EAAA,MAAA;AAAA,OAAA7C,EAAAA,OAAAA,CAEgCyC,QAAQ,CAAA,GAARA,QAAQ,GAAA;AAAA,QAAAK,OAAAA,EAAAA,MAAA,CAARL,QAAQ,CAAA;AAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAG1C,CAAA;AAAA,GACF;AACF,CAAC,CAAA;;;;"}

package/dist/esm/components/form-components/form-icon-select/index.d.ts

@@ -0,0 +1,16 @@
+export declare const MKFormIconSelect: import("@maketribe/utils").SFCWithInstall<import("vue").DefineComponent<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {}, {}>> & Record<string, any>;
+export default MKFormIconSelect;

package/dist/esm/components/form-components/form-icon-select/index.js

@@ -0,0 +1,7 @@
+import { withInstall } from '@maketribe/utils';
+import FormIconSelect from './form-icon-select.js';
+
+const MKFormIconSelect = withInstall(FormIconSelect);
+
+export { MKFormIconSelect, MKFormIconSelect as default };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/form-components/form-icon-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form-components/form-icon-select/index.ts"],"sourcesContent":["import { withInstall } from \"@maketribe/utils\";\nimport FormIconSelect from \"./form-icon-select\";\n\nexport const MKFormIconSelect = withInstall(FormIconSelect);\nexport default MKFormIconSelect;\n"],"names":[],"mappings":";;;AAGa,MAAA,gBAAA,GAAmB,YAAY,cAAc;;;;"}

package/dist/esm/components/form-components/form-image-list/form-image-list-options.d.ts

@@ -0,0 +1,18 @@
+import { ExtractPropTypes } from "vue";
+import { WebFileUpload } from "@maketribe/request";
+export declare const formImageListProps: {
+    upload: {
+        readonly type: import("vue").PropType<WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+};
+export type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;

package/dist/esm/components/form-components/form-image-list/form-image-list-options.js

@@ -0,0 +1,17 @@
+import { buildProps } from '@maketribe/utils';
+import { WebFileUpload } from '@maketribe/request';
+import { columnProps } from '../../data-model/data-form/composables/use-form-item.js';
+
+const formImageListProps = buildProps({
+  ...columnProps,
+  upload: {
+    type: WebFileUpload
+  },
+  limit: {
+    type: Number,
+    default: 10
+  }
+});
+
+export { formImageListProps };
+//# sourceMappingURL=form-image-list-options.js.map

package/dist/esm/components/form-components/form-image-list/form-image-list-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-image-list-options.js","sources":["../../../../../src/components/form-components/form-image-list/form-image-list-options.ts"],"sourcesContent":["import { ExtractPropTypes } from \"vue\";\nimport { buildProps } from \"@maketribe/utils\";\nimport { WebFileUpload } from \"@maketribe/request\";\nimport { columnProps } from \"../../data-model/data-form/composables\";\n\nexport const formImageListProps = buildProps({\n  ...columnProps,\n  upload: {\n    type: WebFileUpload,\n  },\n  limit: {\n    type: Number,\n    default: 10,\n  },\n});\n\nexport type FormImageListProps = ExtractPropTypes<typeof formImageListProps>;\n"],"names":[],"mappings":";;;;AAKO,MAAM,qBAAqB,UAAW,CAAA;AAAA,EAC3C,GAAG,WAAA;AAAA,EACH,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,aAAA;AAAA,GACR;AAAA,EACA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAC;;;;"}

package/dist/esm/components/form-components/form-image-list/form-image-list.d.ts

@@ -0,0 +1,32 @@
+declare const _default: import("vue").DefineComponent<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    upload: {
+        readonly type: import("vue").PropType<import("@maketribe/request").WebFileUpload>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+    limit: import("@maketribe/utils").PropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    column: {
+        readonly type: import("vue").PropType<import("@maketribe/dm").FormColumn>;
+        readonly required: true;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __mkPropKey: true;
+    };
+}>>, {
+    limit: number;
+}, {}>;
+export default _default;