@platforma-sdk/ui-vue 1.66.2 → 1.67.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.66.2 build /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.67.0 build /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder build --target browser-lib
 
 Building browser-lib project...
@@ -12,11 +12,11 @@ Building browser-lib project...
 4 export function useGridColumns(props: { api: GridApi }) {
                   ~~~~~~~~~~~~~~
 
-
+
 rendering chunks...
 
 [vite:dts] Start generate declaration files...
-[vite:dts] Declaration files built in 4461ms.
+[vite:dts] Declaration files built in 5238ms.
 
 computing gzip size...
 dist/components/PlAnnotations/components/PlAnnotations.vue?vue&type=style&index=0&lang.css                       0.04 kB │ gzip:  0.06 kB
@@ -25,6 +25,7 @@ dist/components/BlockLayout.vue?vue&type=style&index=0&lang.css
 dist/components/PlAgDataTable/PlAgDataTableSheets.vue?vue&type=style&index=0&lang.css                            0.06 kB │ gzip:  0.08 kB
 dist/components/PlAnnotations/components/PlAnnotationsModal.vue?vue&type=style&index=0&lang.css                  0.07 kB │ gzip:  0.08 kB
 dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue?vue&type=style&index=0&lang.css                  0.07 kB │ gzip:  0.09 kB
+dist/components/PlDatasetSelector/PlDatasetSelector.vue_vue_type_style_index_0_scoped_b52c3499_lang.css          0.08 kB │ gzip:  0.09 kB
 dist/components/PlAgDataTable/PlAgDataTableV2.vue?vue&type=style&index=0&lang.css                                0.09 kB │ gzip:  0.10 kB
 dist/components/PlAnnotations/components/FilterSidebar.vue?vue&type=style&index=0&lang.css                       0.11 kB │ gzip:  0.09 kB
 dist/components/PlAgChartHistogramCell/PlAgChartHistogramCell.vue_vue_type_style_index_0_lang.css                0.16 kB │ gzip:  0.13 kB
@@ -57,6 +58,7 @@ dist/components/PlAgCellProgress/index.js
 dist/components/PlAgColumnHeader/index.js                                                                        0.03 kB │ gzip:  0.05 kB
 dist/components/PlTableFilters/index.js                                                                          0.03 kB │ gzip:  0.05 kB
 dist/components/PlAgCellStatusTag/index.js                                                                       0.03 kB │ gzip:  0.05 kB
+dist/components/PlDatasetSelector/index.js                                                                       0.03 kB │ gzip:  0.05 kB
 dist/components/PlTableFastSearch/index.js                                                                       0.03 kB │ gzip:  0.05 kB
 dist/components/PlAgRowNumCheckbox/index.js                                                                      0.03 kB │ gzip:  0.05 kB
 dist/components/PlBtnExportArchive/index.js                                                                      0.03 kB │ gzip:  0.05 kB
@@ -144,6 +146,7 @@ dist/objectHash.js
 dist/composition/AgGrid/index.js                                                                                 0.46 kB │ gzip:  0.32 kB │ map:  0.79 kB
 dist/defineStore.js                                                                                              0.49 kB │ gzip:  0.32 kB │ map:  1.20 kB
 dist/internal/utils.js                                                                                           0.50 kB │ gzip:  0.29 kB │ map:  1.08 kB
+dist/components/PlDatasetSelector/PlDatasetSelector.js                                                           0.51 kB │ gzip:  0.29 kB │ map:  1.10 kB
 dist/components/LoaderPage.js                                                                                    0.52 kB │ gzip:  0.35 kB │ map:  0.48 kB
 dist/components/PlAdvancedFilter/PlAdvancedFilter.vue_vue_type_style_index_0_lang.module.js                      0.54 kB │ gzip:  0.29 kB │ map:  0.72 kB
 dist/plugins/Monetization/useButtonTarget.js                                                                     0.54 kB │ gzip:  0.35 kB │ map:  1.10 kB
@@ -198,12 +201,13 @@ dist/plugins/Monetization/UserCabinetCard.vue_vue_type_script_setup_true_lang.js
 dist/components/BlockLayout.vue_vue_type_script_setup_true_lang.js                                               2.18 kB │ gzip:  1.03 kB │ map:  5.92 kB
 dist/components/PlAppErrorNotificationAlert/PlAppErrorNotificationAlert.vue_vue_type_script_setup_true_lang.js   2.40 kB │ gzip:  1.12 kB │ map:  6.67 kB
 dist/components/PlAgDataTable/PlAgDataTableSheets.vue_vue_type_script_setup_true_lang.js                         2.45 kB │ gzip:  1.17 kB │ map:  5.01 kB
-dist/lib.js                                                                                                      2.60 kB │ gzip:  0.56 kB │ map:  3.82 kB
 dist/components/PlAnnotations/components/PlAnnotations.vue_vue_type_script_setup_true_lang.js                    2.69 kB │ gzip:  1.12 kB │ map:  4.16 kB
+dist/lib.js                                                                                                      2.71 kB │ gzip:  0.57 kB │ map:  3.97 kB
 dist/components/PlAgDataTable/compositions/useGrid.js                                                            2.80 kB │ gzip:  1.24 kB │ map:  6.28 kB
 dist/components/PlAgColumnHeader/PlAgColumnHeader.vue_vue_type_script_setup_true_lang.js                         2.93 kB │ gzip:  1.26 kB │ map:  7.97 kB
 dist/components/PlAgDataTable/sources/row-number.js                                                              2.99 kB │ gzip:  1.31 kB │ map:  7.42 kB
 dist/defineApp.js                                                                                                3.01 kB │ gzip:  1.05 kB │ map: 14.38 kB
+dist/components/PlDatasetSelector/PlDatasetSelector.vue_vue_type_script_setup_true_lang.js                       3.09 kB │ gzip:  1.21 kB │ map:  6.90 kB
 dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue_vue_type_script_setup_true_lang.js               3.14 kB │ gzip:  1.42 kB │ map:  5.04 kB
 dist/plugins/Monetization/LimitCard.vue_vue_type_script_setup_true_lang.js                                       3.31 kB │ gzip:  1.15 kB │ map:  9.08 kB
 dist/composition/fileContent.js                                                                                  3.78 kB │ gzip:  1.45 kB │ map: 12.95 kB
@@ -212,7 +216,7 @@ dist/plugins/Monetization/MonetizationSidebar.vue_vue_type_script_setup_true_lan
 dist/components/PlAnnotations/components/FilterSidebar.vue_vue_type_script_setup_true_lang.js                    3.97 kB │ gzip:  1.56 kB │ map:  7.42 kB
 dist/internal/createAppV1.js                                                                                     4.01 kB │ gzip:  1.42 kB │ map: 14.21 kB
 dist/AgGridVue/useAgGridOptions.js                                                                               4.23 kB │ gzip:  1.33 kB │ map: 14.12 kB
-dist/index.js                                                                                                    4.42 kB │ gzip:  1.35 kB │ map:  0.25 kB
+dist/index.js                                                                                                    4.52 kB │ gzip:  1.37 kB │ map:  0.25 kB
 dist/components/PlTableFilters/PlTableFiltersV2.vue_vue_type_script_setup_true_lang.js                           4.63 kB │ gzip:  1.91 kB │ map:  9.02 kB
 dist/components/PlBtnExportArchive/PlBtnExportArchive.vue_vue_type_script_setup_true_lang.js                     5.19 kB │ gzip:  2.16 kB │ map: 10.36 kB
 dist/internal/createAppV2.js                                                                                     5.26 kB │ gzip:  1.98 kB │ map: 17.78 kB
@@ -224,12 +228,12 @@ dist/components/PlAdvancedFilter/FilterEditor.vue_vue_type_script_setup_true_lan
 dist/components/PlAgDataTable/PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js                            12.10 kB │ gzip:  3.86 kB │ map: 28.98 kB
 
 [PLUGIN_TIMINGS] Warning: Your build spent significant time in plugins. Here is a breakdown:
-  - sourcemaps (30%)
-  - vite:dts (23%)
-  - vite:css-post (15%)
+  - sourcemaps (35%)
+  - vite:dts (25%)
+  - vite:css-post (11%)
   - vite:vue (9%)
-  - vite:build-import-analysis (6%)
+  - vite:css (7%)
 See https://rolldown.rs/options/checks#plugintimings for more details.
 
-✓ built in 5.29s
+✓ built in 6.07s
 Build completed successfully

package/.turbo/turbo-formatter$colon$check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.66.2 formatter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.67.0 formatter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder formatter --check
 
 Checking formatting...
@@ -8,5 +8,5 @@ Checking formatting...
 Checking formatting...
 
 All matched files use the correct format.
-Finished in 3408ms on 132 files using 8 threads.
+Finished in 3092ms on 136 files using 8 threads.
 Format check completed successfully

package/.turbo/turbo-linter$colon$check.log

@@ -1,10 +1,10 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.66.2 linter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.67.0 linter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder linter --check
 
 Linting project...
 ↳ oxlint --config /home/runner/_work/platforma/platforma/sdk/ui-vue/.oxlintrc.json --deny-warnings
 Found 0 warnings and 0 errors.
-Finished in 33ms on 115 files with 98 rules using 8 threads.
+Finished in 27ms on 119 files with 98 rules using 8 threads.
 Linting completed successfully

package/.turbo/turbo-types$colon$check.log

@@ -1,6 +1,6 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
 
-> @platforma-sdk/ui-vue@1.66.2 types:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.67.0 types:check /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder type-check --target browser-lib
 
 ↳ vue-tsc.js --noEmit --project ./tsconfig.json --customConditions ,

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @platforma-sdk/ui-vue
 
+## 1.67.0
+
+### Minor Changes
+
+- 10eec21: Add `PlDatasetSelector` component for dataset + optional filter selection. Emits `PrimaryRef`; filter dropdown appears only when the selected dataset has compatible filters (progressive disclosure). Accepts both `PrimaryRef` and plain `PlRef` as input for backward compatibility.
+
+### Patch Changes
+
+- Updated dependencies [10eec21]
+- Updated dependencies [10eec21]
+  - @platforma-sdk/model@1.67.0
+  - @milaboratories/pl-model-common@1.35.0
+  - @milaboratories/uikit@2.12.9
+  - @milaboratories/pf-spec-driver@1.3.3
+
 ## 1.66.2
 
 ### Patch Changes

package/dist/__tests__/setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=setup.d.ts.map

package/dist/__tests__/setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../src/__tests__/setup.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"PlAnnotations.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from \"./FilterSidebar.vue\";\nexport type Props = Omit<BaseProps, \"step\" | \"onUpdateStep\"> & {\n  annotation: Annotation;\n  onUpdateAnnotation: (annotation: Annotation) => void;\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from \"vue\";\n\nimport { isNil } from \"@milaboratories/helpers\";\nimport { produce } from \"immer\";\nimport { PlSidebarGroup, useConfirm } from \"@milaboratories/uikit\";\n\nimport type { Annotation, Filter } from \"../types\";\nimport AnnotationsSidebar from \"./AnnotationsSidebar.vue\";\nimport FilterSidebar from \"./FilterSidebar.vue\";\n\nconst props = defineProps<Props>();\n\nconst selectedStepId = shallowRef<undefined | number>(undefined);\n\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(props.annotation)\n    ? undefined\n    : props.annotation.steps.find((step) => step.id === selectedStepId.value);\n});\n\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && props.annotation.steps.length > 0) {\n    selectedStepId.value = props.annotation.steps[0].id;\n  }\n});\n\nconst confirmResetSchema = useConfirm({\n  title: \"Reset Schema\",\n  message: \"Are you sure you want to reset the schema? This action cannot be undone.\",\n  confirmLabel: \"Yes, reset\",\n  cancelLabel: \"No, cancel\",\n});\n\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n\nfunction updateSelectedStepId(id: undefined | number) {\n  selectedStepId.value = id;\n}\n\nfunction updateSelectedStep(step: Filter) {\n  props.onUpdateAnnotation(\n    produce(props.annotation, (draft) => {\n      const idx = draft.steps.findIndex((s) => s.id === step.id);\n      if (idx !== -1) {\n        draft.steps[idx] = step;\n      }\n    }),\n  );\n}\n</script>\n\n<template>\n  <PlSidebarGroup>\n    <template #item-0>\n      <AnnotationsSidebar\n        :annotation=\"props.annotation\"\n        :selected-step-id=\"selectedStepId\"\n        :on-update-annotation=\"props.onUpdateAnnotation\"\n        :on-update-selected-step-id=\"updateSelectedStepId\"\n        :class=\"$style.sidebarItem\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        :step=\"selectedStep\"\n        :on-update-step=\"updateSelectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style module>\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,IAAM,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU,EAE1D,IAAe,QACZ,EAAM,EAAe,MAAM,IAAI,EAAM,EAAM,WAAU,GACxD,KAAA,IACA,EAAM,WAAW,MAAM,MAAM,MAAS,EAAK,OAAO,EAAe,MAAM,CAC3E;AAEF,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAM,WAAW,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAM,WAAW,MAAM,GAAG;IAEnD;EAEF,IAAM,IAAqB,EAAW;GACpC,OAAO;GACP,SAAS;GACT,cAAc;GACd,aAAa;GACd,CAAC;EAEF,eAAe,IAAqB;AAClC,GAAI,MAAM,GAAoB,KAC5B,EAAe,QAAQ,KAAA,GACvB,EAAM,kBAAkB;;EAI5B,SAAS,EAAqB,GAAwB;AACpD,KAAe,QAAQ;;EAGzB,SAAS,EAAmB,GAAc;AACxC,KAAM,mBACJ,EAAQ,EAAM,aAAa,MAAU;IACnC,IAAM,IAAM,EAAM,MAAM,WAAW,MAAM,EAAE,OAAO,EAAK,GAAG;AAC1D,IAAI,MAAQ,OACV,EAAM,MAAM,KAAO;KAErB,CACH;;yBAKD,EAuBiB,EAAA,EAAA,EAAA,MAAA;GAtBJ,UAAM,QAQb,CAPF,EAOE,GAAA;IANC,YAAY,EAAM;IAClB,oBAAkB,EAAA;IAClB,wBAAsB,EAAM;IAC5B,8BAA4B;IAC5B,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,gBAAe;;;;;;;GAGT,UAAM,QAUb,CARM,EAAA,SAAA,GAAA,EADR,EASE,GAAA;;IAPC,MAAM,EAAA;IACN,kBAAgB;IAChB,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,oBAAoB,EAAM;IAC1B,6BAA6B,EAAM"}
+{"version":3,"file":"PlAnnotations.vue_vue_type_script_setup_true_lang.js","names":["$style"],"sources":["../../../../src/components/PlAnnotations/components/PlAnnotations.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Props as BaseProps } from \"./FilterSidebar.vue\";\nexport type Props = Omit<BaseProps, \"step\" | \"onUpdateStep\"> & {\n  annotation: Annotation;\n  onUpdateAnnotation: (annotation: Annotation) => void;\n  onDeleteSchema?: () => void;\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, effect, shallowRef } from \"vue\";\n\nimport { isNil } from \"@milaboratories/helpers\";\nimport { produce } from \"immer\";\nimport { PlSidebarGroup, useConfirm } from \"@milaboratories/uikit\";\n\nimport type { Annotation, Filter } from \"../types\";\nimport AnnotationsSidebar from \"./AnnotationsSidebar.vue\";\nimport FilterSidebar from \"./FilterSidebar.vue\";\n\nconst props = defineProps<Props>();\n\nconst selectedStepId = shallowRef<undefined | number>(undefined);\n\nconst selectedStep = computed(() => {\n  return isNil(selectedStepId.value) || isNil(props.annotation)\n    ? undefined\n    : props.annotation.steps.find((step) => step.id === selectedStepId.value);\n});\n\neffect(function setDefaultStepId() {\n  if (selectedStepId.value === undefined && props.annotation.steps.length > 0) {\n    selectedStepId.value = props.annotation.steps[0].id;\n  }\n});\n\nconst confirmResetSchema = useConfirm({\n  title: \"Reset Schema\",\n  message: \"Are you sure you want to reset the schema? This action cannot be undone.\",\n  confirmLabel: \"Yes, reset\",\n  cancelLabel: \"No, cancel\",\n});\n\nasync function handleDeleteSchema() {\n  if (await confirmResetSchema()) {\n    selectedStepId.value = undefined;\n    props.onDeleteSchema?.();\n  }\n}\n\nfunction updateSelectedStepId(id: undefined | number) {\n  selectedStepId.value = id;\n}\n\nfunction updateSelectedStep(step: Filter) {\n  props.onUpdateAnnotation(\n    produce(props.annotation, (draft) => {\n      const idx = draft.steps.findIndex((s) => s.id === step.id);\n      if (idx !== -1) {\n        draft.steps[idx] = step;\n      }\n    }),\n  );\n}\n</script>\n\n<template>\n  <PlSidebarGroup>\n    <template #item-0>\n      <AnnotationsSidebar\n        :annotation=\"props.annotation\"\n        :selected-step-id=\"selectedStepId\"\n        :on-update-annotation=\"props.onUpdateAnnotation\"\n        :on-update-selected-step-id=\"updateSelectedStepId\"\n        :class=\"$style.sidebarItem\"\n        @delete-schema=\"handleDeleteSchema\"\n      />\n    </template>\n    <template #item-1>\n      <FilterSidebar\n        v-if=\"selectedStep\"\n        :step=\"selectedStep\"\n        :on-update-step=\"updateSelectedStep\"\n        :class=\"$style.sidebarItem\"\n        :columns=\"props.columns\"\n        :get-suggest-options=\"props.getSuggestOptions\"\n        :hasSelectedColumns=\"props.hasSelectedColumns\"\n        :getValuesForSelectedColumns=\"props.getValuesForSelectedColumns\"\n      />\n    </template>\n  </PlSidebarGroup>\n</template>\n\n<style module>\n.sidebarItem {\n  width: 100%;\n  height: 100%;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAoBA,IAAM,IAAQ,GAER,IAAiB,EAA+B,KAAA,EAAU,EAE1D,IAAe,QACZ,EAAM,EAAe,MAAM,IAAI,EAAM,EAAM,WAAU,GACxD,KAAA,IACA,EAAM,WAAW,MAAM,MAAM,MAAS,EAAK,OAAO,EAAe,MAAM,CAC3E;AAEF,IAAO,WAA4B;AACjC,GAAI,EAAe,UAAU,KAAA,KAAa,EAAM,WAAW,MAAM,SAAS,MACxE,EAAe,QAAQ,EAAM,WAAW,MAAM,GAAG;IAEnD;EAEF,IAAM,IAAqB,EAAW;GACpC,OAAO;GACP,SAAS;GACT,cAAc;GACd,aAAa;GACd,CAAC;EAEF,eAAe,IAAqB;AAClC,GAAI,MAAM,GAAoB,KAC5B,EAAe,QAAQ,KAAA,GACvB,EAAM,kBAAkB;;EAI5B,SAAS,EAAqB,GAAwB;AACpD,KAAe,QAAQ;;EAGzB,SAAS,EAAmB,GAAc;AACxC,KAAM,mBACJ,EAAQ,EAAM,aAAa,MAAU;IACnC,IAAM,IAAM,EAAM,MAAM,WAAW,MAAM,EAAE,OAAO,EAAK,GAAG;AAC1D,IAAI,MAAQ,OACV,EAAM,MAAM,KAAO;KAErB,CACH;;yBAKD,EAuBiB,EAAA,EAAA,EAAA,MAAA;GAtBJ,UAAM,QAQb,CAPF,EAOE,GAAA;IANC,YAAY,EAAM;IAClB,oBAAkB,EAAA;IAClB,wBAAsB,EAAM;IAC5B,8BAA4B;IAC5B,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,gBAAe;;;;;;;GAGT,UAAM,QAiBZ,CAfK,EAAA,SAAA,GAAA,EADR,EASE,GAAA;;IAPC,MAAM,EAAA;IACN,kBAAgB;IAChB,OAAK,EAAEA,EAAAA,OAAO,YAAW;IACzB,SAAS,EAAM;IACf,uBAAqB,EAAM;IAC3B,oBAAoB,EAAM;IAC1B,6BAA6B,EAAM"}

package/dist/components/PlDatasetSelector/PlDatasetSelector.js

@@ -0,0 +1,9 @@
+import e from "../../_virtual/_plugin-vue_export-helper.js";
+import t from "./PlDatasetSelector.vue2.js";
+import './PlDatasetSelector.style.css';/* empty css                                                                  */
+//#region src/components/PlDatasetSelector/PlDatasetSelector.vue
+var n = /* @__PURE__ */ e(t, [["__scopeId", "data-v-b52c3499"]]);
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=PlDatasetSelector.js.map

package/dist/components/PlDatasetSelector/PlDatasetSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlDatasetSelector.js","names":[],"sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.\n *\n * Behaves like {@link PlDropdownRef} when none of the offered datasets carry\n * filter options. When the selected dataset has compatible filters, a second\n * dropdown appears with the filters plus a \"No filter\" entry.\n *\n * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`\n * is treated as an unfiltered dataset), but always emits `PrimaryRef`\n * (or `undefined` when cleared).\n */\nexport default {\n  name: \"PlDatasetSelector\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { DatasetOption, PlRef, PrimaryRef } from \"@platforma-sdk/model\";\nimport { createPrimaryRef, isPrimaryRef, plRefsEqual } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"@milaboratories/uikit\";\nimport { PlDropdown, PlDropdownRef } from \"@milaboratories/uikit\";\nimport { computed } from \"vue\";\n\nconst slots = defineSlots<{\n  tooltip?: () => unknown;\n}>();\n\n/**\n * v-model value. Accepts `PrimaryRef`, plain `PlRef` (treated as unfiltered),\n * or `undefined`. Writes always emit `PrimaryRef` or `undefined`.\n */\nconst model = defineModel<PrimaryRef | PlRef | undefined>();\n\nconst props = withDefaults(\n  defineProps<{\n    /** Available datasets, each optionally carrying compatible filter choices. */\n    options?: Readonly<DatasetOption[]>;\n    /** Label above the dataset dropdown. */\n    label?: string;\n    /** Helper text below the dataset dropdown (shown when there is no error). */\n    helper?: string;\n    /** Helper text shown while `options` is undefined (loading). */\n    loadingOptionsHelper?: string;\n    /** Error message displayed below the dataset dropdown. */\n    error?: unknown;\n    /** Placeholder when no dataset is selected. */\n    placeholder?: string;\n    /** Label above the filter dropdown. */\n    filterLabel?: string;\n    /** Placeholder for the filter dropdown. */\n    filterPlaceholder?: string;\n    /** Label of the \"no filter\" entry prepended to the filter options. */\n    noFilterLabel?: string;\n    /** Show a clear button on the dataset dropdown. */\n    clearable?: boolean;\n    /** Mark the dataset dropdown as required. */\n    required?: boolean;\n    /** Disable all interaction. */\n    disabled?: boolean;\n  }>(),\n  {\n    options: undefined,\n    label: undefined,\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    filterLabel: \"\",\n    filterPlaceholder: \"...\",\n    noFilterLabel: \"No filter\",\n    clearable: false,\n    required: false,\n    disabled: false,\n  },\n);\n\nconst selectedDataset = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  if (v === undefined) return undefined;\n  return isPrimaryRef(v) ? v.column : v;\n});\n\nconst selectedFilter = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  return isPrimaryRef(v) ? v.filter : undefined;\n});\n\nconst currentDatasetOption = computed<DatasetOption | undefined>(() => {\n  const dataset = selectedDataset.value;\n  if (!dataset) return undefined;\n  return props.options?.find((o) => plRefsEqual(o.ref, dataset, true));\n});\n\nconst hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);\n\n/**\n * Filter dropdown options. The first entry (`null`) is the \"No filter\" choice —\n * null distinguishes it from `undefined` (dropdown clear button, disabled here).\n */\nconst filterOptions = computed<ListOption<PlRef | null>[]>(() => {\n  const filters = currentDatasetOption.value?.filters;\n  if (!filters) return [];\n  return [\n    { label: props.noFilterLabel, value: null } as ListOption<PlRef | null>,\n    ...filters.map((f) => ({ label: f.label, value: f.ref }) as ListOption<PlRef | null>),\n  ];\n});\n\nconst filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);\n\nfunction emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {\n  model.value = dataset === undefined ? undefined : createPrimaryRef(dataset, filter);\n}\n\nfunction onDatasetChange(dataset: PlRef | undefined) {\n  emitValue(dataset, undefined);\n}\n\nfunction onFilterChange(value: PlRef | null | undefined) {\n  const dataset = selectedDataset.value;\n  if (!dataset) return;\n  emitValue(dataset, value ?? undefined);\n}\n</script>\n\n<template>\n  <div class=\"pl-dataset-selector\">\n    <PlDropdownRef\n      :model-value=\"selectedDataset\"\n      :options=\"options\"\n      :label=\"label\"\n      :helper=\"helper\"\n      :loading-options-helper=\"loadingOptionsHelper\"\n      :error=\"error\"\n      :placeholder=\"placeholder\"\n      :clearable=\"clearable\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onDatasetChange\"\n    >\n      <template v-if=\"slots.tooltip\" #tooltip>\n        <slot name=\"tooltip\" />\n      </template>\n    </PlDropdownRef>\n    <PlDropdown\n      v-if=\"hasFilters\"\n      :model-value=\"filterValue\"\n      :options=\"filterOptions\"\n      :label=\"filterLabel\"\n      :placeholder=\"filterPlaceholder\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onFilterChange\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.pl-dataset-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":""}

