@platforma-sdk/ui-vue 1.65.10 → 1.66.1

package/dist/components/PlAdvancedFilter/PlAdvancedFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[\n            $style.groupContent,\n            {\n              [$style.suppressedLabel]: item.isSuppressed,\n            },\n          ]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAdvancedFilter.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[$style.groupContent, { [$style.suppressedLabel]: item.isSuppressed }]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAdvancedFilter/PlAdvancedFilter.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[\n            $style.groupContent,\n            {\n              [$style.suppressedLabel]: item.isSuppressed,\n            },\n          ]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"PlAdvancedFilter.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[$style.groupContent, { [$style.suppressedLabel]: item.isSuppressed }]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAdvancedFilter/PlAdvancedFilter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"names":[],"mappings":"AAyYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,EAAwC,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC3F,OAAO,KAAK,EAGV,UAAU,EAEV,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EACjB,MAAM,SAAS,CAAC;yBAGA,CAAC,SAAS,UAAU,EACpC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA6jBO,mBAAmB,CAAC;iBA3jBf,CAAC;yBACO,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI;QACrC,6EAA6E;iBACpE,gBAAgB,EAAE;QAC3B,qCAAqC;2BAClB,OAAO,sBAAsB;QAChD,wHAAwH;oBAC5G,OAAO;QACnB,oEAAoE;+BAC7C,OAAO;QAC9B,kEAAkE;yBACjD,OAAO;QACxB,kDAAkD;mBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QACvD,qDAAqD;sBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAC1D,qDAAqD;sBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAC1D,mDAAmD;2BAChC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAChE,yFAAyF;2BACtE,CAAC,MAAM,EAAE;YAC1B,QAAQ,EAAE,wBAAwB,CAAC;YACnC,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;SAC/B,KAAK,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;mBAiiBM,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;YArDwB,GAAG;;;;YACF,GAAG;qCACG,GAAG;;UAqDtC,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAxkBzE,wBAwkB4E;AAe5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PlAdvancedFilter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"names":[],"mappings":"AAoYA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAK3D,OAAO,EAAwC,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC3F,OAAO,KAAK,EAGV,UAAU,EAEV,wBAAwB,EACxB,UAAU,EACV,gBAAgB,EACjB,MAAM,SAAS,CAAC;yBAGA,CAAC,SAAS,UAAU,EACpC,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAwjBO,mBAAmB,CAAC;iBAtjBf,CAAC;yBACO,CAAC,OAAO,EAAE,CAAC,KAAK,IAAI;QACrC,6EAA6E;iBACpE,gBAAgB,EAAE;QAC3B,qCAAqC;2BAClB,OAAO,sBAAsB;QAChD,wHAAwH;oBAC5G,OAAO;QACnB,oEAAoE;+BAC7C,OAAO;QAC9B,kEAAkE;yBACjD,OAAO;QACxB,kDAAkD;mBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QACvD,qDAAqD;sBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAC1D,qDAAqD;sBACvC,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAC1D,mDAAmD;2BAChC,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO;QAChE,yFAAyF;2BACtE,CAAC,MAAM,EAAE;YAC1B,QAAQ,EAAE,wBAAwB,CAAC;YACnC,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,SAAS,EAAE,MAAM,CAAC;YAClB,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC;SAC/B,KAAK,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,GAAG,OAAO,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;mBA4hBM,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;YArDwB,GAAG;;;;YACF,GAAG;qCACG,GAAG;;UAqDtC,EAAE;EAEL,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAnkBzE,wBAmkB4E;AAe5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/PlAdvancedFilter/PlAdvancedFilter.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlAdvancedFilter.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[\n            $style.groupContent,\n            {\n              [$style.suppressedLabel]: item.isSuppressed,\n            },\n          ]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"PlAdvancedFilter.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../src/components/PlAdvancedFilter/PlAdvancedFilter.vue"],"sourcesContent":["<script lang=\"ts\" setup generic=\"T extends RootFilter\">\nimport { PlBtnSecondary, PlCheckbox, PlElementList } from \"@milaboratories/uikit\";\nimport type { ListOptionBase } from \"@platforma-sdk/model\";\nimport { produce } from \"immer\";\nimport { computed } from \"vue\";\nimport FilterEditor from \"./FilterEditor.vue\";\nimport OperandButton from \"./OperandButton.vue\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS, SUPPORTED_FILTER_TYPES } from \"./constants\";\nimport type {\n  CommonFilter,\n  EditableFilter,\n  NodeFilter,\n  Operand,\n  PlAdvancedFilterColumnId,\n  RootFilter,\n  SourceOptionInfo,\n} from \"./types\";\nimport { createNewGroup, getNewId, isValidColumnId } from \"./utils\";\n\nconst props = withDefaults(\n  defineProps<{\n    filters: T;\n    onUpdateFilters: (filters: T) => void;\n    /** List of ids of sources (columns, axes) that can be selected in filters */\n    options: SourceOptionInfo[];\n    /** List of supported filter types */\n    supportedFilters?: typeof SUPPORTED_FILTER_TYPES;\n    /** If true - new filter can be added by droppind element into filter group; else new column is added by button click */\n    enableDnd?: boolean;\n    /** If true - \"Add group\" button is shown below the filter groups */\n    enableAddGroupButton?: boolean;\n    /** If true - eye icon is shown per group to toggle suppression */\n    enableToggling?: boolean;\n    /** Function to determine if a filter is pinned */\n    isPinned?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is removable */\n    isRemovable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a filter is draggable */\n    isDraggable?: (item: NodeFilter, index: number) => boolean;\n    /** Function to determine if a group is complete */\n    isCompletedGroup?: (group: NodeFilter, index: number) => boolean;\n    /** Loading function for unique values for Equal/InSet filters and fixed axes options. */\n    getSuggestOptions: (params: {\n      columnId: PlAdvancedFilterColumnId;\n      axisIdx?: number;\n      searchStr: string;\n      searchType: \"value\" | \"label\";\n    }) => ListOptionBase<string | number>[] | Promise<ListOptionBase<string | number>[]>;\n  }>(),\n  {\n    supportedFilters: () => SUPPORTED_FILTER_TYPES,\n    isCompletedGroup: () => false,\n    isPinned: () => false,\n    isRemovable: () => true,\n    isDraggable: () => true,\n\n    getSuggestModel: undefined,\n\n    enableDnd: false,\n    enableAddGroupButton: false,\n    enableToggling: false,\n  },\n);\nconst produceFiltersUpdate = (updater: (draft: T) => void) => {\n  props.onUpdateFilters(produce(props.filters, updater));\n};\n\nconst firstColumnId = computed(() => props.options[0]?.id);\nconst emptyGroup: NodeFilter[] = [\n  {\n    id: -1,\n    type: \"and\",\n    filters: [],\n    isExpanded: true,\n  },\n];\n\nconst rootFilters = computed({\n  get: () => props.filters.filters,\n  set: (filters) => props.onUpdateFilters({ ...props.filters, filters: filters }),\n});\n\nfunction getRootGroups() {\n  if (props.filters.type !== \"or\" && props.filters.type !== \"and\") {\n    throw new Error('Invalid model structure, expected root to be \"or\" or \"and\" group');\n  }\n  return props.filters.filters;\n}\n\nfunction getDraftGroupContent(\n  draft: RootFilter,\n  idx: number,\n): Exclude<NodeFilter, { type: \"not\" }> {\n  const group = draft.filters[idx];\n  if (group.type === \"not\") {\n    if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n      throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n    }\n    return group.filter;\n  }\n  if (group.type !== \"and\" && group.type !== \"or\") {\n    throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n  }\n  return group;\n}\n\nfunction getNotContent<T extends CommonFilter>(item: T): Exclude<T, { type: \"not\" }> {\n  return item.type === \"not\"\n    ? (item.filter as Exclude<T, { type: \"not\" }>)\n    : (item as Exclude<T, { type: \"not\" }>);\n}\n\nfunction addColumnToGroup(groupIdx: number, selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    group.filters.push({\n      ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n      column: selectedSourceId,\n      id: getNewId(),\n      isExpanded: true,\n    } as CommonFilter);\n  });\n}\n\nfunction removeFilterFromGroup(groupIdx: number, filterIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = getDraftGroupContent(draft, groupIdx);\n    if (group.filters.length === 1 && filterIdx === 0) {\n      draft.filters.splice(groupIdx, 1);\n    } else {\n      group.filters.splice(filterIdx, 1);\n    }\n  });\n}\n\nfunction inverseRootNode(groupIdx: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    const group = draft.filters[groupIdx];\n    if (group.type === \"not\") {\n      if (group.filter.type !== \"and\" && group.filter.type !== \"or\") {\n        throw new Error('Invalid group structure, expected \"and\" or \"or\" group inside \"not\"');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        ...group.filter,\n      };\n    } else {\n      const type = draft.filters[groupIdx].type;\n      if (type !== \"and\" && type !== \"or\" && type !== \"not\") {\n        throw new Error('Invalid group structure, expected \"and\", \"or\" or \"not\" group');\n      }\n      draft.filters[groupIdx] = {\n        ...draft.filters[groupIdx],\n        id: getNewId(),\n        type: \"not\",\n        filter: draft.filters[groupIdx],\n      };\n    }\n  });\n}\n\nfunction addGroup(selectedSourceId: PlAdvancedFilterColumnId) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters.push(createNewGroup(selectedSourceId));\n  });\n}\n\nfunction updateFilter(groupIdx: number, filterIdx: number, updatedFilter: EditableFilter) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, groupIdx).filters[filterIdx] = updatedFilter as CommonFilter;\n  });\n}\n\nfunction handleDropToExistingGroup(groupIdx: number, event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addColumnToGroup(groupIdx, draggedId);\n    }\n  }\n}\n\nfunction handleDropToNewGroup(event: DragEvent) {\n  const dataTransfer = event.dataTransfer;\n  if (dataTransfer?.getData(\"text/plain\")) {\n    const draggedId = dataTransfer.getData(\"text/plain\");\n    if (isValidColumnId(draggedId)) {\n      addGroup(draggedId);\n    }\n  }\n}\n\nfunction dragOver(event: DragEvent) {\n  event.preventDefault();\n}\n\nfunction toggleExpand(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isExpanded = !draft.filters[index].isExpanded;\n  });\n}\n\nfunction toggleSuppress(_: NodeFilter, index: number) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.filters[index].isSuppressed = !draft.filters[index].isSuppressed;\n  });\n}\n\nfunction changeGroupOperand(index: number, v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    getDraftGroupContent(draft, index).type = v;\n  });\n}\n\nfunction changeRootOperand(v: Operand) {\n  produceFiltersUpdate((draft: RootFilter) => {\n    draft.type = v;\n  });\n}\n\nfunction validateFilter<T extends CommonFilter>(item: T): EditableFilter {\n  if (item.type === \"and\" || item.type === \"or\" || item.type === \"not\") {\n    throw new Error(\"Invalid filter structure, expected leaf filter\");\n  }\n\n  return item as EditableFilter;\n}\n</script>\n<template>\n  <div>\n    <PlElementList\n      v-model:items=\"rootFilters\"\n      :get-item-key=\"(filter) => filter.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"(filter) => filter.isExpanded === true\"\n      :on-expand=\"toggleExpand\"\n      :is-toggled=\"(item) => item.isSuppressed === true\"\n      :on-toggle=\"toggleSuppress\"\n      :is-pinned=\"(item, index) => props.isPinned?.(item, index) === true\"\n      :is-pinnable=\"() => false\"\n      :is-removable=\"(item, index) => props.isRemovable?.(item, index) === true\"\n      :is-draggable=\"(item, index) => props.isDraggable?.(item, index) === true\"\n      :disable-toggling=\"props.enableToggling !== true\"\n      :disable-dragging=\"false\"\n      :disable-removing=\"false\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index\">Filter group</slot>\n      </template>\n      <template #item-content=\"{ item, index }\">\n        <div\n          :class=\"[$style.groupContent, { [$style.suppressedLabel]: item.isSuppressed }]\"\n          dropzone=\"true\"\n          @drop=\"(event) => handleDropToExistingGroup(index, event)\"\n          @dragover=\"dragOver\"\n        >\n          <PlCheckbox\n            :model-value=\"item.type === 'not'\"\n            :class=\"$style.notCheckbox\"\n            @update:model-value=\"inverseRootNode(index)\"\n          >\n            Filter Out\n          </PlCheckbox>\n          <template v-for=\"(_, filterIdx) in getNotContent(item).filters\" :key=\"filterIdx\">\n            <FilterEditor\n              :filter=\"validateFilter(getNotContent(item).filters[filterIdx])\"\n              :operand=\"getNotContent(item).type\"\n              :column-options=\"options\"\n              :supported-filters=\"props.supportedFilters\"\n              :get-suggest-options=\"props.getSuggestOptions\"\n              :enable-dnd=\"Boolean(props.enableDnd)\"\n              :is-last=\"filterIdx === getNotContent(item).filters.length - 1\"\n              @delete=\"() => removeFilterFromGroup(index, filterIdx)\"\n              @update-filter=\"(value) => updateFilter(index, filterIdx, value)\"\n              @change-operand=\"(v) => changeGroupOperand(index, v)\"\n            />\n          </template>\n          <div v-if=\"props.enableDnd\" :class=\"$style.dropzone\">\n            <div>Drop dimensions here</div>\n          </div>\n          <PlBtnSecondary\n            v-else-if=\"!props.isCompletedGroup(item, index)\"\n            icon=\"add\"\n            @click=\"addColumnToGroup(index, firstColumnId)\"\n          >\n            Add filter\n          </PlBtnSecondary>\n        </div>\n      </template>\n      <template #item-after=\"{ index }\">\n        <OperandButton\n          v-if=\"props.enableAddGroupButton || index < getRootGroups().length - 1\"\n          :class=\"$style.buttonWrapper\"\n          :active=\"props.filters.type\"\n          :disabled=\"index === getRootGroups().length - 1\"\n          :on-select=\"changeRootOperand\"\n        />\n      </template>\n    </PlElementList>\n\n    <!-- Last group - always empty, just for adding new groups -->\n    <PlElementList\n      v-if=\"props.enableAddGroupButton\"\n      :items=\"emptyGroup\"\n      :get-item-key=\"(group) => group.id\"\n      :item-class=\"$style.filterGroup\"\n      :item-class-content=\"$style.filterGroupContent\"\n      :item-class-title=\"$style.filterGroupTitle\"\n      :is-expanded=\"() => true\"\n      :disableDragging=\"true\"\n      :disableRemoving=\"true\"\n      :disableToggling=\"true\"\n      :disablePinning=\"true\"\n      dropzone=\"true\"\n      @drop=\"handleDropToNewGroup\"\n      @dragover=\"dragOver\"\n    >\n      <template #item-title=\"{ item, index }\">\n        <slot name=\"group-title\" :item=\"item\" :index=\"index + getRootGroups().length\"\n          >Filter group</slot\n        >\n      </template>\n      <template #item-content>\n        <div v-if=\"enableDnd\" :class=\"$style.dropzone\">\n          <div>Drop dimensions here</div>\n        </div>\n        <slot v-else name=\"add-group-buttons\">\n          <PlBtnSecondary icon=\"add\" @click=\"addGroup(firstColumnId)\"> Add filter </PlBtnSecondary>\n        </slot>\n      </template>\n    </PlElementList>\n  </div>\n</template>\n<style module>\n.filterGroup {\n  background: var(--bg-base-light);\n}\n.filterGroup:hover {\n  background: rgba(99, 224, 36, 0.12);\n}\n.filterGroupTitle {\n  background: none;\n}\n.filterGroupContent {\n  padding: 4px 24px 24px 24px;\n}\n.groupContent {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.notCheckbox {\n  margin: 4px 0;\n}\n.suppressedLabel {\n  filter: grayscale(100%);\n  pointer-events: none;\n}\n.dropzone {\n  border-radius: 6px;\n  border: 1.5px dashed var(--color-div-grey);\n  color: var(--txt-03);\n  font-family: Manrope;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  height: 40px;\n  cursor: default;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.buttonWrapper {\n  margin-top: 8px;\n  height: 56px;\n  display: flex;\n  align-items: center;\n}\n:global(.sortable-chosen) .buttonWrapper {\n  visibility: hidden;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/PlAdvancedFilter/types.d.ts

