@milaboratories/graph-maker 1.1.150 → 1.1.152

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

@@ -1,61 +1,60 @@
-import { defineComponent as oe, toRef as ae, computed as i, ref as w, watch as b, createBlock as F, openBlock as s, withCtx as O, createElementBlock as p, Fragment as A, renderList as I, createCommentVNode as V, createVNode as T, mergeProps as le, toHandlers as ne, createElementVNode as S, unref as q } from "vue";
-import { PlDropdown as re } from "@platforma-sdk/ui-vue";
-import ue from "./Layout/FormLayout.vue.js";
-import { useStore as se } from "../../store.js";
-import { getAllInputsOptions as ie, getFreeOptions as ce, getChipInfo as de, hasInputError as ve, getErrorForPlDropdown as pe, toSimpleSingle as me, toSimpleMulti as fe, toFiltersMulti as Se } from "./utils.js";
-import { DEFAULT_DOT_SHAPE as he } from "../../dataBindAes.js";
-import { DEFAULT_BLACK as G } from "../../constantsAesthetic.js";
-import H from "../../components/DragAndDrop/DndChip.vue.js";
-import ge from "../../components/DragAndDrop/DndBasket.vue.js";
-import { MAX_SEARCH_OPTIONS_LIST_LENGTH as M } from "../../constantsCommon.js";
-const xe = { class: "data-form-input-item" }, be = {
+import { defineComponent as j, toRef as J, computed as i, ref as k, watch as f, createBlock as b, openBlock as u, withCtx as E, createElementBlock as d, Fragment as h, renderList as D, createCommentVNode as y, createVNode as V, mergeProps as Q, toHandlers as Y, createElementVNode as v, unref as L } from "vue";
+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 ie, toFiltersMulti as se } 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";
+import ce from "../../components/DragAndDrop/DndBasket.vue.js";
+import { MAX_SEARCH_OPTIONS_LIST_LENGTH as w } from "../../constantsCommon.js";
+const ve = { class: "data-form-input-item" }, pe = {
   key: 0,
   class: "metadata-block"
-}, Ae = { class: "metadata-block__items" }, _e = {
+}, me = { class: "metadata-block__items" }, fe = {
   key: 1,
   class: "metadata-block"
-}, ye = { class: "metadata-block__items" }, Ce = {
+}, he = { class: "metadata-block__items" }, Se = {
   key: 0,
   class: "data-form-input-item"
-}, Ge = /* @__PURE__ */ oe({
+}, Le = /* @__PURE__ */ j({
   __name: "DendroForm",
-  setup(De) {
-    const o = se(), m = o.value.reactive.optionsState, _ = ae(o.value.reactive, "optionsState"), l = i(
+  setup(ge) {
+    const o = te(), C = o.value.reactive.optionsState, S = J(o.value.reactive, "optionsState"), n = i(
       () => o.value.inputGuide.value
-    ), P = i(() => o.value.uniqueValuesData.value);
-    function U(e) {
-      return me(
-        _,
+    ), x = i(() => o.value.uniqueValuesData.value);
+    function O(e) {
+      return ue(
+        S,
         e,
         o.value.controller,
         o.value.columnsDataStore
       );
     }
     function r(e) {
-      return fe(
-        _,
+      return ie(
+        S,
         e,
         o.value.controller,
-        o.value.columnsDataStore,
-        l
+        o.value.columnsDataStore
       );
     }
-    function k(e) {
-      return Se(
-        _,
+    function A(e) {
+      return se(
+        S,
         e,
         o.value.controller,
         o.value.columnsDataStore,
-        l
+        n
       );
     }
-    const n = w({
-      value: U("value"),
+    const l = k({
+      value: O("value"),
       tableContent: r("tableContent"),
       heatmapAnnotation: r("heatmapAnnotation"),
       heatmapForSequence: r("heatmapForSequence"),
-      filters: k("filters"),
-      tabBy: k("tabBy"),
+      filters: A("filters"),
+      tabBy: A("tabBy"),
       height: r("height"),
       labels: r("labels"),
       nodeShape: r("nodeShape"),
@@ -65,30 +64,30 @@ const xe = { class: "data-form-input-item" }, be = {
       heatmapAxis: r("heatmapAxis"),
       heatmapGroup: r("heatmapGroup")
     });
-    b(
-      () => n.value.nodeShape,
+    f(
+      () => l.value.nodeShape,
       (e) => {
-        o.value.reactive.layersSettings.dendro.dotShape = e.length ? { type: "nodeShape", value: e[0] } : he;
+        o.value.reactive.layersSettings.dendro.dotShape = e.length ? { type: "nodeShape", value: e[0] } : de;
       }
-    ), b(
-      () => n.value.nodeColor,
+    ), f(
+      () => l.value.nodeColor,
       (e) => {
-        o.value.reactive.layersSettings.dendro.dotFill = e.length ? { type: "nodeColor", value: e[0] } : G;
+        o.value.reactive.layersSettings.dendro.dotFill = e.length ? { type: "nodeColor", value: e[0] } : B;
       }
-    ), b(
-      () => n.value.lineColor,
+    ), f(
+      () => l.value.lineColor,
       (e) => {
-        o.value.reactive.layersSettings.dendro.lineColor = e.length ? { type: "lineColor", value: e[0] } : G;
+        o.value.reactive.layersSettings.dendro.lineColor = e.length ? { type: "lineColor", value: e[0] } : B;
       }
     );
-    const h = i(() => ie(
-      m,
-      l
-    )), y = i(
-      () => ce(l, C)
-    ), E = i(
-      () => y.value.filter((e) => e.info.kind === "axis")
-    ), C = [
+    const p = i(() => oe(
+      C,
+      n
+    )), g = i(
+      () => ae(n, _)
+    ), I = i(
+      () => g.value.filter((e) => e.info.kind === "axis")
+    ), _ = [
       "height",
       "tableContent",
       "labels",
@@ -100,7 +99,7 @@ const xe = { class: "data-form-input-item" }, be = {
       "nodeColor",
       "nodeSize",
       "lineColor"
-    ], z = {
+    ], T = {
       height: "Connections length",
       tableContent: "Table/tooltip content",
       labels: "Labels",
@@ -112,120 +111,83 @@ const xe = { class: "data-form-input-item" }, be = {
       nodeColor: "Node color",
       nodeSize: "Node size",
       lineColor: "Line color"
-    }, c = w(null), g = i(() => {
+    }, s = k(null), m = i(() => {
       const e = /* @__PURE__ */ new Set();
-      return C.forEach((t) => {
-        h.value[t].forEach((a) => {
+      return _.forEach((t) => {
+        p.value[t].forEach((a) => {
           e.add(a.value);
-        }), m.components[t].selectorStates.forEach((a) => {
-          e.add(a.selectedSource);
         });
-      }), de(l.value, P.value, [...e]);
+      }), le(n.value, C.components, x.value, [...e]);
     });
-    function R(e) {
-      return m.components[e].selectorStates.reduce(
-        (t, a) => {
-          const u = l.value.getSourceInfo(a.selectedSource);
-          return u.kind === "axis" || (t[a.selectedSource] = u.axesToBeFixed.reduce(
-            (d, v) => {
-              var x;
-              return d[v] = ((x = a.fixedAxes) == null ? void 0 : x.find((f) => f.axisSource === v)) ?? {
-                axisSource: v,
-                axisValue: void 0,
-                axisIdx: u.axesToBeFixedIndexes[v]
-              }, d;
-            },
-            {}
-          ) ?? {}), t;
-        },
-        {}
-      );
-    }
-    function N(e) {
-      n.value[e.id] = [
-        ...n.value[e.id],
+    function G(e) {
+      l.value[e.id] = [
+        ...l.value[e.id],
         e.draggedId
-      ], c.value = null;
+      ], s.value = null;
     }
-    function K(e, t) {
-      n.value[t] = e;
+    function H(e, t) {
+      l.value[t] = e;
     }
-    function W(e) {
-      n.value[e.basketId] = n.value[e.basketId].filter((t) => t !== e.chipId);
-    }
-    function $(e) {
-      return new Set(
-        l.value.components[e].options.map((t) => t.value)
-      );
+    function M(e) {
+      l.value[e.basketId] = l.value[e.basketId].filter((t) => t !== e.chipId);
     }
-    function j(e) {
-      return l.value.components[e].stateConsistency;
+    function P(e) {
+      return n.value.components[e].stateConsistency;
     }
-    function X(e) {
-      return !l.value.readyData || h.value[e].length === 0 || c.value !== null && !g.value[c.value].availableBasketIds.has(e);
+    function U(e) {
+      return !n.value.readyData || p.value[e].length === 0 || s.value !== null && !m.value[s.value].availableBasketIds.has(e);
     }
-    async function J(e, t) {
-      return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, l.value, e, M, t)).values : Promise.resolve([]);
+    async function z(e, t) {
+      return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, n.value, e, w, t)).values : Promise.resolve([]);
     }
-    async function Q(e, t) {
-      return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, l.value, e, 1, void 0, t)).values : Promise.resolve([]);
+    async function R(e, t) {
+      return o.value.columnsDataStore ? (await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, n.value, e, 1, void 0, t)).values : Promise.resolve([]);
     }
-    async function Y(e) {
+    async function N(e) {
       if (!o.value.columnsDataStore)
         return Promise.resolve([]);
-      const t = await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, l.value, e, M);
+      const t = await o.value.controller.getUniqueSourceValuesWithLabels(o.value.columnsDataStore, n.value, e, w);
       return t.overflow ? null : t.values;
     }
-    const Z = i(
-      () => C.map((e) => {
-        var u;
-        const t = l.value.components[e];
+    const K = i(
+      () => _.map((e) => {
+        var c;
+        const t = n.value.components[e];
         return {
           id: e,
-          title: z[e],
+          title: T[e],
           isFilter: !1,
           sortable: e === "tableContent",
           multiple: t.multipleSelectors,
           required: t.required,
-          disabled: X(e),
-          readonly: ((u = o.value.readonlyInputs) == null ? void 0 : u.includes(e)) ?? !1,
-          consistency: j(e),
-          draggedId: c.value,
-          availableIds: $(e),
-          droppedIds: n.value[e],
-          info: g.value,
-          searchFn: J,
-          searchSelectedValueFn: Q,
-          loadOptionsFn: Y,
+          disabled: U(e),
+          readonly: ((c = o.value.readonlyInputs) == null ? void 0 : c.includes(e)) ?? !1,
+          consistency: P(e),
+          draggedId: s.value,
+          droppedIds: l.value[e],
+          info: m.value,
+          searchFn: z,
+          searchSelectedValueFn: R,
+          loadOptionsFn: N,
           listeners: {
-            "drop-item": N,
-            "remove-item": W,
-            reorder: (d) => K(d, e),
-            "select-fixed-axis-value": (d) => {
-              const v = m.components[e].selectorStates[d.idx];
-              v.fixedAxes = Object.values(d.v);
-              for (const x of Object.values(m.components))
-                for (const f of x.selectorStates)
-                  v.fixedAxes.forEach((L) => {
-                    f.fixedAxes && (f.fixedAxes = f.fixedAxes.map((D) => ({ ...D, axisValue: L.axisSource === D.axisSource ? L.axisValue : D.axisValue })));
-                  });
-            }
-          },
-          fixedAxes: R(e)
+            "drop-item": G,
+            "remove-item": M,
+            reorder: (X) => H(X, e)
+          }
         };
       })
     );
-    function ee(e) {
-      return e === "heatmapAxis" || e === "heatmapGroup" ? n.value.heatmapAnnotation !== null : !0;
+    function W(e) {
+      return e === "heatmapAxis" || e === "heatmapGroup" ? l.value.heatmapAnnotation !== null : !0;
     }
-    function B() {
-      c.value = null;
+    function F() {
+      s.value = null;
     }
     ["value"].forEach((e) => {
-      b(
-        [() => n.value[e], () => h.value],
+      f(
+        [() => l.value[e], () => p.value],
         ([t, a]) => {
-          (typeof t > "u" || ve("value", l.value)) && a[e] && a[e].length && o.value.controller.changeSelected(
+          (typeof t > "u" || ne("value", n.value)) && a[e] && a[e].length && o.value.controller.changeSelected(
             e,
             o.value.columnsDataStore,
             o.value.reactive.optionsState,
@@ -235,52 +197,52 @@ const xe = { class: "data-form-input-item" }, be = {
         { immediate: !0 }
       );
     });
-    const te = i(() => {
+    const $ = i(() => {
       var e;
       return ((e = o.value.readonlyInputs) == null ? void 0 : e.includes("value")) ?? !1;
     });
-    return (e, t) => (s(), F(ue, null, {
-      dataInputs: O(() => [
-        S("div", xe, [
-          T(q(re), {
+    return (e, t) => (u(), b(ee, null, {
+      dataInputs: E(() => [
+        v("div", ve, [
+          V(L(Z), {
             label: "Data source:",
-            modelValue: n.value.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (a) => n.value.value = a),
-            options: h.value.value,
-            disabled: te.value,
-            error: q(pe)("value", l.value)
+            modelValue: l.value.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value.value = a),
+            options: p.value.value,
+            disabled: $.value,
+            error: L(re)("value", n.value)
           }, null, 8, ["modelValue", "options", "disabled", "error"])
         ]),
-        E.value.length > 0 ? (s(), p("div", be, [
-          t[3] || (t[3] = S("div", { class: "title" }, "Drag to build the chart", -1)),
-          S("div", Ae, [
-            (s(!0), p(A, null, I(E.value, ({ id: a }) => (s(), F(H, {
+        I.value.length > 0 ? (u(), d("div", pe, [
+          t[3] || (t[3] = v("div", { class: "title" }, "Drag to build the chart", -1)),
+          v("div", me, [
+            (u(!0), d(h, null, D(I.value, ({ id: a }) => (u(), b(q, {
               key: a,
-              info: g.value[a],
-              onDragstart: t[1] || (t[1] = (u) => c.value = u),
-              onDragend: B
+              info: m.value[a],
+              onDragstart: t[1] || (t[1] = (c) => s.value = c),
+              onDragend: F
             }, null, 8, ["info"]))), 128))
           ])
-        ])) : V("", !0),
-        y.value.length > 0 ? (s(), p("div", _e, [
-          t[4] || (t[4] = S("div", { class: "title" }, "Metadata", -1)),
-          S("div", ye, [
-            (s(!0), p(A, null, I(y.value, ({ id: a }) => (s(), F(H, {
+        ])) : y("", !0),
+        g.value.length > 0 ? (u(), d("div", fe, [
+          t[4] || (t[4] = v("div", { class: "title" }, "Metadata", -1)),
+          v("div", he, [
+            (u(!0), d(h, null, D(g.value, ({ id: a }) => (u(), b(q, {
               key: a,
-              info: g.value[a],
-              onDragstart: t[2] || (t[2] = (u) => c.value = u),
-              onDragend: B
+              info: m.value[a],
+              onDragstart: t[2] || (t[2] = (c) => s.value = c),
+              onDragend: F
             }, null, 8, ["info"]))), 128))
           ])
-        ])) : V("", !0)
+        ])) : y("", !0)
       ]),
-      chartVar: O(() => [
-        (s(!0), p(A, null, I(Z.value, (a) => (s(), p(A, {
+      chartVar: E(() => [
+        (u(!0), d(h, null, D(K.value, (a) => (u(), d(h, {
           key: a.id
         }, [
-          ee(a.id) ? (s(), p("div", Ce, [
-            T(ge, le({ ref_for: !0 }, a, ne(a.listeners)), null, 16)
-          ])) : V("", !0)
+          W(a.id) ? (u(), d("div", Se, [
+            V(ce, Q({ ref_for: !0 }, a, Y(a.listeners)), null, 16)
+          ])) : y("", !0)
         ], 64))), 128))
       ]),
       _: 1
@@ -288,6 +250,6 @@ const xe = { class: "data-form-input-item" }, be = {
   }
 });
 export {
-  Ge as default
+  Le as default
 };
 //# sourceMappingURL=DendroForm.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DendroForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/DendroForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport {\n  ComponentStateFilter,\n  DendroUIState,\n  InputGuide,\n  InputState, PValue,\n  SelectorStateFilter\n} from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed, watch, Ref, 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 {\n  BasketProps,\n  ChipInfo,\n  DropItemEvent,\n  RemoveItemEvent, SelectFixedAxisValueEvent\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    inputGuide\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, labelsInfo.value, [...freeAndSelectedIds]);\n});\n\nfunction getFixedAxesValues(name: keyof DendroUIState['components']) {\n  return (state.components[name] as ComponentStateFilter).selectorStates.reduce(\n    (res: BasketProps['fixedAxes'], filterState) => {\n      const info = inputGuide.value.getSourceInfo(filterState.selectedSource);\n      if (info.kind === 'axis') {\n        return res;\n      }\n      res[filterState.selectedSource] = info.axesToBeFixed.reduce(\n        (res: BasketProps['fixedAxes'][keyof BasketProps['fixedAxes']], axisIdStr) => {\n          res[axisIdStr] = filterState.fixedAxes?.find(el => el.axisSource === axisIdStr) ?? {\n            axisSource: axisIdStr,\n            axisValue: undefined as unknown as PValue,\n            axisIdx: info.axesToBeFixedIndexes[axisIdStr]\n          };\n          return res;\n        }, {}) ?? {};\n      return res;\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 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 getAvailableIds(basketId: BasketIds) {\n  return new Set(\n    inputGuide.value.components[basketId].options.map((op) => op.value)\n  );\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([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\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      availableIds: getAvailableIds(name),\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        'select-fixed-axis-value': (data:SelectFixedAxisValueEvent) => {\n          const selectorState = state.components[name].selectorStates[data.idx] as SelectorStateFilter;\n          selectorState.fixedAxes = Object.values(data.v);\n          for (const componentState of Object.values(state.components)) {\n            for (const otherSelectorState of componentState.selectorStates) {\n              selectorState.fixedAxes.forEach((data) => {\n                if (otherSelectorState.fixedAxes) {\n                  otherSelectorState.fixedAxes = otherSelectorState.fixedAxes.map((otherData) => {\n                    return { ...otherData, axisValue: data.axisSource === otherData.axisSource ? data.axisValue : otherData.axisValue };\n                  })\n                }\n              });\n            }\n          }\n        }\n      },\n      fixedAxes: getFixedAxesValues(name)\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      ) {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  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source:\"\n          v-model=\"inputStateValues.value\"\n          :options=\"options.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', inputGuide)\"\n        />\n      </div>\n      <div class=\"metadata-block\" v-if=\"freeMandatoryOptions.length > 0\">\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 class=\"metadata-block\" v-if=\"freeOptions.length > 0\">\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 v-slot:chartVar>\n      <template v-for=\"basketProp in basketsData\" :key=\"basketProp.id\">\n        <div class=\"data-form-input-item\" v-if=\"showBasket(basketProp.id)\">\n          <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n        </div>\n      </template>\n    </template>\n  </form-layout>\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","getFixedAxesValues","res","filterState","info","axisIdStr","_a","el","commonDropItemHandler","event","commonReorder","data","commonRemoveItem","op","getAvailableIds","basketId","getConsistency","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","response","basketsData","guide","componentState","otherSelectorState","otherData","showBasket","cleanDraggedId","v","vOptions","hasInputError","readonlyValue"],"mappings":"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"}
+{"version":3,"file":"DendroForm.vue.js","sources":["../../../../src/GraphMaker/forms/DataMappingForm/DendroForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport {\n  DendroUIState,\n  InputGuide,\n  InputState\n} from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport { computed, watch, Ref, 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 {\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    inputGuide\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  });\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([]);\n  }\n  const response = await store.value.controller.getUniqueSourceValuesWithLabels(store.value.columnsDataStore, inputGuide.value, sourceId, MAX_SEARCH_OPTIONS_LIST_LENGTH);\n  return response.overflow ? null : response.values;\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      ) {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  <form-layout>\n    <template v-slot:dataInputs>\n      <div class=\"data-form-input-item\">\n        <pl-dropdown\n          label=\"Data source:\"\n          v-model=\"inputStateValues.value\"\n          :options=\"options.value\"\n          :disabled=\"readonlyValue\"\n          :error=\"getErrorForPlDropdown('value', inputGuide)\"\n        />\n      </div>\n      <div class=\"metadata-block\" v-if=\"freeMandatoryOptions.length > 0\">\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 class=\"metadata-block\" v-if=\"freeOptions.length > 0\">\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 v-slot:chartVar>\n      <template v-for=\"basketProp in basketsData\" :key=\"basketProp.id\">\n        <div class=\"data-form-input-item\" v-if=\"showBasket(basketProp.id)\">\n          <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n        </div>\n      </template>\n    </template>\n  </form-layout>\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","getChipInfo","commonDropItemHandler","event","commonReorder","data","commonRemoveItem","op","getConsistency","basketId","getDisabled","searchFilterOptions","sourceId","searchStr","MAX_SEARCH_OPTIONS_LIST_LENGTH","searchSelectedFilterValueOptions","selectedValue","loadOptions","response","basketsData","guide","_a","showBasket","cleanDraggedId","v","vOptions","hasInputError","readonlyValue"],"mappings":"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"}

package/dist/GraphMaker/forms/DataMappingForm/useBaskets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBaskets.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/useBaskets.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,qBAAqB,EACrB,UAAU,EAGX,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAiB,GAAG,EAAS,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,WAAW,EACX,QAAQ,EAIT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5C,wBAAgB,UAAU,CACxB,CAAC,SAAS,UAAU,EACpB,SAAS,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAC1E,OAAO,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAExE,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,OAAO,EAAE,EACnB,gBAAgB,EAAE,SAAS,EAAE,EAC7B,gBAAgB,EAAE,SAAS,EAAE,EAC7B,OAAO,EAAE,SAAS,EAAE,EACpB,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;EAuQzC"}
+{"version":3,"file":"useBaskets.d.ts","sourceRoot":"","sources":["../../../../src/GraphMaker/forms/DataMappingForm/useBaskets.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAGT,qBAAqB,EACrB,UAAU,EAGX,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAiB,GAAG,EAAS,MAAM,KAAK,CAAC;AAChD,OAAO,EACL,WAAW,EACX,QAAQ,EAGT,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAQ5C,wBAAgB,UAAU,CACxB,CAAC,SAAS,UAAU,EACpB,SAAS,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAC1E,OAAO,SAAS,MAAM,CAAC,CAAC,YAAY,CAAC,GAAG,qBAAqB,CAAC,SAAS,CAAC,EAExE,KAAK,EAAE,aAAa,EACpB,QAAQ,EAAE,OAAO,EAAE,EACnB,gBAAgB,EAAE,SAAS,EAAE,EAC7B,gBAAgB,EAAE,SAAS,EAAE,EAC7B,OAAO,EAAE,SAAS,EAAE,EACpB,aAAa,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;EAsNzC"}