@platforma-sdk/ui-vue 1.54.1 → 1.54.7

package/dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/to-comparators.js

@@ -1,12 +0,0 @@
-import { __require as m } from "../classes/range.js";
-var r, o;
-function u() {
-  if (o) return r;
-  o = 1;
-  const a = m();
-  return r = (e, t) => new a(e, t).set.map((s) => s.map((i) => i.value).join(" ").trim().split(" ")), r;
-}
-export {
-  u as __require
-};
-//# sourceMappingURL=to-comparators.js.map

package/dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/to-comparators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"to-comparators.js","sources":["../../../../../../../../../node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/to-comparators.js"],"sourcesContent":["'use strict'\n\nconst Range = require('../classes/range')\n\n// Mostly just for testing and legacy API reasons\nconst toComparators = (range, options) =>\n  new Range(range, options).set\n    .map(comp => comp.map(c => c.value).join(' ').trim().split(' '))\n\nmodule.exports = toComparators\n"],"names":["Range","require$$0","toComparators_1","range","options","comp","c"],"mappings":";;;;;AAEA,QAAMA,IAAQC,EAAA;AAOd,SAAAC,IAJsB,CAACC,GAAOC,MAC5B,IAAIJ,EAAMG,GAAOC,CAAO,EAAE,IACvB,IAAI,CAAAC,MAAQA,EAAK,IAAI,CAAAC,MAAKA,EAAE,KAAK,EAAE,KAAK,GAAG,EAAE,KAAI,EAAG,MAAM,GAAG,CAAC;;","x_google_ignoreList":[0]}

package/dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/valid.js

@@ -1,18 +0,0 @@
-import { __require as t } from "../classes/range.js";
-var r, e;
-function o() {
-  if (e) return r;
-  e = 1;
-  const a = t();
-  return r = (n, i) => {
-    try {
-      return new a(n, i).range || "*";
-    } catch {
-      return null;
-    }
-  }, r;
-}
-export {
-  o as __require
-};
-//# sourceMappingURL=valid.js.map

package/dist/node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/valid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"valid.js","sources":["../../../../../../../../../node_modules/.pnpm/semver@7.7.2/node_modules/semver/ranges/valid.js"],"sourcesContent":["'use strict'\n\nconst Range = require('../classes/range')\nconst validRange = (range, options) => {\n  try {\n    // Return '*' instead of '' so that truthiness works.\n    // This will throw if it's invalid anyway\n    return new Range(range, options).range || '*'\n  } catch (er) {\n    return null\n  }\n}\nmodule.exports = validRange\n"],"names":["Range","require$$0","valid","range","options"],"mappings":";;;;;AAEA,QAAMA,IAAQC,EAAA;AAUd,SAAAC,IATmB,CAACC,GAAOC,MAAY;AACrC,QAAI;AAGF,aAAO,IAAIJ,EAAMG,GAAOC,CAAO,EAAE,SAAS;AAAA,IAC9C,QAAe;AACX,aAAO;AAAA,IACX;AAAA,EACA;;","x_google_ignoreList":[0]}

package/src/components/PlTableFilters/PlTableAddFilterV2.vue