@@ -1,5 +1,6 @@
 import { AxisId, AxisSpec, CanonicalizedJson, FilterSpec, FilterSpecLeaf, PColumnSpec, PTableColumnId, SUniversalPColumnId } from '@platforma-sdk/model';
 import { SUPPORTED_FILTER_TYPES } from './constants';
+import { PartialBy, RequiredBy } from '@milaboratories/helpers';
 export type Operand = "or" | "and";
 export type PlAdvancedFilterColumnId = SUniversalPColumnId | CanonicalizedJson<AxisId> | CanonicalizedJson<PTableColumnId>;
 export type RequiredMeta = {
@@ -24,21 +25,19 @@ export type RootFilter<Meta extends RequiredMeta = RequiredMeta> = Omit<Extract<
     filters: NodeFilter<Meta>[];
 };
 export type SupportedFilterTypes = (typeof SUPPORTED_FILTER_TYPES)[number];
-type RequireFields<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
-type OptionalFields<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 type NumericalWithOptionalN = "topN" | "bottomN";
 type NumericalWithOptionalX = "lessThan" | "lessThanOrEqual" | "greaterThan" | "greaterThanOrEqual" | "equal" | "notEqual";
 type StringWithOptionalValue = "patternEquals" | "patternNotEquals";
 type EditedTypes = "patternFuzzyContainSubsequence" | NumericalWithOptionalX | StringWithOptionalValue | NumericalWithOptionalN;
 export type EditableFilter = Exclude<FilterLeafContent, {
     type: EditedTypes;
-}> | RequireFields<Extract<FilterLeafContent, {
+}> | RequiredBy<Extract<FilterLeafContent, {
     type: "patternFuzzyContainSubsequence";
-}>, "maxEdits" | "substitutionsOnly"> | OptionalFields<Extract<FilterLeafContent, {
+}>, "maxEdits" | "substitutionsOnly"> | PartialBy<Extract<FilterLeafContent, {
     type: NumericalWithOptionalN;
-}>, "n"> | OptionalFields<Extract<FilterLeafContent, {
+}>, "n"> | PartialBy<Extract<FilterLeafContent, {
     type: NumericalWithOptionalX;
-}>, "x"> | OptionalFields<Extract<FilterLeafContent, {
+}>, "x"> | PartialBy<Extract<FilterLeafContent, {
     type: StringWithOptionalValue;
 }>, "value">;
 export type FixedAxisInfo = {

package/dist/components/PlAdvancedFilter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/types.ts"],"names":[],"mappings":"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"}

package/dist/components/PlAdvancedFilter/utils.d.ts

@@ -25,4 +25,5 @@ export declare function getFilterInfo(filterType: SupportedFilterTypes): {
     supportedFor: (spec: NormalizedSpecData) => boolean;
 };
 export declare function isValidColumnId(id: unknown): id is PlAdvancedFilterColumnId;
+export declare function mergeFilterForTypeChange(oldFilter: EditableFilter, newType: SupportedFilterTypes): EditableFilter;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/PlAdvancedFilter/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,QAAQ,WAEvB;AAED,wBAAgB,cAAc,CAAC,gBAAgB,EAAE,MAAM,GAAG,UAAU,CAcnE;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC;AACF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,kBAAkB,CAOlF;AAED,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAQzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAMxE;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,OAAO,CACxE,cAAc,EACd;IACE,IAAI,EACA,OAAO,GACP,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,aAAa,GACb,oBAAoB,CAAC;CAC1B,CACF,CASA;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,GACrB,MAAM,IAAI,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC,CAEjE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,OAAO,CACvE,cAAc,EACd;IACE,IAAI,EACA,eAAe,GACf,kBAAkB,GAClB,2BAA2B,GAC3B,8BAA8B,GAC9B,iCAAiC,GACjC,gCAAgC,CAAC;CACtC,CACF,CASA;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,oBAAoB,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;CACrD,CAEA;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,wBAAwB,CAY3E"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/PlAdvancedFilter/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAKV,SAAS,EACV,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,WAAW,EAEjB,MAAM,sBAAsB,CAAC;AAE9B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,oBAAoB,EAC1B,MAAM,SAAS,CAAC;AAEjB,wBAAgB,QAAQ,WAEvB;AAED,wBAAgB,cAAc,CAAC,gBAAgB,EAAE,MAAM,GAAG,UAAU,CAcnE;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,EAAE,SAAS,CAAC;IACrB,WAAW,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACxC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC,eAAe,CAAC,CAAC;CAC7C,CAAC;AACF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,WAAW,GAAG,QAAQ,GAAG,kBAAkB,CAOlF;AAED,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAQzE;AAED,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,OAAO,CAMxE;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,OAAO,CACxE,cAAc,EACd;IACE,IAAI,EACA,OAAO,GACP,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,aAAa,GACb,oBAAoB,CAAC;CAC1B,CACF,CASA;AAED,wBAAgB,gBAAgB,CAC9B,MAAM,EAAE,cAAc,GACrB,MAAM,IAAI,OAAO,CAAC,cAAc,EAAE;IAAE,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC,CAEjE;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,cAAc,GAAG,MAAM,IAAI,OAAO,CACvE,cAAc,EACd;IACE,IAAI,EACA,eAAe,GACf,kBAAkB,GAClB,2BAA2B,GAC3B,8BAA8B,GAC9B,iCAAiC,GACjC,gCAAgC,CAAC;CACtC,CACF,CASA;AAED,wBAAgB,aAAa,CAAC,UAAU,EAAE,oBAAoB,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;CACrD,CAEA;AAED,wBAAgB,eAAe,CAAC,EAAE,EAAE,OAAO,GAAG,EAAE,IAAI,wBAAwB,CAY3E;AAED,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,oBAAoB,GAC5B,cAAc,CAehB"}