package/dist/components/PlDatasetSelector/PlDatasetSelector.style.css

@@ -0,0 +1 @@
+.pl-dataset-selector[data-v-b52c3499]{flex-direction:column;gap:12px;display:flex}

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue.d.ts

@@ -0,0 +1,105 @@
+import { DatasetOption, PlRef, PrimaryRef } from '@platforma-sdk/model';
+/**
+ * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.
+ *
+ * Behaves like {@link PlDropdownRef} when none of the offered datasets carry
+ * filter options. When the selected dataset has compatible filters, a second
+ * dropdown appears with the filters plus a "No filter" entry.
+ *
+ * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`
+ * is treated as an unfiltered dataset), but always emits `PrimaryRef`
+ * (or `undefined` when cleared).
+ */
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    modelValue?: PrimaryRef | PlRef | undefined;
+} & {
+    /** Available datasets, each optionally carrying compatible filter choices. */
+    options?: Readonly<DatasetOption[]>;
+    /** Label above the dataset dropdown. */
+    label?: string;
+    /** Helper text below the dataset dropdown (shown when there is no error). */
+    helper?: string;
+    /** Helper text shown while `options` is undefined (loading). */
+    loadingOptionsHelper?: string;
+    /** Error message displayed below the dataset dropdown. */
+    error?: unknown;
+    /** Placeholder when no dataset is selected. */
+    placeholder?: string;
+    /** Label above the filter dropdown. */
+    filterLabel?: string;
+    /** Placeholder for the filter dropdown. */
+    filterPlaceholder?: string;
+    /** Label of the "no filter" entry prepended to the filter options. */
+    noFilterLabel?: string;
+    /** Show a clear button on the dataset dropdown. */
+    clearable?: boolean;
+    /** Mark the dataset dropdown as required. */
+    required?: boolean;
+    /** Disable all interaction. */
+    disabled?: boolean;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: PrimaryRef | Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }> | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<{
+    modelValue?: PrimaryRef | PlRef | undefined;
+} & {
+    /** Available datasets, each optionally carrying compatible filter choices. */
+    options?: Readonly<DatasetOption[]>;
+    /** Label above the dataset dropdown. */
+    label?: string;
+    /** Helper text below the dataset dropdown (shown when there is no error). */
+    helper?: string;
+    /** Helper text shown while `options` is undefined (loading). */
+    loadingOptionsHelper?: string;
+    /** Error message displayed below the dataset dropdown. */
+    error?: unknown;
+    /** Placeholder when no dataset is selected. */
+    placeholder?: string;
+    /** Label above the filter dropdown. */
+    filterLabel?: string;
+    /** Placeholder for the filter dropdown. */
+    filterPlaceholder?: string;
+    /** Label of the "no filter" entry prepended to the filter options. */
+    noFilterLabel?: string;
+    /** Show a clear button on the dataset dropdown. */
+    clearable?: boolean;
+    /** Mark the dataset dropdown as required. */
+    required?: boolean;
+    /** Disable all interaction. */
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: PrimaryRef | Readonly<{
+        __isRef: true;
+        blockId: string;
+        name: string;
+        requireEnrichments?: true | undefined;
+    }> | undefined) => any) | undefined;
+}>, {
+    error: undefined;
+    label: string;
+    placeholder: string;
+    options: Readonly<DatasetOption[]>;
+    helper: string;
+    loadingOptionsHelper: string;
+    clearable: boolean;
+    required: boolean;
+    disabled: boolean;
+    filterLabel: string;
+    filterPlaceholder: string;
+    noFilterLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
+    tooltip?: () => unknown;
+}> & {
+    tooltip?: () => unknown;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=PlDatasetSelector.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlDatasetSelector.vue.d.ts","sourceRoot":"","sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"names":[],"mappings":"AAsKA,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAO7E;;;;;;;;;;GAUG;;iBA0HU,UAAU,GAAG,KAAK,GAAG,SAAS;;IA7GvC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;;;;;;iBAsFT,UAAU,GAAG,KAAK,GAAG,SAAS;;IA7GvC,8EAA8E;cACpE,QAAQ,CAAC,aAAa,EAAE,CAAC;IACnC,wCAAwC;YAChC,MAAM;IACd,6EAA6E;aACpE,MAAM;IACf,gEAAgE;2BACzC,MAAM;IAC7B,0DAA0D;YAClD,OAAO;IACf,+CAA+C;kBACjC,MAAM;IACpB,uCAAuC;kBACzB,MAAM;IACpB,2CAA2C;wBACvB,MAAM;IAC1B,sEAAsE;oBACtD,MAAM;IACtB,mDAAmD;gBACvC,OAAO;IACnB,6CAA6C;eAClC,OAAO;IAClB,+BAA+B;eACpB,OAAO;;;;;;;;;;WApBV,MAAM;iBAQA,MAAM;aAVV,QAAQ,CAAC,aAAa,EAAE,CAAC;YAI1B,MAAM;0BAEQ,MAAM;eAYjB,OAAO;cAER,OAAO;cAEP,OAAO;iBAVJ,MAAM;uBAEA,MAAM;mBAEV,MAAM;;cA3Bd,MAAM,OAAO;;cAAb,MAAM,OAAO;;AAFzB,wBAmQK;AAcL,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/PlDatasetSelector/PlDatasetSelector.vue2.js

@@ -0,0 +1,111 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createSlots as i, createVNode as a, defineComponent as o, mergeModels as s, openBlock as c, renderSlot as l, unref as u, useModel as d, useSlots as f, withCtx as p } from "vue";
+import { createPrimaryRef as m, isPrimaryRef as h, plRefsEqual as g } from "@platforma-sdk/model";
+import { PlDropdown as _, PlDropdownRef as v } from "@milaboratories/uikit";
+//#region src/components/PlDatasetSelector/PlDatasetSelector.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "pl-dataset-selector" }, b = /* @__PURE__ */ o({
+	name: "PlDatasetSelector",
+	props: /* @__PURE__ */ s({
+		options: { default: void 0 },
+		label: { default: void 0 },
+		helper: { default: void 0 },
+		loadingOptionsHelper: { default: void 0 },
+		error: { default: void 0 },
+		placeholder: { default: "..." },
+		filterLabel: { default: "" },
+		filterPlaceholder: { default: "..." },
+		noFilterLabel: { default: "No filter" },
+		clearable: {
+			type: Boolean,
+			default: !1
+		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(o) {
+		let s = f(), b = d(o, "modelValue"), x = o, S = e(() => {
+			let e = b.value;
+			if (e !== void 0) return h(e) ? e.column : e;
+		}), C = e(() => {
+			let e = b.value;
+			return h(e) ? e.filter : void 0;
+		}), w = e(() => {
+			let e = S.value;
+			if (e) return x.options?.find((t) => g(t.ref, e, !0));
+		}), T = e(() => (w.value?.filters?.length ?? 0) > 0), E = e(() => {
+			let e = w.value?.filters;
+			return e ? [{
+				label: x.noFilterLabel,
+				value: null
+			}, ...e.map((e) => ({
+				label: e.label,
+				value: e.ref
+			}))] : [];
+		}), D = e(() => C.value ?? null);
+		function O(e, t) {
+			b.value = e === void 0 ? void 0 : m(e, t);
+		}
+		function k(e) {
+			O(e, void 0);
+		}
+		function A(e) {
+			let t = S.value;
+			t && O(t, e ?? void 0);
+		}
+		return (e, d) => (c(), r("div", y, [a(u(v), {
+			"model-value": S.value,
+			options: o.options,
+			label: o.label,
+			helper: o.helper,
+			"loading-options-helper": o.loadingOptionsHelper,
+			error: o.error,
+			placeholder: o.placeholder,
+			clearable: o.clearable,
+			required: o.required,
+			disabled: o.disabled,
+			"onUpdate:modelValue": k
+		}, i({ _: 2 }, [s.tooltip ? {
+			name: "tooltip",
+			fn: p(() => [l(e.$slots, "tooltip", {}, void 0, !0)]),
+			key: "0"
+		} : void 0]), 1032, [
+			"model-value",
+			"options",
+			"label",
+			"helper",
+			"loading-options-helper",
+			"error",
+			"placeholder",
+			"clearable",
+			"required",
+			"disabled"
+		]), T.value ? (c(), t(u(_), {
+			key: 0,
+			"model-value": D.value,
+			options: E.value,
+			label: o.filterLabel,
+			placeholder: o.filterPlaceholder,
+			disabled: o.disabled,
+			"onUpdate:modelValue": A
+		}, null, 8, [
+			"model-value",
+			"options",
+			"label",
+			"placeholder",
+			"disabled"
+		])) : n("", !0)]));
+	}
+});
+//#endregion
+export { b as default };
+
+//# sourceMappingURL=PlDatasetSelector.vue2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PlDatasetSelector.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/PlDatasetSelector/PlDatasetSelector.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.\n *\n * Behaves like {@link PlDropdownRef} when none of the offered datasets carry\n * filter options. When the selected dataset has compatible filters, a second\n * dropdown appears with the filters plus a \"No filter\" entry.\n *\n * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`\n * is treated as an unfiltered dataset), but always emits `PrimaryRef`\n * (or `undefined` when cleared).\n */\nexport default {\n  name: \"PlDatasetSelector\",\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport type { DatasetOption, PlRef, PrimaryRef } from \"@platforma-sdk/model\";\nimport { createPrimaryRef, isPrimaryRef, plRefsEqual } from \"@platforma-sdk/model\";\nimport type { ListOption } from \"@milaboratories/uikit\";\nimport { PlDropdown, PlDropdownRef } from \"@milaboratories/uikit\";\nimport { computed } from \"vue\";\n\nconst slots = defineSlots<{\n  tooltip?: () => unknown;\n}>();\n\n/**\n * v-model value. Accepts `PrimaryRef`, plain `PlRef` (treated as unfiltered),\n * or `undefined`. Writes always emit `PrimaryRef` or `undefined`.\n */\nconst model = defineModel<PrimaryRef | PlRef | undefined>();\n\nconst props = withDefaults(\n  defineProps<{\n    /** Available datasets, each optionally carrying compatible filter choices. */\n    options?: Readonly<DatasetOption[]>;\n    /** Label above the dataset dropdown. */\n    label?: string;\n    /** Helper text below the dataset dropdown (shown when there is no error). */\n    helper?: string;\n    /** Helper text shown while `options` is undefined (loading). */\n    loadingOptionsHelper?: string;\n    /** Error message displayed below the dataset dropdown. */\n    error?: unknown;\n    /** Placeholder when no dataset is selected. */\n    placeholder?: string;\n    /** Label above the filter dropdown. */\n    filterLabel?: string;\n    /** Placeholder for the filter dropdown. */\n    filterPlaceholder?: string;\n    /** Label of the \"no filter\" entry prepended to the filter options. */\n    noFilterLabel?: string;\n    /** Show a clear button on the dataset dropdown. */\n    clearable?: boolean;\n    /** Mark the dataset dropdown as required. */\n    required?: boolean;\n    /** Disable all interaction. */\n    disabled?: boolean;\n  }>(),\n  {\n    options: undefined,\n    label: undefined,\n    helper: undefined,\n    loadingOptionsHelper: undefined,\n    error: undefined,\n    placeholder: \"...\",\n    filterLabel: \"\",\n    filterPlaceholder: \"...\",\n    noFilterLabel: \"No filter\",\n    clearable: false,\n    required: false,\n    disabled: false,\n  },\n);\n\nconst selectedDataset = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  if (v === undefined) return undefined;\n  return isPrimaryRef(v) ? v.column : v;\n});\n\nconst selectedFilter = computed<PlRef | undefined>(() => {\n  const v = model.value;\n  return isPrimaryRef(v) ? v.filter : undefined;\n});\n\nconst currentDatasetOption = computed<DatasetOption | undefined>(() => {\n  const dataset = selectedDataset.value;\n  if (!dataset) return undefined;\n  return props.options?.find((o) => plRefsEqual(o.ref, dataset, true));\n});\n\nconst hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);\n\n/**\n * Filter dropdown options. The first entry (`null`) is the \"No filter\" choice —\n * null distinguishes it from `undefined` (dropdown clear button, disabled here).\n */\nconst filterOptions = computed<ListOption<PlRef | null>[]>(() => {\n  const filters = currentDatasetOption.value?.filters;\n  if (!filters) return [];\n  return [\n    { label: props.noFilterLabel, value: null } as ListOption<PlRef | null>,\n    ...filters.map((f) => ({ label: f.label, value: f.ref }) as ListOption<PlRef | null>),\n  ];\n});\n\nconst filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);\n\nfunction emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {\n  model.value = dataset === undefined ? undefined : createPrimaryRef(dataset, filter);\n}\n\nfunction onDatasetChange(dataset: PlRef | undefined) {\n  emitValue(dataset, undefined);\n}\n\nfunction onFilterChange(value: PlRef | null | undefined) {\n  const dataset = selectedDataset.value;\n  if (!dataset) return;\n  emitValue(dataset, value ?? undefined);\n}\n</script>\n\n<template>\n  <div class=\"pl-dataset-selector\">\n    <PlDropdownRef\n      :model-value=\"selectedDataset\"\n      :options=\"options\"\n      :label=\"label\"\n      :helper=\"helper\"\n      :loading-options-helper=\"loadingOptionsHelper\"\n      :error=\"error\"\n      :placeholder=\"placeholder\"\n      :clearable=\"clearable\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onDatasetChange\"\n    >\n      <template v-if=\"slots.tooltip\" #tooltip>\n        <slot name=\"tooltip\" />\n      </template>\n    </PlDropdownRef>\n    <PlDropdown\n      v-if=\"hasFilters\"\n      :model-value=\"filterValue\"\n      :options=\"filterOptions\"\n      :label=\"filterLabel\"\n      :placeholder=\"filterPlaceholder\"\n      :disabled=\"disabled\"\n      @update:model-value=\"onFilterChange\"\n    />\n  </div>\n</template>\n\n<style scoped>\n.pl-dataset-selector {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n</style>\n"],"mappings":";;;;;CAaE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWR,IAAM,IAAQ,GAEV,EAME,IAAQ,EAA2C,GAAA,aAAE,EAErD,IAAQ,GA2CR,IAAkB,QAAkC;GACxD,IAAM,IAAI,EAAM;AACZ,aAAM,KAAA,EACV,QAAO,EAAa,EAAE,GAAG,EAAE,SAAS;IACpC,EAEI,IAAiB,QAAkC;GACvD,IAAM,IAAI,EAAM;AAChB,UAAO,EAAa,EAAE,GAAG,EAAE,SAAS,KAAA;IACpC,EAEI,IAAuB,QAA0C;GACrE,IAAM,IAAU,EAAgB;AAC3B,SACL,QAAO,EAAM,SAAS,MAAM,MAAM,EAAY,EAAE,KAAK,GAAS,GAAK,CAAC;IACpE,EAEI,IAAa,SAAgB,EAAqB,OAAO,SAAS,UAAU,KAAK,EAAE,EAMnF,IAAgB,QAA2C;GAC/D,IAAM,IAAU,EAAqB,OAAO;AAE5C,UADK,IACE,CACL;IAAE,OAAO,EAAM;IAAe,OAAO;IAAM,EAC3C,GAAG,EAAQ,KAAK,OAAO;IAAE,OAAO,EAAE;IAAO,OAAO,EAAE;IAAK,EAA8B,CACtF,GAJoB,EAAE;IAKvB,EAEI,IAAc,QAA6B,EAAe,SAAS,KAAK;EAE9E,SAAS,EAAU,GAA4B,GAA2B;AACxE,KAAM,QAAQ,MAAY,KAAA,IAAY,KAAA,IAAY,EAAiB,GAAS,EAAO;;EAGrF,SAAS,EAAgB,GAA4B;AACnD,KAAU,GAAS,KAAA,EAAU;;EAG/B,SAAS,EAAe,GAAiC;GACvD,IAAM,IAAU,EAAgB;AAC3B,QACL,EAAU,GAAS,KAAS,KAAA,EAAU;;yBAKtC,EA2BM,OA3BN,GA2BM,CA1BJ,EAgBgB,EAAA,EAAA,EAAA;GAfb,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,QAAQ,EAAA;GACR,0BAAwB,EAAA;GACxB,OAAO,EAAA;GACP,aAAa,EAAA;GACb,WAAW,EAAA;GACX,UAAU,EAAA;GACV,UAAU,EAAA;GACV,uBAAoB;kBAEL,EAAM,UAAA;SAAU;eACP,CAAvB,EAAuB,EAAA,QAAA,WAAA,EAAA,EAAA,KAAA,GAAA,GAAA,CAAA,CAAA;;;;;;;;;;;;;MAInB,EAAA,SAAA,GAAA,EADR,EAQE,EAAA,EAAA,EAAA;;GANC,eAAa,EAAA;GACb,SAAS,EAAA;GACT,OAAO,EAAA;GACP,aAAa,EAAA;GACb,UAAU,EAAA;GACV,uBAAoB"}

package/dist/components/PlDatasetSelector/__tests__/PlDatasetSelector.jsdomtest.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PlDatasetSelector.jsdomtest.d.ts.map

package/dist/components/PlDatasetSelector/__tests__/PlDatasetSelector.jsdomtest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlDatasetSelector.jsdomtest.d.ts","sourceRoot":"","sources":["../../../../src/components/PlDatasetSelector/__tests__/PlDatasetSelector.jsdomtest.ts"],"names":[],"mappings":""}

package/dist/components/PlDatasetSelector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PlDatasetSelector } from './PlDatasetSelector.vue';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/PlDatasetSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PlDatasetSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/components/PlDatasetSelector/index.js