@@ -1,84 +0,0 @@
-<script setup lang="ts">
-import { deepClone } from "@milaboratories/helpers";
-import {
-  PlBtnGhost,
-  PlBtnPrimary,
-  PlDropdown,
-  PlSlideModal,
-  type ListOption,
-} from "@milaboratories/uikit";
-import { computed, ref, watch } from "vue";
-import { type PlDataTableFilterStateInternal } from "./types";
-import { getFilterDefault } from "./filters_logic";
-import PlTableFilterEntryV2 from "./PlTableFilterEntryV2.vue";
-
-const show = defineModel<boolean>({ required: true });
-const props = defineProps<{
-  filters: Readonly<PlDataTableFilterStateInternal[]>;
-  setFilter(idx: number, filter: PlDataTableFilterStateInternal): void;
-}>();
-
-const filterOptions = computed<ListOption<number>[]>(() => {
-  return props.filters
-    .map((s, i) => {
-      return {
-        value: i,
-        text: s.label,
-      };
-    })
-    .filter((o) => props.filters[o.value].filter === null);
-});
-
-const newFilterIdx = ref<number>();
-const newFilter = ref<PlDataTableFilterStateInternal | null>(null);
-watch(
-  () => newFilterIdx.value,
-  (newFilterIdx) => {
-    if (newFilterIdx === undefined) {
-      newFilter.value = null;
-    } else {
-      const filterClone = deepClone(props.filters[newFilterIdx]);
-      if (!filterClone.filter) {
-        filterClone.filter = {
-          value: filterClone.defaultFilter ?? getFilterDefault(filterClone.options[0].value),
-          disabled: false,
-          open: true,
-        };
-      }
-      newFilter.value = filterClone;
-    }
-  },
-);
-const discardFilter = () => {
-  newFilterIdx.value = undefined;
-  show.value = false;
-};
-const applyFilter = () => {
-  if (newFilterIdx.value !== undefined && newFilter.value) {
-    props.setFilter(newFilterIdx.value, newFilter.value);
-  }
-  discardFilter();
-};
-</script>
-
-<template>
-  <PlSlideModal v-model="show" :close-on-outside-click="false">
-    <template #title>Add Filter</template>
-    <div class="d-flex flex-column gap-24">
-      <PlDropdown
-        v-model="newFilterIdx"
-        :options="filterOptions"
-        label="Column"
-        placeholder="Choose..."
-      />
-      <div v-if="newFilterIdx === undefined" class="text-subtitle-m" style="color: var(--txt-mask)">
-        Choose a column to view and adjust its options
-      </div>
-      <PlTableFilterEntryV2 v-if="newFilter" v-model="newFilter" />
-    </div>
-    <template #actions>
-      <PlBtnPrimary :disabled="!newFilter" @click="applyFilter">Add Filter</PlBtnPrimary>
-      <PlBtnGhost :justify-center="false" @click="discardFilter">Cancel</PlBtnGhost>
-    </template>
-  </PlSlideModal>
-</template>

package/src/components/PlTableFilters/PlTableFilterEntryV2.vue

