@milaboratories/graph-maker 1.1.201 → 1.1.203

package/dist/forms/DataMappingForm/DendroForm.vue.js

@@ -2,7 +2,7 @@ import { defineComponent as j, toRef as J, computed as s, ref as k, watch as f,
 import { PlDropdown as Z } from "@platforma-sdk/ui-vue";
 import ee from "./Layout/FormLayout.vue.js";
 import { useStore as te } from "../../store.js";
-import { getAllInputsOptions as oe, getFreeOptions as ae, getChipInfo as le, hasInputError as ne, getErrorForPlDropdown as re, toSimpleSingle as ue, toSimpleMulti as se, toFiltersMulti as ie } from "./utils.js";
+import { getAllInputsOptions as ae, getFreeOptions as oe, getChipInfo as le, hasInputError as ne, getErrorForPlDropdown as re, toSimpleSingle as ue, toSimpleMulti as se, toFiltersMulti as ie } from "./utils.js";
 import { DEFAULT_DOT_SHAPE as de } from "../../dataBindAes.js";
 import { DEFAULT_BLACK as B } from "../../constantsAesthetic.js";
 import q from "../../components/DragAndDrop/DndChip.vue.js";
@@ -28,7 +28,7 @@ const ve = { class: "data-form-input-item" }, pe = {
         g,
         e,
         t.value.controller,
-        t.value.columnsDataStore
+        t.value.columnsDataStore.value
       );
     }
     function r(e) {
@@ -36,7 +36,7 @@ const ve = { class: "data-form-input-item" }, pe = {
         g,
         e,
         t.value.controller,
-        t.value.columnsDataStore
+        t.value.columnsDataStore.value
       );
     }
     function A(e) {
@@ -44,7 +44,7 @@ const ve = { class: "data-form-input-item" }, pe = {
         g,
         e,
         t.value.controller,
-        t.value.columnsDataStore,
+        t.value.columnsDataStore.value,
         n
       );
     }
@@ -80,11 +80,11 @@ const ve = { class: "data-form-input-item" }, pe = {
         t.value.reactive.layersSettings.dendro.lineColor = e.length ? { type: "lineColor", value: e[0] } : B;
       }
     );