@@ -0,0 +1 @@
+import "./PlDatasetSelector.js";

package/dist/index.js

@@ -9,11 +9,11 @@ import x from "./components/PlAgGridColumnManager/PlAgGridColumnManager.js";
 import S from "./components/PlAdvancedFilter/PlAdvancedFilter.js";
 import { PlAdvancedFilterSupportedFilters as C } from "./components/PlAdvancedFilter/index.js";
 import w from "./components/PlTableFilters/PlTableFiltersV2.js";
-import { DeferredCircular as T, ensureNodeVisible as ee } from "./components/PlAgDataTable/sources/focus-row.js";
-import E from "./components/PlAgColumnHeader/PlAgColumnHeader.js";
-import D from "./components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.js";
-import { defaultMainMenuItems as O } from "./components/PlAgDataTable/sources/menu-items.js";
-import k from "./components/PlAgDataTable/PlAgOverlayLoading.js";
+import { DeferredCircular as T, ensureNodeVisible as E } from "./components/PlAgDataTable/sources/focus-row.js";
+import D from "./components/PlAgColumnHeader/PlAgColumnHeader.js";
+import O from "./components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.js";
+import { defaultMainMenuItems as k } from "./components/PlAgDataTable/sources/menu-items.js";
+import ee from "./components/PlAgDataTable/PlAgOverlayLoading.js";
 import A from "./components/PlAgDataTable/PlAgOverlayNoRows.js";
 import { AgGridTheme as j } from "./AgGridVue/AgGridTheme.js";
 import M from "./components/PlAgDataTable/PlAgDataTableV2.js";