@@ -1,157 +0,0 @@
-<script setup lang="ts">
-import { PlDropdown, PlTextField, PlToggleSwitch, Slider, PlBtnGhost } from "@milaboratories/uikit";
-import { isJsonEqual } from "@milaboratories/helpers";
-import {
-  changeFilter,
-  parseNumber,
-  parseString,
-  parseRegex,
-  makeWildcardOptions,
-  isFilterDiscrete,
-  getFilterDefault,
-} from "./filters_logic";
-import type { PlDataTableFilterStateInternal } from "./types";
-import { watchEffect } from "vue";
-
-const entry = defineModel<PlDataTableFilterStateInternal>({ required: true });
-watchEffect(() => {
-  if (!entry.value.filter) {
-    entry.value.filter = {
-      value: getFilterDefault(entry.value.options[0].value),
-      disabled: false,
-      open: true,
-    };
-  }
-});
-</script>
-
-<template>
-  <div v-if="entry.filter" class="d-flex flex-column gap-24">
-    <PlDropdown
-      :model-value="entry.filter.value.type"
-      :options="entry.options"
-      :disabled="entry.filter.disabled"
-      label="Predicate"
-      @update:model-value="
-        (type) =>
-          (entry.filter!.value = changeFilter(entry.filter!.value, type!, entry.discreteOptions))
-      "
-    />
-
-    <template v-if="entry.discreteOptions.length > 0 && isFilterDiscrete(entry.filter.value)">
-      <PlDropdown v-model="entry.filter.value.reference" :options="entry.discreteOptions" />
-    </template>
-    <template v-else>
-      <template
-        v-if="
-          entry.filter.value.type === 'number_equals' ||
-          entry.filter.value.type === 'number_notEquals' ||
-          entry.filter.value.type === 'number_lessThan' ||
-          entry.filter.value.type === 'number_lessThanOrEqualTo' ||
-          entry.filter.value.type === 'number_greaterThan' ||
-          entry.filter.value.type === 'number_greaterThanOrEqualTo'
-        "
-      >
-        <PlTextField
-          v-model="entry.filter.value.reference"
-          :disabled="entry.filter.disabled"
-          :parse="(value: string): number => parseNumber(entry.spec, value)"
-          label="Reference value"
-        />
-      </template>
-
-      <template v-if="entry.filter.value.type === 'number_between'">
-        <PlTextField
-          v-model="entry.filter.value.lowerBound"
-          :disabled="entry.filter.disabled"
-          :parse="(value: string): number => parseNumber(entry.spec, value)"
-          label="Lower bound"
-        />
-        <PlToggleSwitch
-          v-model="entry.filter.value.includeLowerBound"
-          :disabled="entry.filter.disabled"
-          label="Include lower bound"
-        />
-        <PlTextField
-          v-model="entry.filter.value.upperBound"
-          :disabled="entry.filter.disabled"
-          :parse="(value: string): number => parseNumber(entry.spec, value)"
-          label="Upper bound"
-        />
-        <PlToggleSwitch
-          v-model="entry.filter.value.includeUpperBound"
-          :disabled="entry.filter.disabled"
-          label="Include upper bound"
-        />
-      </template>
-
-      <template
-        v-if="
-          entry.filter.value.type === 'string_equals' ||
-          entry.filter.value.type === 'string_notEquals' ||
-          entry.filter.value.type === 'string_contains' ||
-          entry.filter.value.type === 'string_doesNotContain'
-        "
-      >
-        <PlTextField
-          v-model="entry.filter.value.reference"
-          :disabled="entry.filter.disabled"
-          :parse="(value: string): string => parseString(entry.spec, value)"
-          label="Reference value"
-        />
-      </template>
-
-      <template
-        v-if="
-          entry.filter.value.type === 'string_matches' ||
-          entry.filter.value.type === 'string_doesNotMatch'
-        "
-      >
-        <PlTextField
-          v-model="entry.filter.value.reference"
-          :disabled="entry.filter.disabled"
-          :parse="parseRegex"
-          label="Reference value"
-        />
-      </template>
-
-      <template v-if="entry.filter.value.type === 'string_containsFuzzyMatch'">
-        <PlTextField
-          v-model="entry.filter.value.reference"
-          :disabled="entry.filter.disabled"
-          :parse="(value: string): string => parseString(entry.spec, value)"
-          label="Reference value"
-        />
-        <Slider
-          v-model="entry.filter.value.maxEdits"
-          :max="5"
-          :disabled="entry.filter.disabled"
-          breakpoints
-          label="Maximum nuber of substitutions and indels"
-        />
-        <PlToggleSwitch
-          v-model="entry.filter.value.substitutionsOnly"
-          :disabled="entry.filter.disabled"
-          label="Substitutions only"
-        />
-        <PlDropdown
-          v-model="entry.filter.value.wildcard"
-          :disabled="entry.filter.disabled"
-          :options="makeWildcardOptions(entry.spec, entry.filter.value.reference)"
-          clearable
-          label="Wildcard symbol"
-        />
-      </template>
-    </template>
-
-    <div v-if="entry.defaultFilter" class="d-flex justify-center">
-      <PlBtnGhost
-        :disabled="entry.filter.disabled || isJsonEqual(entry.filter.value, entry.defaultFilter)"
-        icon="reverse"
-        @click="entry.filter.value = entry.defaultFilter"
-      >
-        Revert Settings to Default
-      </PlBtnGhost>
-    </div>
-  </div>
-</template>

package/src/components/PlTableFilters/filters-state.ts