-    const p = s(() => oe(
+    const p = s(() => ae(
       S,
       n
     )), _ = s(
-      () => ae(n, b)
+      () => oe(n, b)
     ), I = s(
       () => _.value.filter((e) => e.info.kind === "axis")
     ), b = [
@@ -113,11 +113,11 @@ const ve = { class: "data-form-input-item" }, pe = {
       lineColor: "Line color"
     }, i = k(null), m = s(() => {
       const e = /* @__PURE__ */ new Set();
-      return b.forEach((o) => {
-        p.value[o].forEach((a) => {
-          e.add(a.value);
-        }), S.components[o].selectorStates.forEach((a) => {
-          e.add(a.selectedSource);
+      return b.forEach((a) => {
+        p.value[a].forEach((o) => {
+          e.add(o.value);
+        }), S.components[a].selectorStates.forEach((o) => {
+          e.add(o.selectedSource);
         });
       }), le(n.value, S.components, w.value, [...e]);
     });
@@ -127,11 +127,11 @@ const ve = { class: "data-form-input-item" }, pe = {
         e.draggedId
       ], i.value = null;
     }
-    function H(e, o) {
-      l.value[o] = e;
+    function H(e, a) {
+      l.value[a] = e;
     }
     function M(e) {
-      l.value[e.basketId] = l.value[e.basketId].filter((o) => o !== e.chipId);
+      l.value[e.basketId] = l.value[e.basketId].filter((a) => a !== e.chipId);
     }
     function P(e) {
       return n.value.components[e].stateConsistency;
@@ -139,26 +139,26 @@ const ve = { class: "data-form-input-item" }, pe = {
     function U(e) {
       return !n.value.readyData || p.value[e].length === 0 || i.value !== null && !m.value[i.value].availableBasketIds.has(e);
     }
-    async function z(e, o) {
-      return t.value.columnsDataStore ? (await t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore, n.value, e, x, o)).values : Promise.resolve([]);
+    async function z(e, a) {
+      return t.value.columnsDataStore.value ? (await t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore.value, n.value, e, x, a)).values : Promise.resolve([]);
     }
-    async function R(e, o) {
-      return t.value.columnsDataStore ? (await t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore, n.value, e, 1, void 0, o)).values : Promise.resolve([]);
+    async function R(e, a) {
+      return t.value.columnsDataStore.value ? (await t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore.value, n.value, e, 1, void 0, a)).values : Promise.resolve([]);
     }
     async function N(e) {
-      return t.value.columnsDataStore ? t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore, n.value, e, x) : Promise.resolve({ values: [], overflow: !1 });
+      return t.value.columnsDataStore.value ? t.value.controller.getUniqueSourceValuesWithLabels(t.value.columnsDataStore.value, n.value, e, x) : Promise.resolve({ values: [], overflow: !1 });
     }
     const K = s(
       () => b.map((e) => {
         var c;
-        const o = n.value.components[e];
+        const a = n.value.components[e];
         return {
           id: e,
           title: T[e],
           isFilter: !1,
           sortable: e === "tableContent",
-          multiple: o.multipleSelectors,
-          required: o.required,
+          multiple: a.multipleSelectors,
+          required: a.required,
           disabled: U(e),
           readonly: ((c = t.value.readonlyInputs) == null ? void 0 : c.includes(e)) ?? !1,
           consistency: P(e),
@@ -185,12 +185,12 @@ const ve = { class: "data-form-input-item" }, pe = {
     ["value"].forEach((e) => {
       f(
         [() => l.value[e], () => p.value],
-        ([o, a]) => {
-          (typeof o > "u" || ne("value", n.value)) && a[e] && a[e].length && t.value.controller.changeSelected(
+        ([a, o]) => {
+          (typeof a > "u" || ne("value", n.value)) && o[e] && o[e].length && t.value.controller.changeSelected(
             e,
-            t.value.columnsDataStore,
+            t.value.columnsDataStore.value,
             t.value.reactive.optionsState,
-            [{ selectedSource: a[e][0].value }]
+            [{ selectedSource: o[e][0].value }]
           );
         },
         { immediate: !0 }
@@ -200,12 +200,12 @@ const ve = { class: "data-form-input-item" }, pe = {
       var e;
       return ((e = t.value.readonlyInputs) == null ? void 0 : e.includes("value")) ?? !1;
     });
-    return (e, o) => (u(), D(ee, null, {
+    return (e, a) => (u(), D(ee, null, {
       dataInputs: E(() => [
         v("div", ve, [
           V(L(Z), {
             modelValue: l.value.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (a) => l.value.value = a),
+            "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value.value = o),
             label: "Data source:",
             options: p.value.value,
             disabled: $.value,
@@ -213,34 +213,34 @@ const ve = { class: "data-form-input-item" }, pe = {
           }, null, 8, ["modelValue", "options", "disabled", "error"])
         ]),
         I.value.length > 0 ? (u(), d("div", pe, [
-          o[3] || (o[3] = v("div", { class: "title" }, "Drag to build the chart", -1)),
+          a[3] || (a[3] = v("div", { class: "title" }, "Drag to build the chart", -1)),
           v("div", me, [
-            (u(!0), d(h, null, y(I.value, ({ id: a }) => (u(), D(q, {
-              key: a,
-              info: m.value[a],
-              onDragstart: o[1] || (o[1] = (c) => i.value = c),
+            (u(!0), d(h, null, y(I.value, ({ id: o }) => (u(), D(q, {
+              key: o,
+              info: m.value[o],
+              onDragstart: a[1] || (a[1] = (c) => i.value = c),
               onDragend: F
             }, null, 8, ["info"]))), 128))
           ])
         ])) : C("", !0),
         _.value.length > 0 ? (u(), d("div", fe, [
-          o[4] || (o[4] = v("div", { class: "title" }, "Metadata", -1)),
+          a[4] || (a[4] = v("div", { class: "title" }, "Metadata", -1)),
           v("div", he, [
-            (u(!0), d(h, null, y(_.value, ({ id: a }) => (u(), D(q, {
-              key: a,
-              info: m.value[a],
-              onDragstart: o[2] || (o[2] = (c) => i.value = c),
+            (u(!0), d(h, null, y(_.value, ({ id: o }) => (u(), D(q, {
+              key: o,
+              info: m.value[o],
+              onDragstart: a[2] || (a[2] = (c) => i.value = c),
               onDragend: F
             }, null, 8, ["info"]))), 128))
           ])
         ])) : C("", !0)
       ]),
       chartVar: E(() => [
-        (u(!0), d(h, null, y(K.value, (a) => (u(), d(h, {
-          key: a.id
+        (u(!0), d(h, null, y(K.value, (o) => (u(), d(h, {
+          key: o.id
         }, [
-          W(a.id) ? (u(), d("div", Se, [
-            V(ce, Q({ ref_for: !0 }, a, Y(a.listeners)), null, 16)
+          W(o.id) ? (u(), d("div", Se, [
+            V(ce, Q({ ref_for: !0 }, o, Y(o.listeners)), null, 16)
           ])) : C("", !0)
         ], 64))), 128))
       ]),

package/dist/forms/DataMappingForm/DendroForm.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"DendroForm.vue.js","sources":["../../../src/forms/DataMappingForm/DendroForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type {\n  DendroUIState,\n  InputGuide,\n  InputState,\n} from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport type { Ref } from 'vue';\nimport { computed, watch, toRef, ref } from 'vue';\nimport { useStore } from '../../store';\nimport {\n  getAllInputsOptions,\n  toFiltersMulti,\n  getErrorForPlDropdown,\n  toSimpleMulti,\n  getChipInfo,\n  toSimpleSingle,\n  getFreeOptions,\n  hasInputError,\n} from './utils';\nimport { DEFAULT_DOT_SHAPE } from '../../dataBindAes';\nimport { DEFAULT_BLACK } from '../../constantsAesthetic';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport DndChip from '../../components/DragAndDrop/DndChip.vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\n\ntype BasketIds = Exclude<\n  keyof (typeof inputStateValues)['value'] & keyof DendroUIState['components'],\n  'value' | 'filters' | 'tabBy'\n>;\n\nconst store = useStore();\nconst state = store.value.reactive.optionsState as DendroUIState;\nconst stateRef = toRef(store.value.reactive, 'optionsState');\n\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<DendroUIState>>;\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\n// const nodeSize = toRef(state.data.nodeSize.selectorState, \"selectedSource\");\nfunction getSimpleSingle(inputName: keyof InputState['components']) {\n  return toSimpleSingle(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n  );\n}\nfunction getSimpleMulti(inputName: keyof InputState['components']) {\n  return toSimpleMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n  );\n}\nfunction getFiltersMulti(inputName: keyof InputState['components']) {\n  return toFiltersMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore,\n    inputGuide,\n  );\n}\n\nconst inputStateValues = ref({\n  value: getSimpleSingle('value'),\n  tableContent: getSimpleMulti('tableContent'),\n  heatmapAnnotation: getSimpleMulti('heatmapAnnotation'),\n  heatmapForSequence: getSimpleMulti('heatmapForSequence'),\n  filters: getFiltersMulti('filters'),\n  tabBy: getFiltersMulti('tabBy'),\n  height: getSimpleMulti('height'),\n  labels: getSimpleMulti('labels'),\n  nodeShape: getSimpleMulti('nodeShape'),\n  nodeColor: getSimpleMulti('nodeColor'),\n  nodeSize: getSimpleMulti('nodeSize'),\n  lineColor: getSimpleMulti('lineColor'),\n  heatmapAxis: getSimpleMulti('heatmapAxis'),\n  heatmapGroup: getSimpleMulti('heatmapGroup'),\n});\nwatch(\n  () => inputStateValues.value.nodeShape,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotShape = value.length\n      ? { type: 'nodeShape', value: value[0] }\n      : DEFAULT_DOT_SHAPE;\n  },\n);\nwatch(\n  () => inputStateValues.value.nodeColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotFill = value.length\n      ? { type: 'nodeColor', value: value[0] }\n      : DEFAULT_BLACK;\n  },\n);\nwatch(\n  () => inputStateValues.value.lineColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.lineColor = value.length\n      ? { type: 'lineColor', value: value[0] }\n      : DEFAULT_BLACK;\n  },\n);\n\nconst options = computed(() => {\n  return getAllInputsOptions(\n    state,\n    inputGuide as Ref<InputGuide<DendroUIState>>,\n  );\n});\n\nconst freeOptions = computed(() =>\n  getFreeOptions(inputGuide as Ref<InputGuide<InputState>>, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  freeOptions.value.filter((item) => item.info.kind === 'axis'),\n);\nconst BASKETS: BasketIds[] = [\n  'height',\n  'tableContent',\n  'labels',\n  'heatmapAnnotation',\n  'heatmapAxis',\n  'heatmapGroup',\n  'heatmapForSequence',\n  'nodeShape',\n  'nodeColor',\n  'nodeSize',\n  'lineColor',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  height: 'Connections length',\n  tableContent: 'Table/tooltip content',\n  labels: 'Labels',\n  heatmapAnnotation: 'Heatmap annotation',\n  heatmapAxis: 'Heatmap axis',\n  heatmapGroup: 'Heatmap group',\n  heatmapForSequence: 'Alignment data',\n  nodeShape: 'Node shape',\n  nodeColor: 'Node color',\n  nodeSize: 'Node size',\n  lineColor: 'Line color',\n};\n\nconst draggedId = ref<string | null>(null);\n\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, labelsInfo.value, [...freeAndSelectedIds]);\n});\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId] = inputStateValues.value[\n    event.basketId\n  ].filter((op) => op !== event.chipId);\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr)).values;\n}\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter: false,\n      sortable: name === 'tableContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    return basketProps;\n  }),\n);\n\nfunction showBasket(basketId: BasketProps['id']) {\n  if (basketId === 'heatmapAxis' || basketId === 'heatmapGroup') {\n    return inputStateValues.value.heatmapAnnotation !== null;\n  }\n  return true;\n}\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nconst autoFillInputs: (keyof typeof inputStateValues.value)[] = ['value'];\n\nautoFillInputs.forEach((inputName) => {\n  watch(\n    [() => inputStateValues.value[inputName], () => options.value],\n    ([v, vOptions]) => {\n      if (\n        (typeof v === 'undefined'\n          || hasInputError('value', inputGuide.value))\n        && vOptions[inputName]\n        && vOptions[inputName].length\n      ) {\n        store.value.controller.changeSelected(\n          inputName,\n          store.value.columnsDataStore!,\n          store.value.reactive.optionsState,\n          [{ selectedSource: vOptions[inputName][0].value }],\n\n        );\n      }\n    },\n    { immediate: true },\n  );\n});\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"inputStateValues.value\"\n          label=\"Data source:\"\n          :options=\"options.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', inputGuide)\"\n        />\n      </div>\n      <div v-if=\"freeMandatoryOptions.length > 0\" class=\"metadata-block\">\n        <div class=\"title\">Drag to build the chart</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeMandatoryOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n      <div v-if=\"freeOptions.length > 0\" class=\"metadata-block\">\n        <div class=\"title\">Metadata</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #chartVar>\n      <template v-for=\"basketProp in basketsData\" :key=\"basketProp.id\">\n        <div v-if=\"showBasket(basketProp.id)\" class=\"data-form-input-item\">\n          <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n        </div>\n      </template>\n    </template>\n  </FormLayout>\n</template>\n"],"names":["store","useStore","state","stateRef","toRef","inputGuide","computed","labelsInfo","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","inputStateValues","ref","watch","value","DEFAULT_DOT_SHAPE","DEFAULT_BLACK","options","getAllInputsOptions","freeOptions","getFreeOptions","BASKETS","freeMandatoryOptions","item","BASKET_LABELS","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","commonDropItemHandler","event","commonReorder","data","commonRemoveItem","op","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","_a","showBasket","cleanDraggedId","v","vOptions","hasInputError","readonlyValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","_cache","$event","getErrorForPlDropdown","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_Fragment","_renderList","id","DndChip","_hoisted_4","_hoisted_5","basketProp","_hoisted_6","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}
+{"version":3,"file":"DendroForm.vue.js","sources":["../../../src/forms/DataMappingForm/DendroForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type {\n  DendroUIState,\n  InputGuide,\n  InputState,\n} from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport type { Ref } from 'vue';\nimport { computed, watch, toRef, ref } from 'vue';\nimport { useStore } from '../../store';\nimport {\n  getAllInputsOptions,\n  toFiltersMulti,\n  getErrorForPlDropdown,\n  toSimpleMulti,\n  getChipInfo,\n  toSimpleSingle,\n  getFreeOptions,\n  hasInputError,\n} from './utils';\nimport { DEFAULT_DOT_SHAPE } from '../../dataBindAes';\nimport { DEFAULT_BLACK } from '../../constantsAesthetic';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport DndChip from '../../components/DragAndDrop/DndChip.vue';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\n\ntype BasketIds = Exclude<\n  keyof (typeof inputStateValues)['value'] & keyof DendroUIState['components'],\n  'value' | 'filters' | 'tabBy'\n>;\n\nconst store = useStore();\nconst state = store.value.reactive.optionsState as DendroUIState;\nconst stateRef = toRef(store.value.reactive, 'optionsState');\n\nconst inputGuide = computed(\n  () => store.value.inputGuide.value,\n) as unknown as Ref<InputGuide<DendroUIState>>;\nconst labelsInfo = computed(() => store.value.uniqueValuesData.value);\n\n// const nodeSize = toRef(state.data.nodeSize.selectorState, \"selectedSource\");\nfunction getSimpleSingle(inputName: keyof InputState['components']) {\n  return toSimpleSingle(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore.value,\n  );\n}\nfunction getSimpleMulti(inputName: keyof InputState['components']) {\n  return toSimpleMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore.value,\n  );\n}\nfunction getFiltersMulti(inputName: keyof InputState['components']) {\n  return toFiltersMulti(\n    stateRef,\n    inputName,\n    store.value.controller,\n    store.value.columnsDataStore.value,\n    inputGuide,\n  );\n}\n\nconst inputStateValues = ref({\n  value: getSimpleSingle('value'),\n  tableContent: getSimpleMulti('tableContent'),\n  heatmapAnnotation: getSimpleMulti('heatmapAnnotation'),\n  heatmapForSequence: getSimpleMulti('heatmapForSequence'),\n  filters: getFiltersMulti('filters'),\n  tabBy: getFiltersMulti('tabBy'),\n  height: getSimpleMulti('height'),\n  labels: getSimpleMulti('labels'),\n  nodeShape: getSimpleMulti('nodeShape'),\n  nodeColor: getSimpleMulti('nodeColor'),\n  nodeSize: getSimpleMulti('nodeSize'),\n  lineColor: getSimpleMulti('lineColor'),\n  heatmapAxis: getSimpleMulti('heatmapAxis'),\n  heatmapGroup: getSimpleMulti('heatmapGroup'),\n});\nwatch(\n  () => inputStateValues.value.nodeShape,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotShape = value.length\n      ? { type: 'nodeShape', value: value[0] }\n      : DEFAULT_DOT_SHAPE;\n  },\n);\nwatch(\n  () => inputStateValues.value.nodeColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.dotFill = value.length\n      ? { type: 'nodeColor', value: value[0] }\n      : DEFAULT_BLACK;\n  },\n);\nwatch(\n  () => inputStateValues.value.lineColor,\n  (value) => {\n    store.value.reactive.layersSettings.dendro.lineColor = value.length\n      ? { type: 'lineColor', value: value[0] }\n      : DEFAULT_BLACK;\n  },\n);\n\nconst options = computed(() => {\n  return getAllInputsOptions(\n    state,\n    inputGuide as Ref<InputGuide<DendroUIState>>,\n  );\n});\n\nconst freeOptions = computed(() =>\n  getFreeOptions(inputGuide as Ref<InputGuide<InputState>>, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  freeOptions.value.filter((item) => item.info.kind === 'axis'),\n);\nconst BASKETS: BasketIds[] = [\n  'height',\n  'tableContent',\n  'labels',\n  'heatmapAnnotation',\n  'heatmapAxis',\n  'heatmapGroup',\n  'heatmapForSequence',\n  'nodeShape',\n  'nodeColor',\n  'nodeSize',\n  'lineColor',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  height: 'Connections length',\n  tableContent: 'Table/tooltip content',\n  labels: 'Labels',\n  heatmapAnnotation: 'Heatmap annotation',\n  heatmapAxis: 'Heatmap axis',\n  heatmapGroup: 'Heatmap group',\n  heatmapForSequence: 'Alignment data',\n  nodeShape: 'Node shape',\n  nodeColor: 'Node color',\n  nodeSize: 'Node size',\n  lineColor: 'Line color',\n};\n\nconst draggedId = ref<string | null>(null);\n\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, labelsInfo.value, [...freeAndSelectedIds]);\n});\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId] = inputStateValues.value[\n    event.basketId\n  ].filter((op) => op !== event.chipId);\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr)).values;\n}\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter: false,\n      sortable: name === 'tableContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    return basketProps;\n  }),\n);\n\nfunction showBasket(basketId: BasketProps['id']) {\n  if (basketId === 'heatmapAxis' || basketId === 'heatmapGroup') {\n    return inputStateValues.value.heatmapAnnotation !== null;\n  }\n  return true;\n}\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nconst autoFillInputs: (keyof typeof inputStateValues.value)[] = ['value'];\n\nautoFillInputs.forEach((inputName) => {\n  watch(\n    [() => inputStateValues.value[inputName], () => options.value],\n    ([v, vOptions]) => {\n      if (\n        (typeof v === 'undefined'\n          || hasInputError('value', inputGuide.value))\n        && vOptions[inputName]\n        && vOptions[inputName].length\n      ) {\n        store.value.controller.changeSelected(\n          inputName,\n          store.value.columnsDataStore.value!,\n          store.value.reactive.optionsState,\n          [{ selectedSource: vOptions[inputName][0].value }],\n\n        );\n      }\n    },\n    { immediate: true },\n  );\n});\n\nconst readonlyValue = computed(() => store.value.readonlyInputs?.includes('value') ?? false);\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"inputStateValues.value\"\n          label=\"Data source:\"\n          :options=\"options.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', inputGuide)\"\n        />\n      </div>\n      <div v-if=\"freeMandatoryOptions.length > 0\" class=\"metadata-block\">\n        <div class=\"title\">Drag to build the chart</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeMandatoryOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n      <div v-if=\"freeOptions.length > 0\" class=\"metadata-block\">\n        <div class=\"title\">Metadata</div>\n        <div class=\"metadata-block__items\">\n          <DndChip\n            v-for=\"{ id } in freeOptions\"\n            :key=\"id\"\n            :info=\"chipInfo[id]\"\n            @dragstart=\"draggedId = $event\"\n            @dragend=\"cleanDraggedId\"\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #chartVar>\n      <template v-for=\"basketProp in basketsData\" :key=\"basketProp.id\">\n        <div v-if=\"showBasket(basketProp.id)\" class=\"data-form-input-item\">\n          <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n        </div>\n      </template>\n    </template>\n  </FormLayout>\n</template>\n"],"names":["store","useStore","state","stateRef","toRef","inputGuide","computed","labelsInfo","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","inputStateValues","ref","watch","value","DEFAULT_DOT_SHAPE","DEFAULT_BLACK","options","getAllInputsOptions","freeOptions","getFreeOptions","BASKETS","freeMandatoryOptions","item","BASKET_LABELS","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","commonDropItemHandler","event","commonReorder","data","commonRemoveItem","op","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","_a","showBasket","cleanDraggedId","v","vOptions","hasInputError","readonlyValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","_cache","$event","getErrorForPlDropdown","_openBlock","_createElementBlock","_hoisted_2","_hoisted_3","_Fragment","_renderList","id","DndChip","_hoisted_4","_hoisted_5","basketProp","_hoisted_6","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}

package/dist/forms/DataMappingForm/useBaskets.js

@@ -2,13 +2,13 @@ import { toRef as N, computed as c, shallowRef as A, ref as S } from "vue";
 import { MAX_SEARCH_OPTIONS_LIST_LENGTH as h } from "../../constantsCommon.js";
 import { getAllInputsOptions as X, getFreeMetaOptions as j, getFreeMandatoryOptions as z, getChipInfo as J, toSimpleSingle as Q, toSimpleMulti as T, toFiltersMulti as Y } from "./utils.js";
 function K(l, F, I, D, v, O) {
-  const o = l.value.reactive.optionsState, p = N(l.value.reactive, "optionsState"), u = c(() => l.value.inputGuide.value);
+  const n = l.value.reactive.optionsState, p = N(l.value.reactive, "optionsState"), a = c(() => l.value.inputGuide.value);
   function R(e) {
     return Q(
       p,
       e,
       l.value.controller,
-      l.value.columnsDataStore
+      l.value.columnsDataStore.value
     );
   }
   function y(e) {
@@ -16,7 +16,7 @@ function K(l, F, I, D, v, O) {
       p,
       e,
       l.value.controller,
-      l.value.columnsDataStore
+      l.value.columnsDataStore.value
     );
   }
   function V(e) {
@@ -24,8 +24,8 @@ function K(l, F, I, D, v, O) {
       p,
       e,
       l.value.controller,
-      l.value.columnsDataStore,
-      u
+      l.value.columnsDataStore.value,
+      a
     );
   }
   const b = A({
@@ -33,29 +33,29 @@ function K(l, F, I, D, v, O) {
   }), r = S({
     ...I.reduce((e, t) => (e[t] = V(t), e), {}),
     ...D.reduce((e, t) => (e[t] = y(t), e), {})
-  }), f = c(() => X(o, u)), M = c(
-    () => j(u, v)
+  }), f = c(() => X(n, a)), M = c(
+    () => j(a, v)
   ), q = c(
-    () => z(u, v)
+    () => z(a, v)
   ), s = S(null), g = c(() => {
     const e = /* @__PURE__ */ new Set();
     return v.forEach((t) => {
-      f.value[t].forEach((n) => {
-        e.add(n.value);
-      }), o.components[t].selectorStates.forEach((n) => {
-        e.add(n.selectedSource);
+      f.value[t].forEach((u) => {
+        e.add(u.value);
+      }), n.components[t].selectorStates.forEach((u) => {
+        e.add(u.selectedSource);
       });
-    }), J(u.value, o.components, l.value.uniqueValuesData.value, [...e]);
+    }), J(a.value, n.components, l.value.uniqueValuesData.value, [...e]);
   });
   function w(e) {
-    return o.components[e].selectorStates.reduce(
-      (t, n) => (n.type !== "range" && (t[n.selectedSource] = n.selectedFilterValues ?? []), t),
+    return n.components[e].selectorStates.reduce(
+      (t, u) => (u.type !== "range" && (t[u.selectedSource] = u.selectedFilterValues ?? []), t),
       {}
     );
   }
   function C(e) {
-    return o.components[e].selectorStates.reduce(
-      (t, n) => (t[n.selectedSource] = n.selectedFilterRange ? [n.selectedFilterRange.min, n.selectedFilterRange.max] : [0, 0], t),
+    return n.components[e].selectorStates.reduce(
+      (t, u) => (t[u.selectedSource] = u.selectedFilterRange ? [u.selectedFilterRange.min, u.selectedFilterRange.max] : [0, 0], t),
       {}
     );
   }
@@ -72,27 +72,27 @@ function K(l, F, I, D, v, O) {
     r.value[t] = e;
   }
   function _(e) {
-    return u.value.components[e].stateConsistency;
+    return a.value.components[e].stateConsistency;
   }
   function G(e) {
-    return !u.value.readyData || f.value[e].length === 0 || s.value !== null && !g.value[s.value].availableBasketIds.has(e);
+    return !a.value.readyData || f.value[e].length === 0 || s.value !== null && !g.value[s.value].availableBasketIds.has(e);
   }
   async function H(e, t) {
-    return l.value.columnsDataStore ? (await l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore, u.value, e, h, t || void 0)).values : Promise.resolve([]);
+    return l.value.columnsDataStore.value ? (await l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore.value, a.value, e, h, t || void 0)).values : Promise.resolve([]);
   }
   async function U(e, t) {
-    return l.value.columnsDataStore ? (await l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore, u.value, e, 1, void 0, t)).values : Promise.resolve([]);
+    return l.value.columnsDataStore.value ? (await l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore.value, a.value, e, 1, void 0, t)).values : Promise.resolve([]);
   }
   async function W(e) {
-    return l.value.columnsDataStore ? l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore, u.value, e, h) : Promise.resolve({ values: [], overflow: !1 });
+    return l.value.columnsDataStore.value ? l.value.controller.getUniqueSourceValuesWithLabels(l.value.columnsDataStore.value, a.value, e, h) : Promise.resolve({ values: [], overflow: !1 });
   }
   const k = c(
     () => v.map((e) => {
       var m;
-      const t = u.value.components[e], n = e === "filters" || e === "highlight", i = {
+      const t = a.value.components[e], u = e === "filters" || e === "highlight", i = {
         id: e,
         title: O[e],
-        isFilter: n,
+        isFilter: u,
         sortable: e === "tooltipContent",
         multiple: t.multipleSelectors,
         required: t.required,
@@ -108,15 +108,15 @@ function K(l, F, I, D, v, O) {
         listeners: {
           "drop-item": L,
           "remove-item": P,
-          reorder: (a) => x(a, e)
+          reorder: (o) => x(o, e)
         }
       };
-      return n && (i.selectedFilters = w(e), i.selectedRanges = C(e), i.listeners["select-filter-value"] = (a) => {
-        const d = o.components[e].selectorStates[a.idx];
-        d.type = "equals", d.selectedFilterValues = a.v;
-      }, i.listeners["select-filter-range"] = (a) => {
-        const d = o.components[e].selectorStates[a.idx];
-        d.type = "range", d.selectedFilterRange = a.v;
+      return u && (i.selectedFilters = w(e), i.selectedRanges = C(e), i.listeners["select-filter-value"] = (o) => {
+        const d = n.components[e].selectorStates[o.idx];
+        d.type = "equals", d.selectedFilterValues = o.v;
+      }, i.listeners["select-filter-range"] = (o) => {
+        const d = n.components[e].selectorStates[o.idx];
+        d.type = "range", d.selectedFilterRange = o.v;
       }), i;
     })
   );

package/dist/forms/DataMappingForm/useBaskets.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBaskets.js","sources":["../../../src/forms/DataMappingForm/useBaskets.ts"],"sourcesContent":["import type {\n  ChartType,\n  ComponentStateFilter,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, shallowRef, toRef } from 'vue';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\nimport type { ComputedStore } from '../../store';\nimport type {\n  AllStateOptions } from './utils';\nimport {\n  getAllInputsOptions, getChipInfo, getFreeMandatoryOptions, getFreeMetaOptions,\n  toFiltersMulti,\n  toSimpleMulti,\n  toSimpleSingle,\n} from './utils';\n\nexport function useBaskets<\n  T extends InputState,\n  BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n  DataIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n>(\n  store: ComputedStore,\n  dataKeys: DataIds[],\n  filterBasketKeys: BasketIds[],\n  simpleBasketKeys: BasketIds[],\n  BASKETS: BasketIds[],\n  BASKET_LABELS: Record<BasketIds, string>,\n): {\n    draggedId: Ref<string | null>;\n    cleanDraggedId: () => void;\n    basketsData: ComputedRef<BasketProps[]>;\n    freeMetaOptions: ComputedRef<ReturnType<typeof getFreeMetaOptions<T>>>;\n    freeMandatoryOptions: ComputedRef<ReturnType<typeof getFreeMandatoryOptions<T>>>;\n    chipInfo: ComputedRef<Record<string, ChipInfo>>;\n    dataStateValues: Ref<Record<DataIds, Ref<string | undefined>>>;\n    dataOptions: ComputedRef<AllStateOptions<T>>;\n  } {\n  const state = store.value.reactive.optionsState as T;\n  const stateRef = toRef(store.value.reactive, 'optionsState');\n\n  const inputGuide = computed(() => store.value.inputGuide.value) as Ref<InputGuide<T>>;\n\n  function getSimpleSingle(inputName: keyof InputState['components']) {\n    return toSimpleSingle(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore,\n    );\n  }\n\n  function getSimpleMulti(inputName: keyof InputState['components']) {\n    return toSimpleMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore,\n    );\n  }\n\n  function getFiltersMulti(inputName: keyof InputState['components']) {\n    return toFiltersMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore,\n      inputGuide,\n    );\n  }\n\n  const dataStateValues = shallowRef({\n    ...dataKeys.reduce((res: Record<DataIds, Ref<string | undefined>>, key: DataIds) => {\n      res[key] = getSimpleSingle(key as keyof InputState['components']);\n      return res;\n    }, {} as Record<DataIds, Ref<string | undefined>>),\n  });\n\ntype InputStateValues = Record<BasketIds, Ref<string[]>>;\n\nconst inputStateValues = ref<InputStateValues>({\n  ...filterBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getFiltersMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n  ...simpleBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getSimpleMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n});\n\nconst options = computed(() => {\n  return getAllInputsOptions(state, inputGuide);\n});\n\nconst freeMetaOptions = computed(() =>\n  getFreeMetaOptions(inputGuide, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  getFreeMandatoryOptions(inputGuide, BASKETS),\n);\n\nconst draggedId = ref<string | null>(null);\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, store.value.uniqueValuesData.value, [...freeAndSelectedIds]);\n});\n\nfunction getFiltersValues(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, string[]>, filterState) => {\n      if (filterState.type !== 'range') {\n        res[filterState.selectedSource] = filterState.selectedFilterValues ?? [];\n      }\n      return res;\n    },\n    {},\n  );\n}\n\nfunction getFiltersRanges(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, [number, number]>, filterState) => {\n      res[filterState.selectedSource] = filterState.selectedFilterRange\n        ? [filterState.selectedFilterRange.min, filterState.selectedFilterRange.max]\n        : [0, 0];\n      return res;\n    },\n    {},\n  );\n}\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId]\n      = inputStateValues.value[event.basketId].filter((op: string) => op !== event.chipId);\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n    const isFilter = name === 'filters' || name === 'highlight';\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter,\n      sortable: name === 'tooltipContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    if (isFilter) {\n      basketProps.selectedFilters = getFiltersValues(name);\n      basketProps.selectedRanges = getFiltersRanges(name);\n      basketProps.listeners['select-filter-value'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'equals';\n        selectorState.selectedFilterValues = data.v as string[];\n      };\n      basketProps.listeners['select-filter-range'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'range';\n        selectorState.selectedFilterRange = data.v as { min: number; max: number } | undefined;\n      };\n    }\n    return basketProps;\n  }),\n);\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nreturn {\n  draggedId,\n  cleanDraggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions: options,\n};\n}\n"],"names":["useBaskets","store","dataKeys","filterBasketKeys","simpleBasketKeys","BASKETS","BASKET_LABELS","state","stateRef","toRef","inputGuide","computed","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","dataStateValues","shallowRef","res","key","inputStateValues","ref","options","getAllInputsOptions","freeMetaOptions","getFreeMetaOptions","freeMandatoryOptions","getFreeMandatoryOptions","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","getFiltersValues","filterState","getFiltersRanges","commonDropItemHandler","event","commonRemoveItem","op","commonReorder","data","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","isFilter","basketProps","_a","cleanDraggedId"],"mappings":"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"}
+{"version":3,"file":"useBaskets.js","sources":["../../../src/forms/DataMappingForm/useBaskets.ts"],"sourcesContent":["import type {\n  ChartType,\n  ComponentStateFilter,\n  InputGuide,\n  InputNamesByChartType,\n  InputState,\n  SelectorStateFilter,\n} from '@milaboratories/pf-plots';\nimport type { ComputedRef, Ref } from 'vue';\nimport { computed, ref, shallowRef, toRef } from 'vue';\nimport type {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent,\n} from '../../components/DragAndDrop/types';\nimport { MAX_SEARCH_OPTIONS_LIST_LENGTH } from '../../constantsCommon';\nimport type { ComputedStore } from '../../store';\nimport type {\n  AllStateOptions } from './utils';\nimport {\n  getAllInputsOptions, getChipInfo, getFreeMandatoryOptions, getFreeMetaOptions,\n  toFiltersMulti,\n  toSimpleMulti,\n  toSimpleSingle,\n} from './utils';\n\nexport function useBaskets<\n  T extends InputState,\n  BasketIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n  DataIds extends keyof T['components'] & InputNamesByChartType[ChartType],\n>(\n  store: ComputedStore,\n  dataKeys: DataIds[],\n  filterBasketKeys: BasketIds[],\n  simpleBasketKeys: BasketIds[],\n  BASKETS: BasketIds[],\n  BASKET_LABELS: Record<BasketIds, string>,\n): {\n    draggedId: Ref<string | null>;\n    cleanDraggedId: () => void;\n    basketsData: ComputedRef<BasketProps[]>;\n    freeMetaOptions: ComputedRef<ReturnType<typeof getFreeMetaOptions<T>>>;\n    freeMandatoryOptions: ComputedRef<ReturnType<typeof getFreeMandatoryOptions<T>>>;\n    chipInfo: ComputedRef<Record<string, ChipInfo>>;\n    dataStateValues: Ref<Record<DataIds, Ref<string | undefined>>>;\n    dataOptions: ComputedRef<AllStateOptions<T>>;\n  } {\n  const state = store.value.reactive.optionsState as T;\n  const stateRef = toRef(store.value.reactive, 'optionsState');\n\n  const inputGuide = computed(() => store.value.inputGuide.value) as Ref<InputGuide<T>>;\n\n  function getSimpleSingle(inputName: keyof InputState['components']) {\n    return toSimpleSingle(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getSimpleMulti(inputName: keyof InputState['components']) {\n    return toSimpleMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n    );\n  }\n\n  function getFiltersMulti(inputName: keyof InputState['components']) {\n    return toFiltersMulti(\n      stateRef,\n      inputName,\n      store.value.controller,\n      store.value.columnsDataStore.value,\n      inputGuide,\n    );\n  }\n\n  const dataStateValues = shallowRef({\n    ...dataKeys.reduce((res: Record<DataIds, Ref<string | undefined>>, key: DataIds) => {\n      res[key] = getSimpleSingle(key as keyof InputState['components']);\n      return res;\n    }, {} as Record<DataIds, Ref<string | undefined>>),\n  });\n\ntype InputStateValues = Record<BasketIds, Ref<string[]>>;\n\nconst inputStateValues = ref<InputStateValues>({\n  ...filterBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getFiltersMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n  ...simpleBasketKeys.reduce((res: InputStateValues, key) => {\n    res[key] = getSimpleMulti(key as keyof InputState['components']);\n    return res;\n  }, {} as InputStateValues),\n});\n\nconst options = computed(() => {\n  return getAllInputsOptions(state, inputGuide);\n});\n\nconst freeMetaOptions = computed(() =>\n  getFreeMetaOptions(inputGuide, BASKETS),\n);\nconst freeMandatoryOptions = computed(() =>\n  getFreeMandatoryOptions(inputGuide, BASKETS),\n);\n\nconst draggedId = ref<string | null>(null);\nconst chipInfo = computed<Record<string, ChipInfo>>(() => {\n  const freeAndSelectedIds = new Set<string>();\n  BASKETS.forEach((name) => {\n    options.value[name].forEach((option) => {\n      freeAndSelectedIds.add(option.value);\n    });\n    state.components[name].selectorStates.forEach((selectorState) => {\n      freeAndSelectedIds.add(selectorState.selectedSource);\n    });\n  });\n  return getChipInfo(inputGuide.value, state.components, store.value.uniqueValuesData.value, [...freeAndSelectedIds]);\n});\n\nfunction getFiltersValues(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, string[]>, filterState) => {\n      if (filterState.type !== 'range') {\n        res[filterState.selectedSource] = filterState.selectedFilterValues ?? [];\n      }\n      return res;\n    },\n    {},\n  );\n}\n\nfunction getFiltersRanges(name: BasketIds) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: Record<string, [number, number]>, filterState) => {\n      res[filterState.selectedSource] = filterState.selectedFilterRange\n        ? [filterState.selectedFilterRange.min, filterState.selectedFilterRange.max]\n        : [0, 0];\n      return res;\n    },\n    {},\n  );\n}\n\nfunction commonDropItemHandler(event: DropItemEvent<BasketIds>) {\n  inputStateValues.value[event.id] = [\n    ...inputStateValues.value[event.id],\n    event.draggedId,\n  ];\n  draggedId.value = null;\n}\n\nfunction commonRemoveItem(event: RemoveItemEvent<BasketIds>) {\n  inputStateValues.value[event.basketId]\n      = inputStateValues.value[event.basketId].filter((op: string) => op !== event.chipId);\n}\n\nfunction commonReorder(data: ChipInfo['id'][], name: BasketIds) {\n  inputStateValues.value[name] = data;\n}\n\nfunction getConsistency(basketId: BasketIds) {\n  return inputGuide.value.components[basketId].stateConsistency;\n}\n\nfunction getDisabled(basketId: BasketIds) {\n  return (\n    !inputGuide.value.readyData\n    || options.value[basketId].length === 0\n    || (draggedId.value !== null\n      && !chipInfo.value[draggedId.value].availableBasketIds.has(basketId))\n  );\n}\n\nasync function searchFilterOptions(sourceId: string, searchStr: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH, searchStr || undefined)).values;\n}\n\nasync function searchSelectedFilterValueOptions(sourceId: string, selectedValue: string): Promise<{ value: string; label: string }[]> {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve([]);\n  }\n  return (await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, 1, undefined, selectedValue)).values;\n}\n\nasync function loadOptions(sourceId: string) {\n  if (!store.value.columnsDataStore.value) {\n    return Promise.resolve({ values: [], overflow: false });\n  }\n  return store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore.value, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n}\n\nconst basketsData = computed<BasketProps[]>(() =>\n  BASKETS.map((name) => {\n    const guide = inputGuide.value.components[name];\n    const isFilter = name === 'filters' || name === 'highlight';\n\n    const basketProps: BasketProps = {\n      id: name,\n      title: BASKET_LABELS[name],\n      isFilter,\n      sortable: name === 'tooltipContent',\n      multiple: guide.multipleSelectors,\n      required: guide.required,\n      disabled: getDisabled(name),\n      readonly: store.value.readonlyInputs?.includes(name) ?? false,\n      consistency: getConsistency(name),\n      draggedId: draggedId.value,\n      droppedIds: inputStateValues.value[name],\n      info: chipInfo.value,\n\n      searchFn: searchFilterOptions,\n      searchSelectedValueFn: searchSelectedFilterValueOptions,\n      loadOptionsFn: loadOptions,\n\n      listeners: {\n        'drop-item': commonDropItemHandler,\n        'remove-item': commonRemoveItem,\n        'reorder': (data: ChipInfo['id'][]) => commonReorder(data, name),\n      },\n    };\n    if (isFilter) {\n      basketProps.selectedFilters = getFiltersValues(name);\n      basketProps.selectedRanges = getFiltersRanges(name);\n      basketProps.listeners['select-filter-value'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'equals';\n        selectorState.selectedFilterValues = data.v as string[];\n      };\n      basketProps.listeners['select-filter-range'] = (data) => {\n        const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n        selectorState.type = 'range';\n        selectorState.selectedFilterRange = data.v as { min: number; max: number } | undefined;\n      };\n    }\n    return basketProps;\n  }),\n);\n\nfunction cleanDraggedId() {\n  draggedId.value = null;\n}\n\nreturn {\n  draggedId,\n  cleanDraggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions: options,\n};\n}\n"],"names":["useBaskets","store","dataKeys","filterBasketKeys","simpleBasketKeys","BASKETS","BASKET_LABELS","state","stateRef","toRef","inputGuide","computed","getSimpleSingle","inputName","toSimpleSingle","getSimpleMulti","toSimpleMulti","getFiltersMulti","toFiltersMulti","dataStateValues","shallowRef","res","key","inputStateValues","ref","options","getAllInputsOptions","freeMetaOptions","getFreeMetaOptions","freeMandatoryOptions","getFreeMandatoryOptions","draggedId","chipInfo","freeAndSelectedIds","name","option","selectorState","getChipInfo","getFiltersValues","filterState","getFiltersRanges","commonDropItemHandler","event","commonRemoveItem","op","commonReorder","data","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","basketsData","guide","isFilter","basketProps","_a","cleanDraggedId"],"mappings":"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"}

package/dist/index.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../src/index.vue"],"names":[],"mappings":"AA0cA,OAAO,KAAK,EAA0B,gBAAgB,EAAa,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAS1B,OAAO,KAAK,EAAmC,eAAe,EAAe,MAAM,SAAS,CAAC;AA+E7F,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AAuSD,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;+BAbf,GAAG;iCACA,GAAG;8BACN,GAAG;yBACR,GAAG;;;;EAehC;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhPT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IA3X5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBAkXO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2P5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../src/index.vue"],"names":[],"mappings":"AAidA,OAAO,KAAK,EAA0B,gBAAgB,EAAa,MAAM,sBAAsB,CAAC;AAIhG,OAAO,kBAAkB,CAAC;AAS1B,OAAO,KAAK,EAAmC,eAAe,EAAe,MAAM,SAAS,CAAC;AAmF7F,iBAAS,KAAK,SAcb;AAED,iBAAS,aAAa,SASrB;AA0SD,iBAAS,cAAc;WAkMT,OAAO,IAA6B;;+BAbf,GAAG;iCACA,GAAG;8BACN,GAAG;yBACR,GAAG;;;;EAehC;AAgCD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;gBAhPT,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;IAlY5B;;;;OAIG;;IAEH;;OAEG;;;;;;;;gBAyXO,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;gBADlB,eAAe;gBACb,gBAAgB;;;;;;6FA2P5B,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}