@@ -29,17 +29,18 @@ import { deselectAll as V, getSelectedRowsCount as H, getTotalRowsCount as U, is
 import K from "./components/PlAnnotations/components/PlAnnotations.js";
 import q from "./components/PlAnnotations/components/PlAnnotationsModal.js";
 import J from "./components/PlBtnExportArchive/PlBtnExportArchive.js";
-import { usePlugin as Y } from "./usePlugin.js";
-import { defineStore as X } from "./defineStore.js";
-import { activateAgGrid as Z } from "./composition/AgGrid/index.js";
-import { objectHash as Q } from "./objectHash.js";
-import { computedResult as $ } from "./computedResult.js";
-import { ReactiveFileContent as te } from "./composition/fileContent.js";
+import Y from "./components/PlDatasetSelector/PlDatasetSelector.js";
+import { usePlugin as X } from "./usePlugin.js";
+import { defineStore as Z } from "./defineStore.js";
+import { activateAgGrid as Q } from "./composition/AgGrid/index.js";
+import { objectHash as $ } from "./objectHash.js";
+import { computedResult as te } from "./computedResult.js";
+import { ReactiveFileContent as ne } from "./composition/fileContent.js";
 import "./lib.js";
-import { setAutoFreeze as ne } from "immer";
+import { setAutoFreeze as re } from "immer";
 export * from "@milaboratories/uikit";
-ne(!1);
+re(!1);
 //#endregion
-export { j as AgGridTheme, g as BlockLayout, T as DeferredCircular, e as MultiError, S as PlAdvancedFilterComponent, C as PlAdvancedFilterSupportedFilters, I as PlAgCellFile, P as PlAgCellProgress, z as PlAgCellStatusTag, R as PlAgChartHistogramCell, L as PlAgChartStackedBarCell, E as PlAgColumnHeader, _ as PlAgCsvExporter, v as PlAgDataTableRowNumberColId, M as PlAgDataTableV2, x as PlAgGridColumnManager, k as PlAgOverlayLoading, A as PlAgOverlayNoRows, D as PlAgTextAndButtonCell, K as PlAnnotations, q as PlAnnotationsModal, J as PlBtnExportArchive, M as PlDataTableV2, w as PlTableFiltersV2, te as ReactiveFileContent, t as UnresolvedError, Z as activateAgGrid, y as autoSizeRowNumberColumn, $ as computedResult, F as createAgGridColDef, u as createModel, O as defaultMainMenuItems, d as defineApp, f as defineAppV3, X as defineStore, V as deselectAll, n as ensureError, ee as ensureNodeVisible, r as ensureOutputHasStableFlag, i as formatZodError, H as getSelectedRowsCount, U as getTotalRowsCount, a as identity, o as isDefined, W as isSelectionEnabled, s as isZodError, b as makeRowNumberColDef, Q as objectHash, p as pluginDataKey, G as selectAll, c as unwrapOutput, B as useAgGridOptions, m as useFeatureFlags, N as usePlDataTableSettingsV2, Y as usePlugin, h as useSdkPlugin, l as wrapOptionalResult };
+export { j as AgGridTheme, g as BlockLayout, T as DeferredCircular, e as MultiError, S as PlAdvancedFilterComponent, C as PlAdvancedFilterSupportedFilters, I as PlAgCellFile, P as PlAgCellProgress, z as PlAgCellStatusTag, R as PlAgChartHistogramCell, L as PlAgChartStackedBarCell, D as PlAgColumnHeader, _ as PlAgCsvExporter, v as PlAgDataTableRowNumberColId, M as PlAgDataTableV2, x as PlAgGridColumnManager, ee as PlAgOverlayLoading, A as PlAgOverlayNoRows, O as PlAgTextAndButtonCell, K as PlAnnotations, q as PlAnnotationsModal, J as PlBtnExportArchive, M as PlDataTableV2, Y as PlDatasetSelector, w as PlTableFiltersV2, ne as ReactiveFileContent, t as UnresolvedError, Q as activateAgGrid, y as autoSizeRowNumberColumn, te as computedResult, F as createAgGridColDef, u as createModel, k as defaultMainMenuItems, d as defineApp, f as defineAppV3, Z as defineStore, V as deselectAll, n as ensureError, E as ensureNodeVisible, r as ensureOutputHasStableFlag, i as formatZodError, H as getSelectedRowsCount, U as getTotalRowsCount, a as identity, o as isDefined, W as isSelectionEnabled, s as isZodError, b as makeRowNumberColDef, $ as objectHash, p as pluginDataKey, G as selectAll, c as unwrapOutput, B as useAgGridOptions, m as useFeatureFlags, N as usePlDataTableSettingsV2, X as usePlugin, h as useSdkPlugin, l as wrapOptionalResult };
 
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { setAutoFreeze } from \"immer\";\n\nsetAutoFreeze(false);\n\nexport * from \"./lib\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,GAAc,GAAM"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { setAutoFreeze } from \"immer\";\n\nsetAutoFreeze(false);\n\nexport * from \"./lib\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,GAAc,GAAM"}