package/dist/components/PlAdvancedFilter/utils.js

@@ -52,7 +52,16 @@ function g(e) {
 		return !1;
 	}
 }
+function _(t, n) {
+	let r = e[t.type], i = e[n], a = { ...t };
+	for (let e of Object.keys(r)) e === "type" || e === "column" || delete a[e];
+	return {
+		...i,
+		...a,
+		type: n
+	};
+}
 //#endregion
-export { l as createNewGroup, h as getFilterInfo, c as getNewId, u as getNormalizedSpec, p as isNumericFilter, d as isNumericValueType, m as isPositionFilter, f as isStringValueType, g as isValidColumnId };
+export { l as createNewGroup, h as getFilterInfo, c as getNewId, u as getNormalizedSpec, p as isNumericFilter, d as isNumericValueType, m as isPositionFilter, f as isStringValueType, g as isValidColumnId, _ as mergeFilterForTypeChange };
 
 //# sourceMappingURL=utils.js.map

package/dist/components/PlAdvancedFilter/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/utils.ts"],"sourcesContent":["import { filterUiMetadata } from \"@milaboratories/uikit\";\nimport type {\n  AnchoredPColumnId,\n  AxisId,\n  CanonicalizedJson,\n  FilteredPColumnId,\n  ValueType,\n} from \"@platforma-sdk/model\";\nimport {\n  getTypeFromPColumnOrAxisSpec,\n  isAnchoredPColumnId,\n  isAxisId,\n  isFilteredPColumn,\n  parseJson,\n  type AxisSpec,\n  type PColumnSpec,\n  type SUniversalPColumnId,\n} from \"@platforma-sdk/model\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from \"./constants\";\nimport type { NodeFilter } from \"./types\";\nimport {\n  type CommonFilter,\n  type EditableFilter,\n  type PlAdvancedFilterColumnId,\n  type SupportedFilterTypes,\n} from \"./types\";\n\nexport function getNewId() {\n  return Date.now();\n}\n\nexport function createNewGroup(selectedSourceId: string): NodeFilter {\n  return {\n    id: getNewId(),\n    isExpanded: true,\n    type: \"and\",\n    filters: [\n      {\n        id: getNewId(),\n        isExpanded: true,\n        ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n        column: selectedSourceId as SUniversalPColumnId,\n      } as CommonFilter,\n    ],\n  };\n}\n\nexport type NormalizedSpecData = {\n  valueType: ValueType;\n  annotations: PColumnSpec[\"annotations\"];\n  domain: PColumnSpec[\"domain\"];\n  contextDomain: PColumnSpec[\"contextDomain\"];\n};\nexport function getNormalizedSpec(spec: PColumnSpec | AxisSpec): NormalizedSpecData {\n  return {\n    valueType: getTypeFromPColumnOrAxisSpec(spec),\n    annotations: spec.annotations,\n    domain: spec.domain,\n    contextDomain: spec.contextDomain,\n  };\n}\n\nexport function isNumericValueType(spec?: PColumnSpec | AxisSpec): boolean {\n  if (!spec) {\n    return false;\n  }\n  const valueType = getNormalizedSpec(spec).valueType;\n  return (\n    valueType === \"Int\" || valueType === \"Long\" || valueType === \"Float\" || valueType === \"Double\"\n  );\n}\n\nexport function isStringValueType(spec?: PColumnSpec | AxisSpec): boolean {\n  if (!spec) {\n    return false;\n  }\n  const valueType = getNormalizedSpec(spec).valueType;\n  return valueType === \"String\";\n}\n\nexport function isNumericFilter(filter: EditableFilter): filter is Extract<\n  EditableFilter,\n  {\n    type:\n      | \"equal\"\n      | \"notEqual\"\n      | \"lessThan\"\n      | \"lessThanOrEqual\"\n      | \"greaterThan\"\n      | \"greaterThanOrEqual\";\n  }\n> {\n  return (\n    filter.type === \"equal\" ||\n    filter.type === \"notEqual\" ||\n    filter.type === \"lessThan\" ||\n    filter.type === \"lessThanOrEqual\" ||\n    filter.type === \"greaterThan\" ||\n    filter.type === \"greaterThanOrEqual\"\n  );\n}\n\nexport function isPositionFilter(\n  filter: EditableFilter,\n): filter is Extract<EditableFilter, { type: \"topN\" | \"bottomN\" }> {\n  return filter.type === \"topN\" || filter.type === \"bottomN\";\n}\n\nexport function isStringFilter(filter: EditableFilter): filter is Extract<\n  EditableFilter,\n  {\n    type:\n      | \"patternEquals\"\n      | \"patternNotEquals\"\n      | \"patternContainSubsequence\"\n      | \"patternNotContainSubsequence\"\n      | \"patternMatchesRegularExpression\"\n      | \"patternFuzzyContainSubsequence\";\n  }\n> {\n  return (\n    filter.type === \"patternEquals\" ||\n    filter.type === \"patternNotEquals\" ||\n    filter.type === \"patternContainSubsequence\" ||\n    filter.type === \"patternNotContainSubsequence\" ||\n    filter.type === \"patternMatchesRegularExpression\" ||\n    filter.type === \"patternFuzzyContainSubsequence\"\n  );\n}\n\nexport function getFilterInfo(filterType: SupportedFilterTypes): {\n  label: string;\n  supportedFor: (spec: NormalizedSpecData) => boolean;\n} {\n  return filterUiMetadata[filterType as keyof typeof filterUiMetadata];\n}\n\nexport function isValidColumnId(id: unknown): id is PlAdvancedFilterColumnId {\n  if (typeof id !== \"string\") {\n    return false;\n  }\n  try {\n    const parsedId = parseJson<FilteredPColumnId | AnchoredPColumnId | AxisId>(\n      id as CanonicalizedJson<FilteredPColumnId | AnchoredPColumnId | AxisId>,\n    );\n    return isFilteredPColumn(parsedId) || isAnchoredPColumnId(parsedId) || isAxisId(parsedId);\n  } catch {\n    return false;\n  }\n}\n"],"mappings":";;;;AA2BA,SAAgB,IAAW;AACzB,QAAO,KAAK,KAAK;;AAGnB,SAAgB,EAAe,GAAsC;AACnE,QAAO;EACL,IAAI,GAAU;EACd,YAAY;EACZ,MAAM;EACN,SAAS,CACP;GACE,IAAI,GAAU;GACd,YAAY;GACZ,GAAG,EAAgB;GACnB,QAAQ;GACT,CACF;EACF;;AASH,SAAgB,EAAkB,GAAkD;AAClF,QAAO;EACL,WAAW,EAA6B,EAAK;EAC7C,aAAa,EAAK;EAClB,QAAQ,EAAK;EACb,eAAe,EAAK;EACrB;;AAGH,SAAgB,EAAmB,GAAwC;AACzE,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAY,EAAkB,EAAK,CAAC;AAC1C,QACE,MAAc,SAAS,MAAc,UAAU,MAAc,WAAW,MAAc;;AAI1F,SAAgB,EAAkB,GAAwC;AAKxE,QAJK,IAGa,EAAkB,EAAK,CAAC,cACrB,WAHZ;;AAMX,SAAgB,EAAgB,GAW9B;AACA,QACE,EAAO,SAAS,WAChB,EAAO,SAAS,cAChB,EAAO,SAAS,cAChB,EAAO,SAAS,qBAChB,EAAO,SAAS,iBAChB,EAAO,SAAS;;AAIpB,SAAgB,EACd,GACiE;AACjE,QAAO,EAAO,SAAS,UAAU,EAAO,SAAS;;AAyBnD,SAAgB,EAAc,GAG5B;AACA,QAAO,EAAiB;;AAG1B,SAAgB,EAAgB,GAA6C;AAC3E,KAAI,OAAO,KAAO,SAChB,QAAO;AAET,KAAI;EACF,IAAM,IAAW,EACf,EACD;AACD,SAAO,EAAkB,EAAS,IAAI,EAAoB,EAAS,IAAI,EAAS,EAAS;SACnF;AACN,SAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/PlAdvancedFilter/utils.ts"],"sourcesContent":["import { filterUiMetadata } from \"@milaboratories/uikit\";\nimport type {\n  AnchoredPColumnId,\n  AxisId,\n  CanonicalizedJson,\n  FilteredPColumnId,\n  ValueType,\n} from \"@platforma-sdk/model\";\nimport {\n  getTypeFromPColumnOrAxisSpec,\n  isAnchoredPColumnId,\n  isAxisId,\n  isFilteredPColumn,\n  parseJson,\n  type AxisSpec,\n  type PColumnSpec,\n  type SUniversalPColumnId,\n} from \"@platforma-sdk/model\";\nimport { DEFAULT_FILTER_TYPE, DEFAULT_FILTERS } from \"./constants\";\nimport type { NodeFilter } from \"./types\";\nimport {\n  type CommonFilter,\n  type EditableFilter,\n  type PlAdvancedFilterColumnId,\n  type SupportedFilterTypes,\n} from \"./types\";\n\nexport function getNewId() {\n  return Date.now();\n}\n\nexport function createNewGroup(selectedSourceId: string): NodeFilter {\n  return {\n    id: getNewId(),\n    isExpanded: true,\n    type: \"and\",\n    filters: [\n      {\n        id: getNewId(),\n        isExpanded: true,\n        ...DEFAULT_FILTERS[DEFAULT_FILTER_TYPE],\n        column: selectedSourceId as SUniversalPColumnId,\n      } as CommonFilter,\n    ],\n  };\n}\n\nexport type NormalizedSpecData = {\n  valueType: ValueType;\n  annotations: PColumnSpec[\"annotations\"];\n  domain: PColumnSpec[\"domain\"];\n  contextDomain: PColumnSpec[\"contextDomain\"];\n};\nexport function getNormalizedSpec(spec: PColumnSpec | AxisSpec): NormalizedSpecData {\n  return {\n    valueType: getTypeFromPColumnOrAxisSpec(spec),\n    annotations: spec.annotations,\n    domain: spec.domain,\n    contextDomain: spec.contextDomain,\n  };\n}\n\nexport function isNumericValueType(spec?: PColumnSpec | AxisSpec): boolean {\n  if (!spec) {\n    return false;\n  }\n  const valueType = getNormalizedSpec(spec).valueType;\n  return (\n    valueType === \"Int\" || valueType === \"Long\" || valueType === \"Float\" || valueType === \"Double\"\n  );\n}\n\nexport function isStringValueType(spec?: PColumnSpec | AxisSpec): boolean {\n  if (!spec) {\n    return false;\n  }\n  const valueType = getNormalizedSpec(spec).valueType;\n  return valueType === \"String\";\n}\n\nexport function isNumericFilter(filter: EditableFilter): filter is Extract<\n  EditableFilter,\n  {\n    type:\n      | \"equal\"\n      | \"notEqual\"\n      | \"lessThan\"\n      | \"lessThanOrEqual\"\n      | \"greaterThan\"\n      | \"greaterThanOrEqual\";\n  }\n> {\n  return (\n    filter.type === \"equal\" ||\n    filter.type === \"notEqual\" ||\n    filter.type === \"lessThan\" ||\n    filter.type === \"lessThanOrEqual\" ||\n    filter.type === \"greaterThan\" ||\n    filter.type === \"greaterThanOrEqual\"\n  );\n}\n\nexport function isPositionFilter(\n  filter: EditableFilter,\n): filter is Extract<EditableFilter, { type: \"topN\" | \"bottomN\" }> {\n  return filter.type === \"topN\" || filter.type === \"bottomN\";\n}\n\nexport function isStringFilter(filter: EditableFilter): filter is Extract<\n  EditableFilter,\n  {\n    type:\n      | \"patternEquals\"\n      | \"patternNotEquals\"\n      | \"patternContainSubsequence\"\n      | \"patternNotContainSubsequence\"\n      | \"patternMatchesRegularExpression\"\n      | \"patternFuzzyContainSubsequence\";\n  }\n> {\n  return (\n    filter.type === \"patternEquals\" ||\n    filter.type === \"patternNotEquals\" ||\n    filter.type === \"patternContainSubsequence\" ||\n    filter.type === \"patternNotContainSubsequence\" ||\n    filter.type === \"patternMatchesRegularExpression\" ||\n    filter.type === \"patternFuzzyContainSubsequence\"\n  );\n}\n\nexport function getFilterInfo(filterType: SupportedFilterTypes): {\n  label: string;\n  supportedFor: (spec: NormalizedSpecData) => boolean;\n} {\n  return filterUiMetadata[filterType as keyof typeof filterUiMetadata];\n}\n\nexport function isValidColumnId(id: unknown): id is PlAdvancedFilterColumnId {\n  if (typeof id !== \"string\") {\n    return false;\n  }\n  try {\n    const parsedId = parseJson<FilteredPColumnId | AnchoredPColumnId | AxisId>(\n      id as CanonicalizedJson<FilteredPColumnId | AnchoredPColumnId | AxisId>,\n    );\n    return isFilteredPColumn(parsedId) || isAnchoredPColumnId(parsedId) || isAxisId(parsedId);\n  } catch {\n    return false;\n  }\n}\n\nexport function mergeFilterForTypeChange(\n  oldFilter: EditableFilter,\n  newType: SupportedFilterTypes,\n): EditableFilter {\n  const oldDefault = DEFAULT_FILTERS[oldFilter.type] as Record<string, unknown>;\n  const newDefault = DEFAULT_FILTERS[newType];\n\n  const stripped = { ...oldFilter } as Record<string, unknown>;\n  for (const key of Object.keys(oldDefault)) {\n    if (key === \"type\" || key === \"column\") continue;\n    delete stripped[key];\n  }\n\n  return {\n    ...newDefault,\n    ...stripped,\n    type: newType,\n  } as EditableFilter;\n}\n"],"mappings":";;;;AA2BA,SAAgB,IAAW;AACzB,QAAO,KAAK,KAAK;;AAGnB,SAAgB,EAAe,GAAsC;AACnE,QAAO;EACL,IAAI,GAAU;EACd,YAAY;EACZ,MAAM;EACN,SAAS,CACP;GACE,IAAI,GAAU;GACd,YAAY;GACZ,GAAG,EAAgB;GACnB,QAAQ;GACT,CACF;EACF;;AASH,SAAgB,EAAkB,GAAkD;AAClF,QAAO;EACL,WAAW,EAA6B,EAAK;EAC7C,aAAa,EAAK;EAClB,QAAQ,EAAK;EACb,eAAe,EAAK;EACrB;;AAGH,SAAgB,EAAmB,GAAwC;AACzE,KAAI,CAAC,EACH,QAAO;CAET,IAAM,IAAY,EAAkB,EAAK,CAAC;AAC1C,QACE,MAAc,SAAS,MAAc,UAAU,MAAc,WAAW,MAAc;;AAI1F,SAAgB,EAAkB,GAAwC;AAKxE,QAJK,IAGa,EAAkB,EAAK,CAAC,cACrB,WAHZ;;AAMX,SAAgB,EAAgB,GAW9B;AACA,QACE,EAAO,SAAS,WAChB,EAAO,SAAS,cAChB,EAAO,SAAS,cAChB,EAAO,SAAS,qBAChB,EAAO,SAAS,iBAChB,EAAO,SAAS;;AAIpB,SAAgB,EACd,GACiE;AACjE,QAAO,EAAO,SAAS,UAAU,EAAO,SAAS;;AAyBnD,SAAgB,EAAc,GAG5B;AACA,QAAO,EAAiB;;AAG1B,SAAgB,EAAgB,GAA6C;AAC3E,KAAI,OAAO,KAAO,SAChB,QAAO;AAET,KAAI;EACF,IAAM,IAAW,EACf,EACD;AACD,SAAO,EAAkB,EAAS,IAAI,EAAoB,EAAS,IAAI,EAAS,EAAS;SACnF;AACN,SAAO;;;AAIX,SAAgB,EACd,GACA,GACgB;CAChB,IAAM,IAAa,EAAgB,EAAU,OACvC,IAAa,EAAgB,IAE7B,IAAW,EAAE,GAAG,GAAW;AACjC,MAAK,IAAM,KAAO,OAAO,KAAK,EAAW,CACnC,OAAQ,UAAU,MAAQ,YAC9B,OAAO,EAAS;AAGlB,QAAO;EACL,GAAG;EACH,GAAG;EACH,MAAM;EACP"}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AnnotationsSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { produce } from \"immer\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\nconst props = defineProps<{\n  annotation: Annotation;\n  selectedStepId: undefined | number;\n  onUpdateAnnotation: (annotation: Annotation) => void;\n  onUpdateSelectedStepId: (id: undefined | number) => void;\n}>();\n\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n\nfunction produceAnnotationUpdate(updater: (draft: Annotation) => void) {\n  props.onUpdateAnnotation(produce(props.annotation, updater));\n}\n\nfunction updateTitle(title: string) {\n  produceAnnotationUpdate((draft) => {\n    draft.title = title;\n  });\n}\n\nfunction updateSteps(steps: Annotation[\"steps\"]) {\n  produceAnnotationUpdate((draft) => {\n    draft.steps = steps;\n  });\n}\n\nfunction updateDefaultValue(value: string) {\n  produceAnnotationUpdate((draft) => {\n    draft.defaultValue = value === \"\" ? undefined : value;\n  });\n}\n\nfunction handleAddStep() {\n  const id = randomInt();\n  produceAnnotationUpdate((draft) => {\n    draft.steps.push({\n      id,\n      label: \"\",\n      filter: {\n        id: randomInt(),\n        type: \"and\",\n        filters: [],\n      },\n    });\n  });\n  props.onUpdateSelectedStepId(id);\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        :model-value=\"props.annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: props.annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"props.annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n        @update:model-value=\"updateTitle\"\n      />\n    </template>\n    <template v-if=\"props.annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: props.annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\">\n          Above annotations override the ones below. Rearrange them by dragging.\n        </span>\n        <PlElementList\n          :items=\"props.annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === props.selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @update:items=\"updateSteps\"\n          @item-click=\"(item) => props.onUpdateSelectedStepId(item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(props.annotation.defaultValue) },\n          ]\"\n          :model-value=\"props.annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"updateDefaultValue\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"props.annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.style.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\n// Models\nconst annotation = defineModel<Annotation>(\"annotation\", { required: true });\nconst selectedStepId = defineModel<undefined | number>(\"selectedStepId\");\n// Emits\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n// Actions\nfunction handleAddStep() {\n  const id = randomInt();\n  annotation.value.steps.push({\n    id,\n    label: \"\",\n    filter: {\n      id: randomInt(),\n      type: \"and\",\n      filters: [],\n    },\n  });\n  selectedStepId.value = id;\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        v-model=\"annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n      />\n    </template>\n    <template v-if=\"annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\"\n          >Above annotations override the ones below. Rearrange them by dragging.</span\n        >\n\n        <PlElementList\n          v-model:items=\"annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @item-click=\"(item) => (selectedStepId = item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(annotation.defaultValue) },\n          ]\"\n          :model-value=\"annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"annotation.defaultValue = $event === '' ? undefined : $event\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}
+{"version":3,"file":"AnnotationsSidebar.vue_vue_type_style_index_0_lang.module.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport $commonStyle from \"./style.module.css\";\n\nimport { produce } from \"immer\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport {\n  PlBtnGhost,\n  PlBtnSecondary,\n  PlEditableTitle,\n  PlElementList,\n  PlSidebarItem,\n  PlTextField,\n} from \"@milaboratories/uikit\";\nimport type { Annotation } from \"../types\";\nimport { validateTitle } from \"../utils\";\nimport { isEmpty } from \"es-toolkit/compat\";\n\nconst props = defineProps<{\n  annotation: Annotation;\n  selectedStepId: undefined | number;\n  onUpdateAnnotation: (annotation: Annotation) => void;\n  onUpdateSelectedStepId: (id: undefined | number) => void;\n}>();\n\nconst emits = defineEmits<{\n  (e: \"delete-schema\"): void;\n}>();\n\nfunction produceAnnotationUpdate(updater: (draft: Annotation) => void) {\n  props.onUpdateAnnotation(produce(props.annotation, updater));\n}\n\nfunction updateTitle(title: string) {\n  produceAnnotationUpdate((draft) => {\n    draft.title = title;\n  });\n}\n\nfunction updateSteps(steps: Annotation[\"steps\"]) {\n  produceAnnotationUpdate((draft) => {\n    draft.steps = steps;\n  });\n}\n\nfunction updateDefaultValue(value: string) {\n  produceAnnotationUpdate((draft) => {\n    draft.defaultValue = value === \"\" ? undefined : value;\n  });\n}\n\nfunction handleAddStep() {\n  const id = randomInt();\n  produceAnnotationUpdate((draft) => {\n    draft.steps.push({\n      id,\n      label: \"\",\n      filter: {\n        id: randomInt(),\n        type: \"and\",\n        filters: [],\n      },\n    });\n  });\n  props.onUpdateSelectedStepId(id);\n}\n</script>\n\n<template>\n  <PlSidebarItem>\n    <template #header-content>\n      <PlEditableTitle\n        :model-value=\"props.annotation.title\"\n        :class=\"{ [$commonStyle.flashing]: props.annotation.title.length === 0 }\"\n        :max-length=\"40\"\n        max-width=\"600px\"\n        placeholder=\"Annotation Title\"\n        :autofocus=\"props.annotation.title.length === 0\"\n        :validate=\"validateTitle\"\n        @update:model-value=\"updateTitle\"\n      />\n    </template>\n    <template v-if=\"props.annotation\" #body-content>\n      <div :class=\"[$style.root, { [$commonStyle.disabled]: props.annotation.title.length === 0 }]\">\n        <span :class=\"$style.tip\">\n          Above annotations override the ones below. Rearrange them by dragging.\n        </span>\n        <PlElementList\n          :items=\"props.annotation.steps\"\n          :get-item-key=\"(item) => item.id\"\n          :is-active=\"(item) => item.id === props.selectedStepId\"\n          :item-class=\"$style.stepItem\"\n          :class=\"$style.steps\"\n          @update:items=\"updateSteps\"\n          @item-click=\"(item) => props.onUpdateSelectedStepId(item.id)\"\n        >\n          <template #item-title=\"{ item }\">\n            {{ item.label }}\n          </template>\n        </PlElementList>\n\n        <PlBtnSecondary icon=\"add\" @click=\"handleAddStep\"> Add label </PlBtnSecondary>\n\n        <PlTextField\n          :class=\"[\n            $style.defaultValue,\n            { [$style.emptyDefaultValue]: isEmpty(props.annotation.defaultValue) },\n          ]\"\n          :model-value=\"props.annotation.defaultValue ?? ''\"\n          label=\"Label remaining with\"\n          placeholder=\"No label\"\n          clearable\n          helper=\"This label will be applied to the remaining rows, after all other filters are applied.\"\n          @click.stop\n          @update:model-value=\"updateDefaultValue\"\n        />\n      </div>\n    </template>\n    <template #footer-content>\n      <PlBtnGhost\n        icon=\"delete-bin\"\n        reverse\n        :disabled=\"props.annotation.steps.length === 0\"\n        @click.stop=\"emits('delete-schema')\"\n      >\n        Delete Schema\n      </PlBtnGhost>\n    </template>\n  </PlSidebarItem>\n</template>\n\n<style lang=\"scss\" module>\n@use \"@milaboratories/uikit/styles/variables\" as *;\n\n.root {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.tip {\n  color: var(--txt-03);\n}\n\n.steps {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.stepItem {\n  cursor: pointer;\n}\n\n.defaultValue {\n  margin-top: 8px;\n}\n.emptyDefaultValue {\n  opacity: 0.5;\n  transition: opacity 0.2s ease-in-out;\n\n  &:hover {\n    opacity: 1;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.d.ts

@@ -1,17 +1,14 @@
 import { Annotation } from '../types';
-type __VLS_PublicProps = {
-    "annotation": Annotation;
-    "selectedStepId"?: undefined | number;
+type __VLS_Props = {
+    annotation: Annotation;
+    selectedStepId: undefined | number;
+    onUpdateAnnotation: (annotation: Annotation) => void;
+    onUpdateSelectedStepId: (id: undefined | number) => void;
 };
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:annotation": (value: Annotation) => any;
-    "update:selectedStepId": (value: number | undefined) => any;
-} & {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "delete-schema": () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onDelete-schema"?: (() => any) | undefined;
-    "onUpdate:annotation"?: ((value: Annotation) => any) | undefined;
-    "onUpdate:selectedStepId"?: ((value: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=AnnotationsSidebar.vue.d.ts.map

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"names":[],"mappings":"AAqJA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA8B3C,KAAK,iBAAiB,GAAG;IACzB,YAAY,EAAE,UAAU,CAAC;IACzB,gBAAgB,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CACrC,CAAC;;;;;;;;;;;AA+NF,wBAQG"}
+{"version":3,"file":"AnnotationsSidebar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/PlAnnotations/components/AnnotationsSidebar.vue"],"names":[],"mappings":"AAmLA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAI3C,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAC;IACvB,cAAc,EAAE,SAAS,GAAG,MAAM,CAAC;IACnC,kBAAkB,EAAE,CAAC,UAAU,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,sBAAsB,EAAE,CAAC,EAAE,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D,CAAC;;;;;;AAmRF,wBAQG"}