@milaboratories/graph-maker 1.2.5 → 1.2.7

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

@@ -1,120 +0,0 @@
-import { defineComponent as z, computed as n, createBlock as G, openBlock as s, withCtx as i, createElementBlock as c, Fragment as D, renderList as E, unref as e, createVNode as r, mergeProps as O, toHandlers as F, createElementVNode as y } from "vue";
-import { useStore as k } from "../../store.js";
-import { PlDropdown as B } from "@platforma-sdk/ui-vue";
-import L from "./Layout/FormLayout.vue.js";
-import T from "./Layout/OptionsList.vue.js";
-import U from "./Layout/MandatoryOptions.vue.js";
-import { getErrorForPlDropdown as b } from "./utils.js";
-import w from "../../components/DragAndDrop/DndBasket.vue.js";
-import { useBaskets as A } from "./useBaskets.js";
-const $ = { class: "data-form-input-item" }, h = {
-  class: "data-form-input-item",
-  style: { "margin-top": "10px" }
-}, Q = /* @__PURE__ */ z({
-  __name: "BubbleForm",
-  setup(K) {
-    const a = k(), g = [
-      "filters",
-      "x",
-      "y",
-      "xGroupBy",
-      "yGroupBy",
-      "tooltipContent",
-      "tabBy",
-      "facetBy"
-    ], S = {
-      filters: "Filter",
-      x: "X",
-      y: "Y",
-      xGroupBy: "X group",
-      yGroupBy: "Y group",
-      tooltipContent: "Tooltip",
-      tabBy: "Tab by",
-      facetBy: "Facet by"
-    }, {
-      draggedId: p,
-      basketsData: V,
-      freeMetaOptions: C,
-      freeMandatoryOptions: _,
-      chipInfo: d,
-      dataStateValues: u,
-      dataOptions: m
-    } = A(
-      a,
-      ["valueColor", "valueSize"],
-      ["filters", "tabBy"],
-      ["x", "y", "xGroupBy", "yGroupBy", "tooltipContent", "facetBy"],
-      g,
-      S
-    ), I = n(() => {
-      var t;
-      return ((t = a.value.readonlyInputs) == null ? void 0 : t.includes("valueColor")) ?? !1;
-    }), x = n(() => {
-      var t;
-      return ((t = a.value.readonlyInputs) == null ? void 0 : t.includes("valueSize")) ?? !1;
-    }), f = n({
-      get: () => u.value.valueColor.value,
-      set: (t) => {
-        u.value.valueColor.value = t;
-      }
-    }), v = n({
-      get: () => u.value.valueSize.value,
-      set: (t) => {
-        u.value.valueSize.value = t;
-      }
-    });
-    return (t, l) => (s(), G(L, null, {
-      dataInputs: i(() => [
-        y("div", $, [
-          r(e(B), {
-            modelValue: f.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (o) => f.value = o),
-            label: "Data source for color:",
-            clearable: "",
-            disabled: I.value,
-            options: e(m).valueColor,
-            error: e(b)("valueColor", e(a).inputGuide.value)
-          }, null, 8, ["modelValue", "disabled", "options", "error"])
-        ]),
-        y("div", h, [
-          r(e(B), {
-            modelValue: v.value,
-            "onUpdate:modelValue": l[1] || (l[1] = (o) => v.value = o),
-            label: "Data source for size:",
-            clearable: "",
-            disabled: x.value,
-            options: e(m).valueSize,
-            error: e(b)("valueSize", e(a).inputGuide.value)
-          }, null, 8, ["modelValue", "disabled", "options", "error"])
-        ])
-      ]),
-      mandatoryOptions: i(() => [
-        r(U, {
-          options: e(_),
-          chipInfo: e(d),
-          onDraggedIdUpdate: l[2] || (l[2] = (o) => p.value = o)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      metadataOptions: i(() => [
-        r(T, {
-          options: e(C),
-          chipInfo: e(d),
-          onDraggedIdUpdate: l[3] || (l[3] = (o) => p.value = o)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      chartVar: i(() => [
-        (s(!0), c(D, null, E(e(V), (o) => (s(), c("div", {
-          key: o.id,
-          class: "data-form-input-item"
-        }, [
-          r(w, O({ ref_for: !0 }, o, F(o.listeners)), null, 16)
-        ]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  Q as default
-};
-//# sourceMappingURL=BubbleForm.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BubbleForm.vue.js","sources":["../../../src/forms/DataMappingForm/BubbleForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { useStore } from '../../store';\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { BubbleUIState } from '@milaboratories/pf-plots';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { computed } from 'vue';\nimport { getErrorForPlDropdown } from './utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport { useBaskets } from './useBaskets';\n\ntype BasketIds = Exclude<keyof BubbleUIState['components'], 'valueColor' | 'valueSize'>;\ntype DataIds = keyof BubbleUIState['components'] & ('valueColor' | 'valueSize');\n\nconst store = useStore();\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'x',\n  'y',\n  'xGroupBy',\n  'yGroupBy',\n  'tooltipContent',\n  'tabBy',\n  'facetBy',\n];\n\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  x: 'X',\n  y: 'Y',\n  xGroupBy: 'X group',\n  yGroupBy: 'Y group',\n  tooltipContent: 'Tooltip',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<BubbleUIState, BasketIds, DataIds>(\n  store,\n  ['valueColor', 'valueSize'],\n  ['filters', 'tabBy'],\n  ['x', 'y', 'xGroupBy', 'yGroupBy', 'tooltipContent', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyValueColor = computed(() => store.value.readonlyInputs?.includes('valueColor') ?? false);\nconst readonlyValueSize = computed(() => store.value.readonlyInputs?.includes('valueSize') ?? false);\n\nconst valueColorValue = computed({\n  get: () => dataStateValues.value.valueColor.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueColor.value = value;\n  },\n});\n\nconst valueSizeValue = computed({\n  get: () => dataStateValues.value.valueSize.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.valueSize.value = value;\n  },\n});\n\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"valueColorValue\"\n          label=\"Data source for color:\"\n          clearable\n          :disabled=\"readonlyValueColor\"\n          :options=\"dataOptions.valueColor\"\n          :error=\"getErrorForPlDropdown('valueColor', store.inputGuide.value)\"\n        />\n      </div>\n      <div class=\"data-form-input-item\" style=\"margin-top: 10px;\">\n        <PlDropdown\n          v-model=\"valueSizeValue\"\n          label=\"Data source for size:\"\n          clearable\n          :disabled=\"readonlyValueSize\"\n          :options=\"dataOptions.valueSize\"\n          :error=\"getErrorForPlDropdown('valueSize', store.inputGuide.value)\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"names":["store","useStore","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyValueColor","computed","_a","readonlyValueSize","valueColorValue","value","valueSizeValue","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","_hoisted_2","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":"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"}

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

@@ -1,254 +0,0 @@
-import { defineComponent as j, toRef as J, computed as s, ref as k, watch as f, createBlock as D, openBlock as u, withCtx as E, createElementBlock as d, Fragment as h, renderList as y, createCommentVNode as C, 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 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";
-import ce from "../../components/DragAndDrop/DndBasket.vue.js";
-import { MAX_SEARCH_OPTIONS_LIST_LENGTH as x } from "../../constantsCommon.js";
-const ve = { class: "data-form-input-item" }, pe = {
-  key: 0,
-  class: "metadata-block"
-}, me = { class: "metadata-block__items" }, fe = {
-  key: 1,
-  class: "metadata-block"
-}, he = { class: "metadata-block__items" }, Se = {
-  key: 0,
-  class: "data-form-input-item"
-}, Le = /* @__PURE__ */ j({
-  __name: "DendroForm",
-  setup(ge) {
-    const t = te(), S = t.value.reactive.optionsState, g = J(t.value.reactive, "optionsState"), n = s(
-      () => t.value.inputGuide.value
-    ), w = s(() => t.value.uniqueValuesData.value);
-    function O(e) {
-      return ue(
-        g,
-        e,
-        t.value.controller,
-        t.value.columnsDataStore.value
-      );
-    }
-    function r(e) {
-      return se(
-        g,
-        e,
-        t.value.controller,
-        t.value.columnsDataStore.value
-      );
-    }
-    function A(e) {
-      return ie(
-        g,
-        e,
-        t.value.controller,
-        t.value.columnsDataStore.value,
-        n
-      );
-    }
-    const l = k({
-      value: O("value"),
-      tableContent: r("tableContent"),
-      heatmapAnnotation: r("heatmapAnnotation"),
-      heatmapForSequence: r("heatmapForSequence"),
-      filters: A("filters"),
-      tabBy: A("tabBy"),
-      height: r("height"),
-      labels: r("labels"),
-      nodeShape: r("nodeShape"),
-      nodeColor: r("nodeColor"),
-      nodeSize: r("nodeSize"),
-      lineColor: r("lineColor"),
-      heatmapAxis: r("heatmapAxis"),
-      heatmapGroup: r("heatmapGroup")
-    });
-    f(
-      () => l.value.nodeShape,
-      (e) => {
-        t.value.reactive.layersSettings.dendro.dotShape = e.length ? { type: "nodeShape", value: e[0] } : de;
-      }
-    ), f(
-      () => l.value.nodeColor,
-      (e) => {
-        t.value.reactive.layersSettings.dendro.dotFill = e.length ? { type: "nodeColor", value: e[0] } : B;
-      }
-    ), f(
-      () => l.value.lineColor,
-      (e) => {
-        t.value.reactive.layersSettings.dendro.lineColor = e.length ? { type: "lineColor", value: e[0] } : B;
-      }
-    );
-    const p = s(() => ae(
-      S,
-      n
-    )), _ = s(
-      () => oe(n, b)
-    ), I = s(
-      () => _.value.filter((e) => e.info.kind === "axis")
-    ), b = [
-      "height",
-      "tableContent",
-      "labels",
-      "heatmapAnnotation",
-      "heatmapAxis",
-      "heatmapGroup",
-      "heatmapForSequence",
-      "nodeShape",
-      "nodeColor",
-      "nodeSize",
-      "lineColor"
-    ], T = {
-      height: "Connections length",
-      tableContent: "Table/tooltip content",
-      labels: "Labels",
-      heatmapAnnotation: "Heatmap annotation",
-      heatmapAxis: "Heatmap axis",
-      heatmapGroup: "Heatmap group",
-      heatmapForSequence: "Alignment data",
-      nodeShape: "Node shape",
-      nodeColor: "Node color",
-      nodeSize: "Node size",
-      lineColor: "Line color"
-    }, i = k(null), m = s(() => {
-      const e = /* @__PURE__ */ new Set();
-      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]);
-    });
-    function G(e) {
-      l.value[e.id] = [
-        ...l.value[e.id],
-        e.draggedId
-      ], i.value = null;
-    }
-    function H(e, a) {
-      l.value[a] = e;
-    }
-    function M(e) {
-      l.value[e.basketId] = l.value[e.basketId].filter((a) => a !== e.chipId);
-    }
-    function P(e) {
-      return n.value.components[e].stateConsistency;
-    }
-    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, 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, 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.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 a = n.value.components[e];
-        return {
-          id: e,
-          title: T[e],
-          isFilter: !1,
-          sortable: e === "tableContent",
-          multiple: a.multipleSelectors,
-          required: a.required,
-          disabled: U(e),
-          readonly: ((c = t.value.readonlyInputs) == null ? void 0 : c.includes(e)) ?? !1,
-          consistency: P(e),
-          draggedId: i.value,
-          droppedIds: l.value[e],
-          info: m.value,
-          searchFn: z,
-          searchSelectedValueFn: R,
-          loadOptionsFn: N,
-          listeners: {
-            "drop-item": G,
-            "remove-item": M,
-            reorder: (X) => H(X, e)
-          }
-        };
-      })
-    );
-    function W(e) {
-      return e === "heatmapAxis" || e === "heatmapGroup" ? l.value.heatmapAnnotation !== null : !0;
-    }
-    function F() {
-      i.value = null;
-    }
-    ["value"].forEach((e) => {
-      f(
-        [() => l.value[e], () => p.value],
-        ([a, o]) => {
-          (typeof a > "u" || ne("value", n.value)) && o[e] && o[e].length && t.value.controller.changeSelected(
-            e,
-            t.value.columnsDataStore.value,
-            t.value.reactive.optionsState,
-            [{ selectedSource: o[e][0].value }]
-          );
-        },
-        { immediate: !0 }
-      );
-    });
-    const $ = s(() => {
-      var e;
-      return ((e = t.value.readonlyInputs) == null ? void 0 : e.includes("value")) ?? !1;
-    });
-    return (e, a) => (u(), D(ee, null, {
-      dataInputs: E(() => [
-        v("div", ve, [
-          V(L(Z), {
-            modelValue: l.value.value,
-            "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value.value = o),
-            label: "Data source:",
-            options: p.value.value,
-            disabled: $.value,
-            error: L(re)("value", n.value)
-          }, null, 8, ["modelValue", "options", "disabled", "error"])
-        ]),
-        I.value.length > 0 ? (u(), d("div", pe, [
-          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: 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, [
-          a[4] || (a[4] = v("div", { class: "title" }, "Metadata", -1)),
-          v("div", he, [
-            (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, (o) => (u(), d(h, {
-          key: o.id
-        }, [
-          W(o.id) ? (u(), d("div", Se, [
-            V(ce, Q({ ref_for: !0 }, o, Y(o.listeners)), null, 16)
-          ])) : C("", !0)
-        ], 64))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  Le as default
-};
-//# sourceMappingURL=DendroForm.vue.js.map

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

@@ -1 +0,0 @@
-{"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/DiscreteForm.vue.js

@@ -1,98 +0,0 @@
-import { defineComponent as b, watch as V, computed as c, createBlock as G, openBlock as l, withCtx as n, createElementBlock as f, Fragment as S, renderList as D, unref as t, createVNode as i, mergeProps as E, toHandlers as O, createElementVNode as h } from "vue";
-import { PlDropdown as k } from "@platforma-sdk/ui-vue";
-import { useStore as F } from "../../store.js";
-import { getErrorForPlDropdown as w } from "./utils.js";
-import L from "../../components/DragAndDrop/DndBasket.vue.js";
-import x from "./Layout/FormLayout.vue.js";
-import A from "./Layout/OptionsList.vue.js";
-import T from "./Layout/MandatoryOptions.vue.js";
-import { useBaskets as U } from "./useBaskets.js";
-import { checkStatisticsInputsValidity as $ } from "../../utils/getStatisticsOptions.js";
-const C = { class: "data-form-input-item" }, R = /* @__PURE__ */ b({
-  __name: "DiscreteForm",
-  setup(H) {
-    const r = F();
-    V(
-      () => r.value.commonHelpersData.primaryGroups.value,
-      $(r)
-    );
-    const y = [
-      "filters",
-      "primaryGrouping",
-      "secondaryGrouping",
-      "tabBy",
-      "facetBy"
-    ], g = {
-      filters: "Filter",
-      primaryGrouping: "Primary grouping",
-      secondaryGrouping: "Secondary grouping",
-      tabBy: "Tab by",
-      facetBy: "Facet by"
-    }, {
-      draggedId: s,
-      basketsData: v,
-      freeMetaOptions: B,
-      freeMandatoryOptions: _,
-      chipInfo: p,
-      dataStateValues: u,
-      dataOptions: I
-    } = U(
-      r,
-      ["y"],
-      ["filters", "tabBy"],
-      ["primaryGrouping", "secondaryGrouping", "facetBy"],
-      y,
-      g
-    ), m = c(() => {
-      var a;
-      return ((a = r.value.readonlyInputs) == null ? void 0 : a.includes("y")) ?? !1;
-    }), d = c({
-      get: () => u.value.y.value,
-      set: (a) => {
-        u.value.y.value = a;
-      }
-    });
-    return (a, o) => (l(), G(x, null, {
-      dataInputs: n(() => [
-        h("div", C, [
-          i(t(k), {
-            modelValue: d.value,
-            "onUpdate:modelValue": o[0] || (o[0] = (e) => d.value = e),
-            options: t(I).y,
-            disabled: m.value,
-            error: t(w)("y", t(r).inputGuide.value),
-            label: "Y:",
-            clearable: !m.value
-          }, null, 8, ["modelValue", "options", "disabled", "error", "clearable"])
-        ])
-      ]),
-      mandatoryOptions: n(() => [
-        i(T, {
-          options: t(_),
-          chipInfo: t(p),
-          onDraggedIdUpdate: o[1] || (o[1] = (e) => s.value = e)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      metadataOptions: n(() => [
-        i(A, {
-          options: t(B),
-          chipInfo: t(p),
-          onDraggedIdUpdate: o[2] || (o[2] = (e) => s.value = e)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      chartVar: n(() => [
-        (l(!0), f(S, null, D(t(v), (e) => (l(), f("div", {
-          key: e.id,
-          class: "data-form-input-item"
-        }, [
-          i(L, E({ ref_for: !0 }, e, O(e.listeners)), null, 16)
-        ]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  R as default
-};
-//# sourceMappingURL=DiscreteForm.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DiscreteForm.vue.js","sources":["../../../src/forms/DataMappingForm/DiscreteForm.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { PlDropdown } from '@platforma-sdk/ui-vue';\nimport type { DiscreteUIState } from '@milaboratories/pf-plots';\nimport { computed, watch } from 'vue';\nimport { useStore } from '../../store';\nimport { getErrorForPlDropdown } from './utils';\nimport { checkStatisticsInputsValidity } from '../../utils';\nimport DndBasket from '../../components/DragAndDrop/DndBasket.vue';\nimport FormLayout from './Layout/FormLayout.vue';\nimport OptionsList from './Layout/OptionsList.vue';\nimport MandatoryOptionsList from './Layout/MandatoryOptions.vue';\nimport { useBaskets } from './useBaskets';\n\nconst store = useStore();\n\nwatch(\n  () => store.value.commonHelpersData.primaryGroups.value,\n  checkStatisticsInputsValidity(store),\n);\n\ntype BasketIds = Exclude<keyof DiscreteUIState['components'], 'y'>;\ntype DataIds = keyof DiscreteUIState['components'] & 'y';\n\nconst BASKETS: BasketIds[] = [\n  'filters',\n  'primaryGrouping',\n  'secondaryGrouping',\n  'tabBy',\n  'facetBy',\n];\nconst BASKET_LABELS: Record<BasketIds, string> = {\n  filters: 'Filter',\n  primaryGrouping: 'Primary grouping',\n  secondaryGrouping: 'Secondary grouping',\n  tabBy: 'Tab by',\n  facetBy: 'Facet by',\n};\n\nconst {\n  draggedId,\n  basketsData,\n  freeMetaOptions,\n  freeMandatoryOptions,\n  chipInfo,\n  dataStateValues,\n  dataOptions,\n} = useBaskets<DiscreteUIState, BasketIds, DataIds>(\n  store,\n  ['y'],\n  ['filters', 'tabBy'],\n  ['primaryGrouping', 'secondaryGrouping', 'facetBy'],\n  BASKETS,\n  BASKET_LABELS,\n);\n\nconst readonlyY = computed(() => store.value.readonlyInputs?.includes('y') ?? false);\n\nconst yValue = computed({\n  get: () => dataStateValues.value.y.value,\n  set: (value: string | undefined) => {\n    dataStateValues.value.y.value = value;\n  },\n});\n</script>\n\n<template>\n  <FormLayout>\n    <template #dataInputs>\n      <div class=\"data-form-input-item\">\n        <PlDropdown\n          v-model=\"yValue\"\n          :options=\"dataOptions.y\"\n          :disabled=\"readonlyY\"\n          :error=\"getErrorForPlDropdown('y', store.inputGuide.value)\"\n          label=\"Y:\"\n          :clearable=\"!readonlyY\"\n        />\n      </div>\n    </template>\n    <template #mandatoryOptions>\n      <MandatoryOptionsList\n        :options=\"freeMandatoryOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #metadataOptions>\n      <OptionsList\n        :options=\"freeMetaOptions\"\n        :chipInfo=\"chipInfo\"\n        @dragged-id-update=\"draggedId = $event\"\n      />\n    </template>\n    <template #chartVar>\n      <div\n        v-for=\"basketProp in basketsData\"\n        :key=\"basketProp.id\"\n        class=\"data-form-input-item\"\n      >\n        <DndBasket v-bind=\"basketProp\" v-on=\"basketProp.listeners\" />\n      </div>\n    </template>\n  </FormLayout>\n</template>\n"],"names":["store","useStore","watch","checkStatisticsInputsValidity","BASKETS","BASKET_LABELS","draggedId","basketsData","freeMetaOptions","freeMandatoryOptions","chipInfo","dataStateValues","dataOptions","useBaskets","readonlyY","computed","_a","yValue","value","_createBlock","FormLayout","_createElementVNode","_hoisted_1","_createVNode","_unref","PlDropdown","$event","getErrorForPlDropdown","MandatoryOptionsList","_cache","OptionsList","_createElementBlock","_Fragment","_renderList","basketProp","DndBasket","_mergeProps","_toHandlers"],"mappings":";;;;;;;;;;;;;AAaA,UAAMA,IAAQC,EAAA;AAEd,IAAAC;AAAA,MACE,MAAMF,EAAM,MAAM,kBAAkB,cAAc;AAAA,MAClDG,EAA8BH,CAAK;AAAA,IAAA;AAMrC,UAAMI,IAAuB;AAAA,MAC3B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,GAEIC,IAA2C;AAAA,MAC/C,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB;AAAA,MACnB,OAAO;AAAA,MACP,SAAS;AAAA,IAAA,GAGL;AAAA,MACJ,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,iBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA,IACEC;AAAA,MACFb;AAAA,MACA,CAAC,GAAG;AAAA,MACJ,CAAC,WAAW,OAAO;AAAA,MACnB,CAAC,mBAAmB,qBAAqB,SAAS;AAAA,MAClDI;AAAA,MACAC;AAAA,IAAA,GAGIS,IAAYC,EAAS,MAAA;;AAAM,eAAAC,IAAAhB,EAAM,MAAM,mBAAZ,gBAAAgB,EAA4B,SAAS,SAAQ;AAAA,KAAK,GAE7EC,IAASF,EAAS;AAAA,MACtB,KAAK,MAAMJ,EAAgB,MAAM,EAAE;AAAA,MACnC,KAAK,CAACO,MAA8B;AAClC,QAAAP,EAAgB,MAAM,EAAE,QAAQO;AAAA,MAClC;AAAA,IAAA,CACD;2BAICC,EAoCaC,GAAA,MAAA;AAAA,MAnCA,cACT,MASM;AAAA,QATNC,EASM,OATNC,GASM;AAAA,UARJC,EAOEC,EAAAC,CAAA,GAAA;AAAA,wBANSR,EAAA;AAAA,0DAAAA,EAAM,QAAAS;AAAA,YACd,SAASF,EAAAZ,CAAA,EAAY;AAAA,YACrB,UAAUE,EAAA;AAAA,YACV,OAAOU,EAAAG,CAAA,EAAqB,KAAMH,KAAM,WAAW,KAAK;AAAA,YACzD,OAAM;AAAA,YACL,YAAYV,EAAA;AAAA,UAAA;;;MAIR,oBACT,MAIE;AAAA,QAJFS,EAIEK,GAAA;AAAA,UAHC,SAASJ,EAAAf,CAAA;AAAA,UACT,UAAUe,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,mBACT,MAIE;AAAA,QAJFH,EAIEO,GAAA;AAAA,UAHC,SAASN,EAAAhB,CAAA;AAAA,UACT,UAAUgB,EAAAd,CAAA;AAAA,UACV,mBAAiBmB,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAH,MAAEpB,EAAA,QAAYoB;AAAA,QAAA;;MAGzB,YAEP,MAAiC;AAAA,gBADnCK,EAMMC,GAAA,MAAAC,EALiBT,EAAAjB,CAAA,GAAW,CAAzB2B,YADTH,EAMM,OAAA;AAAA,UAJH,KAAKG,EAAW;AAAA,UACjB,OAAM;AAAA,QAAA;UAENX,EAA6DY,GAA7DC,EAA6D,EAAA,SAAA,GAAA,GAA1CF,GAAYG,EAA2BH,EAAV,SAAS,CAAA,GAAA,MAAA,EAAA;AAAA,QAAA;;;;;;"}

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

@@ -1,102 +0,0 @@
-import { defineComponent as b, computed as m, createBlock as x, openBlock as i, withCtx as n, createElementBlock as f, Fragment as V, renderList as G, unref as o, createVNode as r, mergeProps as D, toHandlers as E, createElementVNode as O } from "vue";
-import { useStore as S } from "../../store.js";
-import { PlDropdown as X } from "@platforma-sdk/ui-vue";
-import Y from "./Layout/FormLayout.vue.js";
-import A from "./Layout/OptionsList.vue.js";
-import C from "./Layout/MandatoryOptions.vue.js";
-import { getErrorForPlDropdown as F } from "./utils.js";
-import k from "../../components/DragAndDrop/DndBasket.vue.js";
-import { useBaskets as L } from "./useBaskets.js";
-const T = { class: "data-form-input-item" }, q = /* @__PURE__ */ b({
-  __name: "HeatmapForm",
-  setup(h) {
-    const l = S(), c = [
-      "filters",
-      "x",
-      "y",
-      "xGroupBy",
-      "yGroupBy",
-      "tooltipContent",
-      "tabBy",
-      "facetBy",
-      "annotationsX",
-      "annotationsY"
-    ], y = {
-      filters: "Filter",
-      x: "X",
-      y: "Y",
-      xGroupBy: "X group",
-      yGroupBy: "Y group",
-      tooltipContent: "Tooltip",
-      tabBy: "Tab by",
-      facetBy: "Facet by",
-      annotationsX: "Annotations X",
-      annotationsY: "Annotations Y"
-    }, {
-      draggedId: s,
-      basketsData: v,
-      freeMetaOptions: B,
-      freeMandatoryOptions: _,
-      chipInfo: u,
-      dataStateValues: p,
-      dataOptions: g
-    } = L(
-      l,
-      ["value"],
-      ["filters", "tabBy"],
-      ["x", "y", "xGroupBy", "yGroupBy", "tooltipContent", "facetBy", "annotationsX", "annotationsY"],
-      c,
-      y
-    ), I = m(() => {
-      var a;
-      return ((a = l.value.readonlyInputs) == null ? void 0 : a.includes("value")) ?? !1;
-    }), d = m({
-      get: () => p.value.value.value,
-      set: (a) => {
-        p.value.value.value = a;
-      }
-    });
-    return (a, e) => (i(), x(Y, null, {
-      dataInputs: n(() => [
-        O("div", T, [
-          r(o(X), {
-            modelValue: d.value,
-            "onUpdate:modelValue": e[0] || (e[0] = (t) => d.value = t),
-            label: "Data source:",
-            clearable: "",
-            options: o(g).value,
-            disabled: I.value,
-            error: o(F)("value", o(l).inputGuide.value)
-          }, null, 8, ["modelValue", "options", "disabled", "error"])
-        ])
-      ]),
-      mandatoryOptions: n(() => [
-        r(C, {
-          options: o(_),
-          chipInfo: o(u),
-          onDraggedIdUpdate: e[1] || (e[1] = (t) => s.value = t)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      metadataOptions: n(() => [
-        r(A, {
-          options: o(B),
-          chipInfo: o(u),
-          onDraggedIdUpdate: e[2] || (e[2] = (t) => s.value = t)
-        }, null, 8, ["options", "chipInfo"])
-      ]),
-      chartVar: n(() => [
-        (i(!0), f(V, null, G(o(v), (t) => (i(), f("div", {
-          key: t.id,
-          class: "data-form-input-item"
-        }, [
-          r(k, D({ ref_for: !0 }, t, E(t.listeners)), null, 16)
-        ]))), 128))
-      ]),
-      _: 1
-    }));
-  }
-});
-export {
-  q as default
-};
-//# sourceMappingURL=HeatmapForm.vue.js.map