package/dist/lib.d.ts

@@ -18,6 +18,7 @@ export * from './components/PlTableFilters';
 export * from './components/PlAnnotations';
 export * from './components/PlBtnExportArchive';
 export * from './components/PlAdvancedFilter';
+export * from './components/PlDatasetSelector';
 export * from './defineApp';
 export { usePlugin } from './usePlugin';
 export type { PluginState } from './usePlugin';

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,cAAc,aAAa,CAAC;AAE5B,cAAc,+BAA+B,CAAC;AAE9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AAErD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAE9B,cAAc,sBAAsB,CAAC;AAErC,cAAc,SAAS,CAAC;AAExB,cAAc,cAAc,CAAC;AAE7B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,uBAAuB,CAAC;AAEtC,mBAAmB,uBAAuB,CAAC"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gDAAgD,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,kDAAkD,CAAC;AAEhG,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3D,cAAc,aAAa,CAAC;AAE5B,cAAc,+BAA+B,CAAC;AAE9C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qCAAqC,CAAC;AACpD,cAAc,sCAAsC,CAAC;AAErD,cAAc,4BAA4B,CAAC;AAE3C,cAAc,8BAA8B,CAAC;AAE7C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,gCAAgC,CAAC;AAE/C,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC;AAE9B,cAAc,eAAe,CAAC;AAE9B,cAAc,SAAS,CAAC;AAExB,cAAc,eAAe,CAAC;AAE9B,cAAc,sBAAsB,CAAC;AAErC,cAAc,SAAS,CAAC;AAExB,cAAc,cAAc,CAAC;AAE7B,cAAc,kBAAkB,CAAC;AAEjC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,uBAAuB,CAAC;AAEtC,mBAAmB,uBAAuB,CAAC"}