@@ -1,152 +0,0 @@
-import type { Reactive, Ref } from "vue";
-import { reactive, ref, watch } from "vue";
-import type { PlDataTableFiltersSettings, PlDataTableFilterStateInternal } from "./types";
-import {
-  canonicalizeJson,
-  getPTableColumnId,
-  type CanonicalizedJson,
-  type PTableColumnId,
-  type PlDataTableFilterState,
-} from "@platforma-sdk/model";
-import { isJsonEqual } from "@milaboratories/helpers";
-import {
-  getFilterOptions,
-  makeDiscreteOptions,
-  isFilterValid,
-  getColumnName,
-  isAlphabetic,
-} from "./filters_logic";
-
-export function useFilters(
-  settings: Ref<PlDataTableFiltersSettings>,
-  state: Ref<PlDataTableFilterState[]>,
-): Reactive<{
-  value: PlDataTableFilterStateInternal[];
-}> {
-  // Watcher instead of computed to preserve open state of filters locally
-  const defaultStateMap = ref<
-    Map<CanonicalizedJson<PTableColumnId>, PlDataTableFilterStateInternal>
-  >(new Map());
-  const filters = reactive<{
-    value: PlDataTableFilterStateInternal[];
-  }>({
-    value: [],
-  });
-  watch(
-    () => settings.value,
-    ({ columns, config: configFn, cachedState }) => {
-      // Comptute default states for columns
-      const defaultStateMapValue = (defaultStateMap.value = new Map(
-        columns
-          .map((c, i) => {
-            try {
-              const id = getPTableColumnId(c);
-              const config = configFn(c);
-              const options = config.options
-                ? getFilterOptions(c).filter((o) => config.options!.includes(o.value))
-                : getFilterOptions(c);
-              if (options.length === 0) return null;
-              const discreteOptions = makeDiscreteOptions(c);
-              const defaultFilter =
-                config.default && isFilterValid(config.default, options, discreteOptions)
-                  ? config.default
-                  : null;
-              const filter = defaultFilter
-                ? {
-                    value: defaultFilter,
-                    disabled: false,
-                    open: false,
-                  }
-                : null;
-              const state: PlDataTableFilterStateInternal = {
-                id,
-                spec: c,
-                label: getColumnName(c, i),
-                alphabetic: isAlphabetic(c),
-                options,
-                discreteOptions,
-                defaultFilter,
-                filter,
-              };
-              return [canonicalizeJson<PTableColumnId>(id), state] as const;
-            } catch (err: unknown) {
-              console.error(`Filter creation for column ${c.id} has failed`, err);
-              return null;
-            }
-          })
-          .filter((e) => e !== null),
-      ));
-
-      // Go through cached state, filter out states for not present columns, update state to match valid options
-      const stateMap = new Map<CanonicalizedJson<PTableColumnId>, PlDataTableFilterStateInternal>(
-        cachedState
-          .filter((s) => defaultStateMapValue.has(canonicalizeJson<PTableColumnId>(s.id)))
-          .map((s) => {
-            const defaultState = defaultStateMapValue.get(canonicalizeJson<PTableColumnId>(s.id))!;
-            const state = {
-              ...defaultState,
-              filter:
-                s.filter &&
-                isFilterValid(s.filter.value, defaultState.options, defaultState.discreteOptions)
-                  ? {
-                      ...s.filter,
-                      open:
-                        filters.value.find((f) => isJsonEqual(f.id, s.id))?.filter?.open ?? false,
-                    }
-                  : null,
-            } satisfies PlDataTableFilterStateInternal;
-            return [canonicalizeJson<PTableColumnId>(s.id), state] as const;
-          }),
-      );
-
-      // Set default states for columns not present in cached state
-      for (const [idKey, state] of defaultStateMapValue) {
-        if (!stateMap.has(idKey)) {
-          stateMap.set(idKey, state);
-        }
-      }
-
-      // States with not null filters should go first, in order they were added, then follow null filters in alphabetic order
-      const states = stateMap
-        .values()
-        .filter((s) => s.filter)
-        .toArray();
-      const hiddenFilters = stateMap
-        .values()
-        .filter((s) => !s.filter)
-        .toArray();
-      states.push(...hiddenFilters.sort((a, b) => a.label.localeCompare(b.label)));
-      filters.value = states;
-    },
-    { immediate: true },
-  );
-
-  // Persist state on change
-  watch(
-    () => filters.value,
-    (filters) => {
-      const cachedState = filters.map(
-        (f) =>
-          ({
-            id: f.id,
-            alphabetic: f.alphabetic,
-            filter: f.filter
-              ? {
-                  value: f.filter.value,
-                  disabled: f.filter.disabled,
-                }
-              : null,
-          }) satisfies PlDataTableFilterState,
-      );
-      if (cachedState.length > 0 && !isJsonEqual(cachedState, state.value)) {
-        state.value = cachedState;
-      }
-    },
-    {
-      immediate: true,
-      deep: true,
-    },
-  );
-
-  return filters;
-}