package/dist/lib.js

@@ -44,6 +44,8 @@ import "./components/PlAnnotations/components/PlAnnotationsModal.js";
 import "./components/PlAnnotations/index.js";
 import "./components/PlBtnExportArchive/PlBtnExportArchive.js";
 import "./components/PlBtnExportArchive/index.js";
+import "./components/PlDatasetSelector/PlDatasetSelector.js";
+import "./components/PlDatasetSelector/index.js";
 import "./usePlugin.js";
 import "./defineStore.js";
 import "./composition/AgGrid/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.66.2",
+  "version": "1.67.0",
   "type": "module",
   "main": "dist/index.js",
   "exports": {
@@ -26,10 +26,10 @@
     "lru-cache": "^11.2.2",
     "vue": "^3.5.24",
     "zod": "~3.25.76",
-    "@milaboratories/pl-model-common": "1.34.1",
-    "@milaboratories/pf-spec-driver": "1.3.2",
-    "@milaboratories/uikit": "2.12.8",
-    "@platforma-sdk/model": "1.66.2"
+    "@milaboratories/pf-spec-driver": "1.3.3",
+    "@milaboratories/pl-model-common": "1.35.0",
+    "@platforma-sdk/model": "1.67.0",
+    "@milaboratories/uikit": "2.12.9"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
@@ -37,16 +37,18 @@
     "@vitest/coverage-istanbul": "^4.1.3",
     "@vue/test-utils": "^2.4.6",
     "fast-json-patch": "^3.1.1",
+    "jsdom": "^25.0.1",
+    "resize-observer-polyfill": "^1.5.1",
     "rollup-plugin-sourcemaps2": "^0.5.2",
     "sass": "~1.83.4",
     "semver": "^7.7.2",
     "typescript": "~5.9.3",
     "vite": "^8.0.6",
     "vitest": "^4.1.3",
-    "@milaboratories/ts-builder": "1.3.2",
     "@milaboratories/helpers": "1.14.1",
+    "@milaboratories/build-configs": "2.0.0",
     "@milaboratories/ts-configs": "1.2.3",
-    "@milaboratories/build-configs": "2.0.0"
+    "@milaboratories/ts-builder": "1.3.2"
   },
   "scripts": {
     "dev": "ts-builder serve --target browser-lib",

package/src/__tests__/setup.ts

@@ -0,0 +1,10 @@
+import ResizeObserver from "resize-observer-polyfill";
+globalThis.ResizeObserver = ResizeObserver;
+
+// CSS.paintWorklet is not available in jsdom — uikit's PlPlaceholder
+// accesses it at module load time.
+if (typeof globalThis.CSS === "undefined") {
+  (globalThis as Record<string, unknown>).CSS = { paintWorklet: { addModule: () => {} } };
+} else if (!("paintWorklet" in globalThis.CSS)) {
+  (globalThis.CSS as Record<string, unknown>).paintWorklet = { addModule: () => {} };
+}

package/src/components/PlDatasetSelector/PlDatasetSelector.vue

@@ -0,0 +1,164 @@
+<script lang="ts">
+/**
+ * Select a dataset and (optionally) a filter column, emitting a `PrimaryRef`.
+ *
+ * Behaves like {@link PlDropdownRef} when none of the offered datasets carry
+ * filter options. When the selected dataset has compatible filters, a second
+ * dropdown appears with the filters plus a "No filter" entry.
+ *
+ * Accepts `PrimaryRef | PlRef | undefined` as `modelValue` (a plain `PlRef`
+ * is treated as an unfiltered dataset), but always emits `PrimaryRef`
+ * (or `undefined` when cleared).
+ */
+export default {
+  name: "PlDatasetSelector",
+};
+</script>
+
+<script lang="ts" setup>
+import type { DatasetOption, PlRef, PrimaryRef } from "@platforma-sdk/model";
+import { createPrimaryRef, isPrimaryRef, plRefsEqual } from "@platforma-sdk/model";
+import type { ListOption } from "@milaboratories/uikit";
+import { PlDropdown, PlDropdownRef } from "@milaboratories/uikit";
+import { computed } from "vue";
+
+const slots = defineSlots<{
+  tooltip?: () => unknown;
+}>();
+
+/**
+ * v-model value. Accepts `PrimaryRef`, plain `PlRef` (treated as unfiltered),
+ * or `undefined`. Writes always emit `PrimaryRef` or `undefined`.
+ */
+const model = defineModel<PrimaryRef | PlRef | undefined>();
+
+const props = withDefaults(
+  defineProps<{
+    /** Available datasets, each optionally carrying compatible filter choices. */
+    options?: Readonly<DatasetOption[]>;
+    /** Label above the dataset dropdown. */
+    label?: string;
+    /** Helper text below the dataset dropdown (shown when there is no error). */
+    helper?: string;
+    /** Helper text shown while `options` is undefined (loading). */
+    loadingOptionsHelper?: string;
+    /** Error message displayed below the dataset dropdown. */
+    error?: unknown;
+    /** Placeholder when no dataset is selected. */
+    placeholder?: string;
+    /** Label above the filter dropdown. */
+    filterLabel?: string;
+    /** Placeholder for the filter dropdown. */
+    filterPlaceholder?: string;
+    /** Label of the "no filter" entry prepended to the filter options. */
+    noFilterLabel?: string;
+    /** Show a clear button on the dataset dropdown. */
+    clearable?: boolean;
+    /** Mark the dataset dropdown as required. */
+    required?: boolean;
+    /** Disable all interaction. */
+    disabled?: boolean;
+  }>(),
+  {
+    options: undefined,
+    label: undefined,
+    helper: undefined,
+    loadingOptionsHelper: undefined,
+    error: undefined,
+    placeholder: "...",
+    filterLabel: "",
+    filterPlaceholder: "...",
+    noFilterLabel: "No filter",
+    clearable: false,
+    required: false,
+    disabled: false,
+  },
+);
+
+const selectedDataset = computed<PlRef | undefined>(() => {
+  const v = model.value;
+  if (v === undefined) return undefined;
+  return isPrimaryRef(v) ? v.column : v;
+});
+
+const selectedFilter = computed<PlRef | undefined>(() => {
+  const v = model.value;
+  return isPrimaryRef(v) ? v.filter : undefined;
+});
+
+const currentDatasetOption = computed<DatasetOption | undefined>(() => {
+  const dataset = selectedDataset.value;
+  if (!dataset) return undefined;
+  return props.options?.find((o) => plRefsEqual(o.ref, dataset, true));
+});
+
+const hasFilters = computed(() => (currentDatasetOption.value?.filters?.length ?? 0) > 0);
+
+/**
+ * Filter dropdown options. The first entry (`null`) is the "No filter" choice —
+ * null distinguishes it from `undefined` (dropdown clear button, disabled here).
+ */
+const filterOptions = computed<ListOption<PlRef | null>[]>(() => {
+  const filters = currentDatasetOption.value?.filters;
+  if (!filters) return [];
+  return [
+    { label: props.noFilterLabel, value: null } as ListOption<PlRef | null>,
+    ...filters.map((f) => ({ label: f.label, value: f.ref }) as ListOption<PlRef | null>),
+  ];
+});
+
+const filterValue = computed<PlRef | null>(() => selectedFilter.value ?? null);
+
+function emitValue(dataset: PlRef | undefined, filter: PlRef | undefined) {
+  model.value = dataset === undefined ? undefined : createPrimaryRef(dataset, filter);
+}
+
+function onDatasetChange(dataset: PlRef | undefined) {
+  emitValue(dataset, undefined);
+}
+
+function onFilterChange(value: PlRef | null | undefined) {
+  const dataset = selectedDataset.value;
+  if (!dataset) return;
+  emitValue(dataset, value ?? undefined);
+}
+</script>
+
+<template>
+  <div class="pl-dataset-selector">
+    <PlDropdownRef
+      :model-value="selectedDataset"
+      :options="options"
+      :label="label"
+      :helper="helper"
+      :loading-options-helper="loadingOptionsHelper"
+      :error="error"
+      :placeholder="placeholder"
+      :clearable="clearable"
+      :required="required"
+      :disabled="disabled"
+      @update:model-value="onDatasetChange"
+    >
+      <template v-if="slots.tooltip" #tooltip>
+        <slot name="tooltip" />
+      </template>
+    </PlDropdownRef>
+    <PlDropdown
+      v-if="hasFilters"
+      :model-value="filterValue"
+      :options="filterOptions"
+      :label="filterLabel"
+      :placeholder="filterPlaceholder"
+      :disabled="disabled"
+      @update:model-value="onFilterChange"
+    />
+  </div>
+</template>
+
+<style scoped>
+.pl-dataset-selector {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+</style>

package/src/components/PlDatasetSelector/__tests__/PlDatasetSelector.jsdomtest.ts

@@ -0,0 +1,257 @@
+import { flushPromises, mount } from "@vue/test-utils";
+import type { DatasetOption, PrimaryRef } from "@platforma-sdk/model";
+import { createPlRef, createPrimaryRef } from "@platforma-sdk/model";
+import { describe, expect, it } from "vitest";
+import PlDatasetSelector from "../PlDatasetSelector.vue";
+
+const datasetA = createPlRef("1", "out-a", true);
+const datasetB = createPlRef("2", "out-b", true);
+const filterA1 = createPlRef("1", "filter-a1");
+const filterA2 = createPlRef("1", "filter-a2");
+
+const optionsWithFilters: DatasetOption[] = [
+  {
+    label: "Dataset A",
+    ref: datasetA,
+    filters: [
+      { label: "Top 1000", ref: filterA1 },
+      { label: "High quality", ref: filterA2 },
+    ],
+  },
+  // Dataset B has no filters — filter dropdown must stay hidden.
+  { label: "Dataset B", ref: datasetB },
+];
+
+const datasetC = createPlRef("3", "out-c", true);
+
+const optionsNoFilters: DatasetOption[] = [{ label: "Dataset B", ref: datasetB }];
+
+const optionsWithEmptyFilters: DatasetOption[] = [
+  { label: "Dataset C", ref: datasetC, filters: [] },
+];
+
+async function pickOption(index: number) {
+  const options = [...document.body.querySelectorAll(".dropdown-list-item")] as HTMLElement[];
+  options[index].click();
+  await flushPromises();
+}
+
+describe("PlDatasetSelector", () => {
+  it("renders a single dropdown when no dataset has filters", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: undefined, options: optionsNoFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    const selector = wrapper.find(".pl-dataset-selector");
+    expect(selector.exists()).toBe(true);
+    // Only PlDropdownRef is rendered — no filter dropdown.
+    expect(selector.element.children.length).toBe(1);
+    wrapper.unmount();
+  });
+
+  it("shows the filter dropdown when the selected dataset has filters", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: createPrimaryRef(datasetA), options: optionsWithFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    expect(wrapper.find(".pl-dataset-selector").element.children.length).toBe(2);
+    wrapper.unmount();
+  });
+
+  it("hides the filter dropdown when the selected dataset has no filters", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: createPrimaryRef(datasetB), options: optionsWithFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    expect(wrapper.find(".pl-dataset-selector").element.children.length).toBe(1);
+    wrapper.unmount();
+  });
+
+  it("emits PrimaryRef with filter: undefined when dataset changes", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: createPrimaryRef(datasetA, filterA1),
+        options: optionsWithFilters,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    // Open the dataset dropdown (the first input — dataset comes first).
+    const inputs = wrapper.findAll("input");
+    await inputs[0].trigger("focus");
+
+    // Dataset A is already selected (index 0); pick Dataset B (index 1).
+    await pickOption(1);
+
+    const emitted = wrapper.emitted("update:modelValue");
+    expect(emitted).toBeDefined();
+    const last = emitted![emitted!.length - 1][0] as PrimaryRef;
+    expect(last).toEqual({ __isPrimaryRef: "v1", column: datasetB });
+    wrapper.unmount();
+  });
+
+  it("emits PrimaryRef with filter set when a filter is picked", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: createPrimaryRef(datasetA),
+        options: optionsWithFilters,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    // Open the filter dropdown — it's the second input in the component.
+    const inputs = wrapper.findAll("input");
+    expect(inputs.length).toBe(2);
+    await inputs[1].trigger("focus");
+
+    // Options are: [No filter, Top 1000, High quality]. Pick "Top 1000" (index 1).
+    await pickOption(1);
+
+    const emitted = wrapper.emitted("update:modelValue");
+    expect(emitted).toBeDefined();
+    const last = emitted![emitted!.length - 1][0] as PrimaryRef;
+    expect(last).toEqual({ __isPrimaryRef: "v1", column: datasetA, filter: filterA1 });
+    wrapper.unmount();
+  });
+
+  it("emits PrimaryRef with filter: undefined when 'No filter' is picked", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: createPrimaryRef(datasetA, filterA1),
+        options: optionsWithFilters,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    const inputs = wrapper.findAll("input");
+    await inputs[1].trigger("focus");
+    // Pick "No filter" (index 0).
+    await pickOption(0);
+
+    const emitted = wrapper.emitted("update:modelValue");
+    expect(emitted).toBeDefined();
+    const last = emitted![emitted!.length - 1][0] as PrimaryRef;
+    expect(last).toEqual({ __isPrimaryRef: "v1", column: datasetA });
+    expect("filter" in last).toBe(false);
+    wrapper.unmount();
+  });
+
+  it("accepts plain PlRef as modelValue for backward compat (filterless dataset)", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: datasetB, options: optionsWithFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    expect(wrapper.find(".pl-dataset-selector").element.children.length).toBe(1);
+    wrapper.unmount();
+  });
+
+  it("accepts plain PlRef as modelValue for backward compat (dataset with filters)", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: datasetA, options: optionsWithFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    // PlRef matching dataset A — filter dropdown should appear since A has filters.
+    expect(wrapper.find(".pl-dataset-selector").element.children.length).toBe(2);
+    wrapper.unmount();
+  });
+
+  it("hides filter dropdown when dataset has filters: [] (empty array)", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: { modelValue: createPrimaryRef(datasetC), options: optionsWithEmptyFilters },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    expect(wrapper.find(".pl-dataset-selector").element.children.length).toBe(1);
+    wrapper.unmount();
+  });
+
+  it("filter dropdown defaults to 'No filter' when dataset has filters but none selected", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: createPrimaryRef(datasetA),
+        options: optionsWithFilters,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    // No emission on mount — the component does not auto-select a filter.
+    expect(wrapper.emitted("update:modelValue")).toBeUndefined();
+
+    // Filter dropdown is visible.
+    const inputs = wrapper.findAll("input");
+    expect(inputs.length).toBe(2);
+
+    // Open filter dropdown and verify "No filter" is the first option.
+    await inputs[1].trigger("focus");
+    const items = document.body.querySelectorAll(".dropdown-list-item");
+    expect(items.length).toBe(3); // No filter, Top 1000, High quality
+    expect(items[0].textContent).toContain("No filter");
+    wrapper.unmount();
+  });
+
+  it("emits PrimaryRef without filter key when selecting a filterless dataset", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: undefined,
+        options: optionsNoFilters,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    const inputs = wrapper.findAll("input");
+    await inputs[0].trigger("focus");
+    await pickOption(0);
+
+    const emitted = wrapper.emitted("update:modelValue");
+    expect(emitted).toBeDefined();
+    const last = emitted![emitted!.length - 1][0] as PrimaryRef;
+    expect(last).toEqual({ __isPrimaryRef: "v1", column: datasetB });
+    expect("filter" in last).toBe(false);
+    wrapper.unmount();
+  });
+
+  it("emits undefined when cleared via the dataset dropdown", async () => {
+    const wrapper = mount(PlDatasetSelector, {
+      props: {
+        modelValue: createPrimaryRef(datasetA, filterA1),
+        options: optionsWithFilters,
+        clearable: true,
+        "onUpdate:modelValue": (e) => wrapper.setProps({ modelValue: e }),
+      },
+      attachTo: document.body,
+    });
+    await flushPromises();
+
+    // PlDropdown's clear button carries the ".clear" class.
+    const clearBtn = wrapper.find(".clear");
+    expect(clearBtn.exists()).toBe(true);
+    await clearBtn.trigger("click");
+
+    const emitted = wrapper.emitted("update:modelValue");
+    expect(emitted).toBeDefined();
+    const last = emitted![emitted!.length - 1][0];
+    expect(last).toBeUndefined();
+    wrapper.unmount();
+  });
+});

package/src/components/PlDatasetSelector/index.ts

@@ -0,0 +1 @@
+export { default as PlDatasetSelector } from "./PlDatasetSelector.vue";

package/src/lib.ts

@@ -33,6 +33,8 @@ export * from "./components/PlBtnExportArchive";
 
 export * from "./components/PlAdvancedFilter";
 
+export * from "./components/PlDatasetSelector";
+
 export * from "./defineApp";
 
 export { usePlugin } from "./usePlugin";

package/vitest.config.mts

@@ -3,8 +3,30 @@ import { defineConfig } from "vitest/config";
 
 export default defineConfig(
   createVitestVueConfig({
+    resolve: {
+      conditions: ["sources"],
+    },
     test: {
       includeSource: ["src/**/*.{js,ts}"],
+      setupFiles: ["./src/__tests__/setup.ts"],
+      projects: [
+        {
+          extends: true,
+          test: {
+            name: "node",
+            environment: "node",
+            include: ["src/**/*.test.ts"],
+          },
+        },
+        {
+          extends: true,
+          test: {
+            name: "jsdom",
+            environment: "jsdom",
+            include: ["src/**/*.jsdomtest.ts"],
+          },
+        },
+      ],
     },
   }),
 );