npm - @platforma-sdk/ui-vue - Versions diffs - 1.83.0 → 1.83.1 - Mend

@platforma-sdk/ui-vue 1.83.0 → 1.83.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (98) hide show

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,13 +1,162 @@
  WARN  Issue while reading "/home/runner/_work/platforma/platforma/.npmrc". Failed to replace env in config: ${NPMJS_TOKEN}
-> @platforma-sdk/ui-vue@1.83.0 build /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.83.1 build /home/runner/_work/platforma/platforma/sdk/ui-vue
 > ts-builder build --target browser-lib
 Building browser-lib project...
 ↳ vite.js build --config /configs/vite.browser-lib.config.js --mode production
 [36mvite v8.0.6 [32mbuilding client environment for production...[36m[39m
 [warn] `inlineDynamicImports` option is deprecated, please use `codeSplitting: false` instead.
-[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2742: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to '.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'ColumnEventName' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[7m4[0m export function useGridColumns(props: { api: GridApi }) {
+[7m [0m [91m                ~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'ColumnInstanceId' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[7m4[0m export function useGridColumns(props: { api: GridApi }) {
+[7m [0m [91m                ~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'HeaderColumnId' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[7m4[0m export function useGridColumns(props: { api: GridApi }) {
+[7m [0m [91m                ~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAdvancedFilter/FilterEditor.test.ts[0m:[93m37[0m:[93m33[0m - [91merror[0m[90m TS2307: [0mCannot find module './FilterEditor.vue' or its corresponding type declarations.
+[7m37[0m let FilterEditor: typeof import("./FilterEditor.vue").default;
+[7m  [0m [91m                                ~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAdvancedFilter/FilterEditor.test.ts[0m:[93m46[0m:[93m32[0m - [91merror[0m[90m TS2307: [0mCannot find module './FilterEditor.vue' or its corresponding type declarations.
+[7m46[0m   FilterEditor = (await import("./FilterEditor.vue")).default;
+[7m  [0m [91m                               ~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAdvancedFilter/index.ts[0m:[93m9[0m:[93m54[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAdvancedFilter.vue' or its corresponding type declarations.
+[7m9[0m export { default as PlAdvancedFilterComponent } from "./PlAdvancedFilter.vue";
+[7m [0m [91m                                                     ~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgCellFile/index.ts[0m:[93m1[0m:[93m41[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgCellFile.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgCellFile } from "./PlAgCellFile.vue";
+[7m [0m [91m                                        ~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgCellProgress/index.ts[0m:[93m1[0m:[93m45[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgCellProgress.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgCellProgress } from "./PlAgCellProgress.vue";
+[7m [0m [91m                                            ~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgCellStatusTag/index.ts[0m:[93m1[0m:[93m46[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgCellStatusTag.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgCellStatusTag } from "./PlAgCellStatusTag.vue";
+[7m [0m [91m                                             ~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgChartHistogramCell/index.ts[0m:[93m1[0m:[93m51[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgChartHistogramCell.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgChartHistogramCell } from "./PlAgChartHistogramCell.vue";
+[7m [0m [91m                                                  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgChartStackedBarCell/index.ts[0m:[93m1[0m:[93m52[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgChartStackedBarCell.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgChartStackedBarCell } from "./PlAgChartStackedBarCell.vue";
+[7m [0m [91m                                                   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgColumnHeader/index.ts[0m:[93m1[0m:[93m45[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgColumnHeader.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgColumnHeader } from "./PlAgColumnHeader.vue";
+[7m [0m [91m                                            ~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgCsvExporter/index.ts[0m:[93m1[0m:[93m44[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgCsvExporter.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgCsvExporter } from "./PlAgCsvExporter.vue";
+[7m [0m [91m                                           ~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/compositions/useGrid.ts[0m:[93m18[0m:[93m30[0m - [91merror[0m[90m TS2307: [0mCannot find module '../PlAgOverlayLoading.vue' or its corresponding type declarations.
+[7m18[0m import PlOverlayLoading from "../PlAgOverlayLoading.vue";
+[7m  [0m [91m                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/compositions/useGrid.ts[0m:[93m19[0m:[93m29[0m - [91merror[0m[90m TS2307: [0mCannot find module '../PlAgOverlayNoRows.vue' or its corresponding type declarations.
+[7m19[0m import PlOverlayNoRows from "../PlAgOverlayNoRows.vue";
+[7m  [0m [91m                            ~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/index.ts[0m:[93m5[0m:[93m42[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgDataTableV2.vue' or its corresponding type declarations.
+[7m5[0m export { default as PlDataTableV2 } from "./PlAgDataTableV2.vue";
+[7m [0m [91m                                         ~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/index.ts[0m:[93m6[0m:[93m47[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgOverlayLoading.vue' or its corresponding type declarations.
+[7m6[0m export { default as PlAgOverlayLoading } from "./PlAgOverlayLoading.vue";
+[7m [0m [91m                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/index.ts[0m:[93m7[0m:[93m46[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgOverlayNoRows.vue' or its corresponding type declarations.
+[7m7[0m export { default as PlAgOverlayNoRows } from "./PlAgOverlayNoRows.vue";
+[7m [0m [91m                                             ~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgDataTable/sources/row-number.ts[0m:[93m10[0m:[93m30[0m - [91merror[0m[90m TS2307: [0mCannot find module '../../PlAgRowNumHeader.vue' or its corresponding type declarations.
+[7m10[0m import PlAgRowNumHeader from "../../PlAgRowNumHeader.vue";
+[7m  [0m [91m                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/index.ts[0m:[93m1[0m:[93m50[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgGridColumnManager.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgGridColumnManager } from "./PlAgGridColumnManager.vue";
+[7m [0m [91m                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgRowNumCheckbox/index.ts[0m:[93m1[0m:[93m47[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgRowNumCheckbox.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgRowNumCheckbox } from "./PlAgRowNumCheckbox.vue";
+[7m [0m [91m                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgTextAndButtonCell/index.ts[0m:[93m1[0m:[93m50[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAgTextAndButtonCell.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAgTextAndButtonCell } from "./PlAgTextAndButtonCell.vue";
+[7m [0m [91m                                                 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAnnotations/index.ts[0m:[93m1[0m:[93m42[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/PlAnnotations.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAnnotations } from "./components/PlAnnotations.vue";
+[7m [0m [91m                                         ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAnnotations/index.ts[0m:[93m2[0m:[93m47[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/PlAnnotationsModal.vue' or its corresponding type declarations.
+[7m2[0m export { default as PlAnnotationsModal } from "./components/PlAnnotationsModal.vue";
+[7m [0m [91m                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAppErrorNotificationAlert/index.ts[0m:[93m1[0m:[93m56[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlAppErrorNotificationAlert.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlAppErrorNotificationAlert } from "./PlAppErrorNotificationAlert.vue";
+[7m [0m [91m                                                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlBtnExportArchive/index.ts[0m:[93m1[0m:[93m47[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlBtnExportArchive.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlBtnExportArchive } from "./PlBtnExportArchive.vue";
+[7m [0m [91m                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlDatasetSelector/__tests__/PlDatasetSelector.jsdomtest.ts[0m:[93m5[0m:[93m31[0m - [91merror[0m[90m TS2307: [0mCannot find module '../PlDatasetSelector.vue' or its corresponding type declarations.
+[7m5[0m import PlDatasetSelector from "../PlDatasetSelector.vue";
+[7m [0m [91m                              ~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlDatasetSelector/index.ts[0m:[93m1[0m:[93m46[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlDatasetSelector.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlDatasetSelector } from "./PlDatasetSelector.vue";
+[7m [0m [91m                                             ~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlTableFastSearch/index.ts[0m:[93m1[0m:[93m46[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlTableFastSearch.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlTableFastSearch } from "./PlTableFastSearch.vue";
+[7m [0m [91m                                             ~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlTableFilters/index.ts[0m:[93m1[0m:[93m45[0m - [91merror[0m[90m TS2307: [0mCannot find module './PlTableFiltersV2.vue' or its corresponding type declarations.
+[7m1[0m export { default as PlTableFiltersV2 } from "./PlTableFiltersV2.vue";
+[7m [0m [91m                                            ~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/lib.ts[0m:[93m3[0m:[93m40[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/BlockLayout.vue' or its corresponding type declarations.
+[7m3[0m export { default as BlockLayout } from "./components/BlockLayout.vue";
+[7m [0m [91m                                       ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/lib.ts[0m:[93m4[0m:[93m44[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/PlAgDataTable/PlAgDataTableV2.vue' or its corresponding type declarations.
+[7m4[0m export { default as PlAgDataTableV2 } from "./components/PlAgDataTable/PlAgDataTableV2.vue";
+[7m [0m [91m                                           ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/lib.ts[0m:[93m5[0m:[93m47[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/PlAgDataTable/PlAgOverlayLoading.vue' or its corresponding type declarations.
+[7m5[0m export { default as PlAgOverlayLoading } from "./components/PlAgDataTable/PlAgOverlayLoading.vue";
+[7m [0m [91m                                              ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/lib.ts[0m:[93m6[0m:[93m46[0m - [91merror[0m[90m TS2307: [0mCannot find module './components/PlAgDataTable/PlAgOverlayNoRows.vue' or its corresponding type declarations.
+[7m6[0m export { default as PlAgOverlayNoRows } from "./components/PlAgDataTable/PlAgOverlayNoRows.vue";
+[7m [0m [91m                                             ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/plugins/Monetization/index.ts[0m:[93m1[0m:[93m33[0m - [91merror[0m[90m TS2307: [0mCannot find module './MonetizationSidebar.vue' or its corresponding type declarations.
+[7m1[0m import MonetizationSidebar from "./MonetizationSidebar.vue";
+[7m [0m [91m                                ~~~~~~~~~~~~~~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'ColumnEventName' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[7m4[0m export function useGridColumns(props: { api: GridApi }) {
+[7m [0m [91m                ~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'ColumnInstanceId' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
+[7m4[0m export function useGridColumns(props: { api: GridApi }) {
+[7m [0m [91m                ~~~~~~~~~~~~~~[0m
+[96msrc/components/PlAgGridColumnManager/useGridColumns.ts[0m:[93m4[0m:[93m17[0m - [91merror[0m[90m TS2883: [0mThe inferred type of 'useGridColumns' cannot be named without a reference to 'HeaderColumnId' from '../../../../../node_modules/.pnpm/ag-grid-community@34.1.2/node_modules/ag-grid-community/dist/types/src/interfaces/iColumn'. This is likely not portable. A type annotation is necessary.
 [7m4[0m export function useGridColumns(props: { api: GridApi }) {
 [7m [0m [91m                ~~~~~~~~~~~~~~[0m
@@ -15,8 +164,8 @@ Building browser-lib project...
 [2K
 rendering chunks...
-[vite:dts] Start generate declaration files...
-[vite:dts] Declaration files built in 5030ms.
+[unplugin:dts] Start generate declaration files...
+[unplugin:dts] Declaration files built in 2954ms.
 computing gzip size...
 dist/components/PlAnnotations/components/PlAnnotations.vue?vue&type=style&index=0&lang.css                       0.04 kB │ gzip:  0.06 kB
@@ -119,7 +268,7 @@ dist/components/BlockLayout.js
 dist/plugins/Monetization/EndOfPeriod.js                                                                         0.34 kB │ gzip:  0.24 kB │ map:  1.21 kB
 dist/components/PlAdvancedFilter/FilterEditor.js                                                                 0.35 kB │ gzip:  0.24 kB │ map: 17.62 kB
 dist/components/PlAdvancedFilter/OperandButton.js                                                                0.35 kB │ gzip:  0.24 kB │ map:  1.31 kB
-dist/components/PlAnnotations/components/FilterSidebar.js                                                        0.35 kB │ gzip:  0.24 kB │ map:  5.40 kB
+dist/components/PlAnnotations/components/FilterSidebar.js                                                        0.35 kB │ gzip:  0.24 kB │ map:  5.42 kB
 dist/components/PlAnnotations/components/PlAnnotations.js                                                        0.35 kB │ gzip:  0.24 kB │ map:  3.11 kB
 dist/components/PlAgDataTable/PlAgDataTableV2.js                                                                 0.35 kB │ gzip:  0.25 kB │ map: 24.08 kB
 dist/plugins/Monetization/UserCabinetCard.js                                                                     0.35 kB │ gzip:  0.24 kB │ map:  3.00 kB
@@ -129,7 +278,7 @@ dist/components/PlTableFilters/PlTableFiltersV2.js
 dist/components/PlAgCellStatusTag/PlAgCellStatusTag.js                                                           0.36 kB │ gzip:  0.20 kB │ map:  0.74 kB
 dist/components/PlBtnExportArchive/PlBtnExportArchive.js                                                         0.36 kB │ gzip:  0.24 kB │ map:  7.17 kB
 dist/components/PlAgDataTable/PlAgDataTableSheets.js                                                             0.37 kB │ gzip:  0.25 kB │ map:  3.61 kB
-dist/components/PlAnnotations/components/AnnotationsSidebar.js                                                   0.37 kB │ gzip:  0.24 kB │ map:  4.56 kB
+dist/components/PlAnnotations/components/AnnotationsSidebar.js                                                   0.37 kB │ gzip:  0.24 kB │ map:  4.58 kB
 dist/components/PlAnnotations/components/PlAnnotationsModal.js                                                   0.37 kB │ gzip:  0.24 kB │ map:  1.36 kB
 dist/components/PlAgGridColumnManager/PlAgGridColumnManager.js                                                   0.37 kB │ gzip:  0.25 kB │ map:  4.71 kB
 dist/lib/util/helpers/dist/strings.js                                                                            0.39 kB │ gzip:  0.27 kB │ map:  4.11 kB
@@ -209,9 +358,9 @@ dist/components/PlAgCsvExporter/export-csv.js
 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
 dist/components/PlAgGridColumnManager/PlAgGridColumnManager.vue_vue_type_script_setup_true_lang.js               3.83 kB │ gzip:  1.64 kB │ map:  6.89 kB
-dist/components/PlAnnotations/components/AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js               3.89 kB │ gzip:  1.61 kB │ map:  6.51 kB
+dist/components/PlAnnotations/components/AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js               3.89 kB │ gzip:  1.61 kB │ map:  6.54 kB
 dist/plugins/Monetization/MonetizationSidebar.vue_vue_type_script_setup_true_lang.js                             3.96 kB │ gzip:  1.71 kB │ map:  5.71 kB
-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/components/PlAnnotations/components/FilterSidebar.vue_vue_type_script_setup_true_lang.js                    3.98 kB │ gzip:  1.57 kB │ map:  7.45 kB
 dist/AgGridVue/useAgGridOptions.js                                                                               4.23 kB │ gzip:  1.32 kB │ map: 14.12 kB
 dist/index.js                                                                                                    4.50 kB │ gzip:  1.36 kB │ map:  0.25 kB
 dist/components/PlTableFilters/PlTableFiltersV2.vue_vue_type_script_setup_true_lang.js                           4.90 kB │ gzip:  2.02 kB │ map:  9.61 kB
@@ -221,15 +370,15 @@ dist/internal/createAppV3.js
 dist/components/PlAgDataTable/sources/table-source-v2.js                                                         7.59 kB │ gzip:  2.88 kB │ map: 27.20 kB
 dist/components/PlAdvancedFilter/PlAdvancedFilter.vue_vue_type_script_setup_true_lang.js                         8.57 kB │ gzip:  2.60 kB │ map: 18.58 kB
 dist/components/PlAdvancedFilter/FilterEditor.vue_vue_type_script_setup_true_lang.js                            10.58 kB │ gzip:  3.14 kB │ map: 24.73 kB
-dist/components/PlAgDataTable/PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js                            12.81 kB │ gzip:  4.02 kB │ map: 32.00 kB
+dist/components/PlAgDataTable/PlAgDataTableV2.vue_vue_type_script_setup_true_lang.js                            12.79 kB │ gzip:  4.02 kB │ map: 32.00 kB
 [33m[33m[PLUGIN_TIMINGS] Warning:[0m Your build spent significant time in plugins. Here is a breakdown:
-  - sourcemaps (25%)
-  - vite:dts (23%)
-  - vite:css-post (19%)
-  - vite:vue (12%)
-  - vite:css (7%)
+  - sourcemaps (41%)
+  - unplugin-dts (15%)
+  - vite:css-post (13%)
+  - vite:vue (10%)
+  - vite:css (6%)
 See https://rolldown.rs/options/checks#plugintimings for more details.
 [39m
-[32m✓ built in 6.05s[39m
+[32m✓ built in 3.83s[39m
 Build completed successfully

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

@@ -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.83.0 formatter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.83.1 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 2365ms on 129 files using 16 threads.
+Finished in 1463ms on 129 files using 16 threads.
 Format check completed successfully

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

@@ -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.83.0 linter:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.83.1 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 32ms on 112 files with 108 rules using 16 threads.
+Finished in 33ms on 112 files with 108 rules using 16 threads.
 Linting completed successfully

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

@@ -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.83.0 types:check /home/runner/_work/platforma/platforma/sdk/ui-vue
+> @platforma-sdk/ui-vue@1.83.1 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 ,
+↳ vue-tsc-ts6.cjs --noEmit --project ./tsconfig.json --customConditions default

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,29 @@
 # @platforma-sdk/ui-vue
+## 1.83.1
+### Patch Changes
+- c5af077: Support TypeScript 7 (the native compiler) across the build toolchain.
+  TS7 no longer exposes the classic JS Compiler API that Volar-based tooling
+  requires, so:
+  - ts-builder runs `vue-tsc` against the official `@typescript/typescript6`
+    bridge, passes a TS7-compatible `--customConditions` value (a bare `,` is
+    parsed as a source file on TS7), provides an explicit `fs` to
+    `@vue/compiler-sfc` (`ts.sys` is gone on TS7), and uses `Bundler`
+    `moduleResolution` for declaration emit.
+  - build-configs provides the same explicit `fs` to the vitest Vue config so
+    SFC-compiling tests pass on TS7.
+  - ui-vue's `AnnotationsSidebar`/`FilterSidebar` title/label handlers accept
+    `string | undefined`, matching `PlEditableTitle`'s model emit type.
+  - @milaboratories/columns-collection-driver@0.2.4
+  - @milaboratories/pl-model-common@1.48.0
+  - @milaboratories/pf-spec-driver@1.5.1
+  - @milaboratories/uikit@2.15.26
+  - @platforma-sdk/model@1.83.0
 ## 1.83.0
 ### Minor Changes

package/dist/components/PlAgDataTable/PlAgDataTableV2.vue2.js CHANGED Viewed

@@ -33,7 +33,7 @@ var j = /* @__PURE__ */ h({
 		runningText: {},
 		notReadyText: {},
 		noRowsText: {},
-		cellRendererSelector: { type: Function }
+		cellRendererSelector: {}
 	}, {
 		modelValue: { required: !0 },
 		modelModifiers: {},

package/dist/components/PlAgDataTable/compositions/useFilterableColumns.d.ts CHANGED Viewed

@@ -5,13 +5,13 @@ import { PlAgDataTableV2Row } from '../types';
 export declare function useFilterableColumns(getSourceId: () => string | null, getColumnDefs: () => null | undefined | ColDef<PlAgDataTableV2Row, PTableValue | PTableHidden>[]): readonly [import('vue').Ref<({
     type: "axis";
     id: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
     };
     spec: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
@@ -20,7 +20,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
     };
 } | {
     type: "column";
-    id: import('@platforma-sdk/model').ColumnUniversalId;
+    id: import('@milaboratories/pl-model-common').ColumnUniversalId;
     spec: {
         readonly kind: "PColumn";
         readonly name: string;
@@ -30,7 +30,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
         readonly valueType: "Int" | "Long" | "Float" | "Double" | "String" | "Bytes";
         readonly parentAxes?: number[] | undefined;
         readonly axesSpec: {
-            readonly type: import('@platforma-sdk/model').AxisValueType;
+            readonly type: import('@milaboratories/pl-model-common').AxisValueType;
             readonly name: string;
             readonly domain?: Record<string, string> | undefined;
             readonly contextDomain?: Record<string, string> | undefined;
@@ -41,13 +41,13 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
 })[], PTableColumnSpec[] | ({
     type: "axis";
     id: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
     };
     spec: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
@@ -56,7 +56,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
     };
 } | {
     type: "column";
-    id: import('@platforma-sdk/model').ColumnUniversalId;
+    id: import('@milaboratories/pl-model-common').ColumnUniversalId;
     spec: {
         readonly kind: "PColumn";
         readonly name: string;
@@ -66,7 +66,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
         readonly valueType: "Int" | "Long" | "Float" | "Double" | "String" | "Bytes";
         readonly parentAxes?: number[] | undefined;
         readonly axesSpec: {
-            readonly type: import('@platforma-sdk/model').AxisValueType;
+            readonly type: import('@milaboratories/pl-model-common').AxisValueType;
             readonly name: string;
             readonly domain?: Record<string, string> | undefined;
             readonly contextDomain?: Record<string, string> | undefined;
@@ -77,13 +77,13 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
 })[]>, import('vue').Ref<({
     type: "axis";
     id: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
     };
     spec: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
@@ -92,7 +92,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
     };
 } | {
     type: "column";
-    id: import('@platforma-sdk/model').ColumnUniversalId;
+    id: import('@milaboratories/pl-model-common').ColumnUniversalId;
     spec: {
         readonly kind: "PColumn";
         readonly name: string;
@@ -102,7 +102,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
         readonly valueType: "Int" | "Long" | "Float" | "Double" | "String" | "Bytes";
         readonly parentAxes?: number[] | undefined;
         readonly axesSpec: {
-            readonly type: import('@platforma-sdk/model').AxisValueType;
+            readonly type: import('@milaboratories/pl-model-common').AxisValueType;
             readonly name: string;
             readonly domain?: Record<string, string> | undefined;
             readonly contextDomain?: Record<string, string> | undefined;
@@ -113,13 +113,13 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
 })[], PTableColumnSpec[] | ({
     type: "axis";
     id: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
     };
     spec: {
-        readonly type: import('@platforma-sdk/model').AxisValueType;
+        readonly type: import('@milaboratories/pl-model-common').AxisValueType;
         readonly name: string;
         readonly domain?: Record<string, string> | undefined;
         readonly contextDomain?: Record<string, string> | undefined;
@@ -128,7 +128,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
     };
 } | {
     type: "column";
-    id: import('@platforma-sdk/model').ColumnUniversalId;
+    id: import('@milaboratories/pl-model-common').ColumnUniversalId;
     spec: {
         readonly kind: "PColumn";
         readonly name: string;
@@ -138,7 +138,7 @@ export declare function useFilterableColumns(getSourceId: () => string | null, g
         readonly valueType: "Int" | "Long" | "Float" | "Double" | "String" | "Bytes";
         readonly parentAxes?: number[] | undefined;
         readonly axesSpec: {
-            readonly type: import('@platforma-sdk/model').AxisValueType;
+            readonly type: import('@milaboratories/pl-model-common').AxisValueType;
             readonly name: string;
             readonly domain?: Record<string, string> | undefined;
             readonly contextDomain?: Record<string, string> | undefined;

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

	@@ -1 +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 { 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":""}
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 { 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 \| undefined) {\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 CHANGED Viewed

	@@ -1 +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 { 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":""}
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 { 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 \| undefined) {\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.vue2.js CHANGED Viewed

@@ -23,7 +23,7 @@ var C = /* @__PURE__ */ l({
 		}
 		function D(e) {
 			E((t) => {
-				t.title = e;
+				t.title = e ?? "";
 			});
 		}
 		function O(e) {

package/dist/components/PlAnnotations/components/AnnotationsSidebar.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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":";;;;;;;;;;;;;;;;;;;EAiBA,IAAM,IAAQ,GAOR,IAAQ;EAId,SAAS,EAAwB,GAAsC;AACrE,KAAM,mBAAmB,EAAQ,EAAM,YAAY,EAAQ,CAAC;;EAG9D,SAAS,EAAY,~~GAAe~~;~~AAClC~~,MAAyB,MAAU;AACjC,MAAM,QAAQ;~~KACd~~;;EAGJ,SAAS,EAAY,GAA4B;AAC/C,MAAyB,MAAU;AACjC,MAAM,QAAQ;KACd;;EAGJ,SAAS,EAAmB,GAAe;AACzC,MAAyB,MAAU;AACjC,MAAM,eAAe,MAAU,KAAK,KAAA,IAAY;KAChD;;EAGJ,SAAS,IAAgB;GACvB,IAAM,IAAK,GAAW;AAYtB,GAXA,GAAyB,MAAU;AACjC,MAAM,MAAM,KAAK;KACf;KACA,OAAO;KACP,QAAQ;MACN,IAAI,GAAW;MACf,MAAM;MACN,SAAS,EAAE;MACZ;KACF,CAAC;KACF,EACF,EAAM,uBAAuB,EAAG;;yBAKhC,EA2DgB,EAAA,EAAA,EAAA,MAAA,EAAA;GA1DH,kBAAc,QAUrB,CATF,EASE,EAAA,EAAA,EAAA;IARC,eAAa,EAAM,WAAW;IAC9B,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAM,WAAW,MAAM,WAAM,GAAA,CAAA;IAC/D,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAM,WAAW,MAAM,WAAM;IACxC,UAAU,EAAA,EAAa;IACvB,uBAAoB;;;;;;;GAuCd,kBAAc,QAQV,CAPb,EAOa,EAAA,EAAA,EAAA;IANX,MAAK;IACL,SAAA;IACC,UAAU,EAAM,WAAW,MAAM,WAAM;IACvC,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAK,gBAAA,EAAA,CAAA,OAAA,CAAA;;qBAGpB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,mBAED,GAAA,CAAA,CAAA,CAAA;;;;MA5Cc,EAAM,aAAA;SAAa;eAkC3B,CAjCN,EAiCM,OAAA,EAjCA,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAM,WAAW,MAAM,WAAM,GAAA,CAAA,CAAA,EAAA,EAAA;IACjF,EAEO,QAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,IAAG,EAAA,EAAE,4EAE1B,EAAA;IACA,EAYgB,EAAA,EAAA,EAAA;KAXb,OAAO,EAAM,WAAW;KACxB,iBAAe,MAAS,EAAK;KAC7B,cAAY,MAAS,EAAK,OAAO,EAAM;KACvC,cAAYA,EAAAA,OAAO;KACnB,OAAK,EAAEA,EAAAA,OAAO,MAAK;KACnB,kBAAc;KACd,aAAU,AAAA,EAAA,QAAG,MAAS,EAAM,uBAAuB,EAAK,GAAE;;KAEhD,cAAU,GACH,EADO,cAAI,CAAA,EAAA,EACxB,EAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAIjB,EAA8E,EAAA,EAAA,EAAA;KAA9D,MAAK;KAAO,SAAO;;sBAA0B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAX,eAAW,GAAA,CAAA,CAAA,CAAA;;;IAE7D,EAYE,EAAA,EAAA,EAAA;KAXC,OAAK,EAAA,CAAgBA,EAAAA,OAAO,cAAA,GAA6BA,EAAAA,OAAO,oBAAoB,EAAA,EAAO,CAAC,EAAM,WAAW,aAAY,EAAA,CAAA,CAAA;KAIzH,eAAa,EAAM,WAAW,gBAAY;KAC3C,OAAM;KACN,aAAY;KACZ,WAAA;KACA,QAAO;KACN,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,uBAAoB"}
1	+ {"version":3,"file":"AnnotationsSidebar.vue_vue_type_script_setup_true_lang.js","names":["$style"],"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 \| undefined) {\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":";;;;;;;;;;;;;;;;;;;EAiBA,IAAM,IAAQ,GAOR,IAAQ;EAId,SAAS,EAAwB,GAAsC;AACrE,KAAM,mBAAmB,EAAQ,EAAM,YAAY,EAAQ,CAAC;;EAG9D,SAAS,EAAY,GAA2B;AAC9C,MAAyB,MAAU;AACjC,MAAM,QAAQ,KAAS;KACvB;;EAGJ,SAAS,EAAY,GAA4B;AAC/C,MAAyB,MAAU;AACjC,MAAM,QAAQ;KACd;;EAGJ,SAAS,EAAmB,GAAe;AACzC,MAAyB,MAAU;AACjC,MAAM,eAAe,MAAU,KAAK,KAAA,IAAY;KAChD;;EAGJ,SAAS,IAAgB;GACvB,IAAM,IAAK,GAAW;AAYtB,GAXA,GAAyB,MAAU;AACjC,MAAM,MAAM,KAAK;KACf;KACA,OAAO;KACP,QAAQ;MACN,IAAI,GAAW;MACf,MAAM;MACN,SAAS,EAAE;MACZ;KACF,CAAC;KACF,EACF,EAAM,uBAAuB,EAAG;;yBAKhC,EA2DgB,EAAA,EAAA,EAAA,MAAA,EAAA;GA1DH,kBAAc,QAUrB,CATF,EASE,EAAA,EAAA,EAAA;IARC,eAAa,EAAM,WAAW;IAC9B,OAAK,EAAA,GAAK,EAAA,EAAY,CAAC,WAAW,EAAM,WAAW,MAAM,WAAM,GAAA,CAAA;IAC/D,cAAY;IACb,aAAU;IACV,aAAY;IACX,WAAW,EAAM,WAAW,MAAM,WAAM;IACxC,UAAU,EAAA,EAAa;IACvB,uBAAoB;;;;;;;GAuCd,kBAAc,QAQV,CAPb,EAOa,EAAA,EAAA,EAAA;IANX,MAAK;IACL,SAAA;IACC,UAAU,EAAM,WAAW,MAAM,WAAM;IACvC,SAAK,AAAA,EAAA,OAAA,GAAA,MAAO,EAAK,gBAAA,EAAA,CAAA,OAAA,CAAA;;qBAGpB,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAFC,mBAED,GAAA,CAAA,CAAA,CAAA;;;;MA5Cc,EAAM,aAAA;SAAa;eAkC3B,CAjCN,EAiCM,OAAA,EAjCA,OAAK,EAAA,CAAGA,EAAAA,OAAO,MAAI,GAAK,EAAA,EAAY,CAAC,WAAW,EAAM,WAAW,MAAM,WAAM,GAAA,CAAA,CAAA,EAAA,EAAA;IACjF,EAEO,QAAA,EAFA,OAAK,EAAEA,EAAAA,OAAO,IAAG,EAAA,EAAE,4EAE1B,EAAA;IACA,EAYgB,EAAA,EAAA,EAAA;KAXb,OAAO,EAAM,WAAW;KACxB,iBAAe,MAAS,EAAK;KAC7B,cAAY,MAAS,EAAK,OAAO,EAAM;KACvC,cAAYA,EAAAA,OAAO;KACnB,OAAK,EAAEA,EAAAA,OAAO,MAAK;KACnB,kBAAc;KACd,aAAU,AAAA,EAAA,QAAG,MAAS,EAAM,uBAAuB,EAAK,GAAE;;KAEhD,cAAU,GACH,EADO,cAAI,CAAA,EAAA,EACxB,EAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;IAIjB,EAA8E,EAAA,EAAA,EAAA;KAA9D,MAAK;KAAO,SAAO;;sBAA0B,CAAA,GAAA,AAAA,EAAA,OAAA,CAAA,EAAX,eAAW,GAAA,CAAA,CAAA,CAAA;;;IAE7D,EAYE,EAAA,EAAA,EAAA;KAXC,OAAK,EAAA,CAAgBA,EAAAA,OAAO,cAAA,GAA6BA,EAAAA,OAAO,oBAAoB,EAAA,EAAO,CAAC,EAAM,WAAW,aAAY,EAAA,CAAA,CAAA;KAIzH,eAAa,EAAM,WAAW,gBAAY;KAC3C,OAAM;KACN,aAAY;KACZ,WAAA;KACA,QAAO;KACN,SAAK,AAAA,EAAA,OAAA,QAAN,IAAW,CAAA,OAAA,CAAA;KACV,uBAAoB"}

package/dist/components/PlAnnotations/components/FilterSidebar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FilterSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n columns: PlAdvancedFilterItem[];\n\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 hasSelectedColumns?: boolean;\n getValuesForSelectedColumns?: () => Promise<\n undefined \| { columnId: PObjectId; values: string[] }\n >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { produce } from \"immer\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n PlAdvancedFilterItem,\n PlAdvancedFilterColumnId,\n PlAdvancedFilterSupportedFilters,\n PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\nimport { validateTitle } from \"../utils\";\n\nimport $commonStyle from \"./style.module.css\";\n\nconst props = defineProps<\n Props & {\n step: Filter;\n onUpdateStep: (step: Filter) => void;\n }\n>();\n\nconst withSelection = computed(() => {\n return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n\nfunction produceStepUpdate(updater: (draft: Filter) => void) {\n props.onUpdateStep(produce(props.step, updater));\n}\n\nfunction updateLabel(label: string) {\n produceStepUpdate((draft) => {\n draft.label = label;\n });\n}\n\nfunction updateFilter(filter: PlAdvancedFilter) {\n produceStepUpdate((draft) => {\n draft.filter = filter as typeof draft.filter;\n });\n}\n\nfunction addFilterPlaceholder() {\n if (props.columns.length === 0) return;\n produceStepUpdate((draft) => {\n draft.filter.filters.push({\n id: randomInt(),\n isExpanded: true,\n type: \"or\",\n filters: [\n {\n id: randomInt(),\n type: \"isNA\",\n column: props.columns[0].id as SUniversalPColumnId,\n },\n ],\n });\n });\n}\n\nasync function addFilterFromSelected() {\n if (props.hasSelectedColumns === undefined \|\| props.getValuesForSelectedColumns === undefined)\n return;\n\n const data = await props.getValuesForSelectedColumns();\n if (!data \|\| data.values.length === 0) return;\n\n const { columnId, values } = data;\n const shortReminder =\n values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n produceStepUpdate((draft) => {\n draft.filter.filters.push({\n id: randomInt(),\n name: `Selected list (${shortReminder})`,\n isExpanded: false,\n type: \"or\",\n filters: values.map((value, i) => ({\n id: i,\n type: \"patternEquals\",\n column: columnId as SUniversalPColumnId,\n value,\n })),\n });\n });\n}\n\nconst supportedFilters = [\n \"isNA\",\n \"isNotNA\",\n \"greaterThan\",\n \"greaterThanOrEqual\",\n \"lessThan\",\n \"lessThanOrEqual\",\n \"patternEquals\",\n \"patternNotEquals\",\n \"patternContainSubsequence\",\n \"patternNotContainSubsequence\",\n \"equal\",\n \"notEqual\",\n \"topN\",\n \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n <PlSidebarItem v-if=\"props.step\">\n <template #header-content>\n <PlEditableTitle\n :key=\"props.step.id\"\n :model-value=\"props.step.label\"\n :class=\"{ [$commonStyle.flashing]: props.step.label.length === 0 }\"\n :max-length=\"40\"\n max-width=\"600px\"\n placeholder=\"Label\"\n :autofocus=\"props.step.label.length === 0\"\n :validate=\"validateTitle\"\n @update:model-value=\"updateLabel\"\n />\n </template>\n <template #body-content>\n <PlAdvancedFilterComponent\n :class=\"[$style.root, { [$commonStyle.disabled]: props.step.label.length === 0 }]\"\n :options=\"props.columns\"\n :filters=\"props.step.filter as PlAdvancedFilter\"\n :on-update-filters=\"updateFilter\"\n :supported-filters=\"supportedFilters\"\n :get-suggest-options=\"props.getSuggestOptions\"\n :enable-dnd=\"false\"\n :enable-add-group-button=\"true\"\n >\n <template #add-group-buttons>\n <div :class=\"$style.actions\">\n <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n <PlBtnSecondary\n v-if=\"withSelection\"\n icon=\"add\"\n :disabled=\"props.hasSelectedColumns !== true\"\n @click=\"addFilterFromSelected\"\n >\n From selection\n </PlBtnSecondary>\n </div>\n </template>\n </PlAdvancedFilterComponent>\n </template>\n </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.actions {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n</style>\n"],"mappings":""}
1	+ {"version":3,"file":"FilterSidebar.js","names":[],"sources":["../../../../src/components/PlAnnotations/components/FilterSidebar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type Props = {\n columns: PlAdvancedFilterItem[];\n\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 hasSelectedColumns?: boolean;\n getValuesForSelectedColumns?: () => Promise<\n undefined \| { columnId: PObjectId; values: string[] }\n >;\n};\n</script>\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { produce } from \"immer\";\nimport { randomInt } from \"@milaboratories/helpers\";\nimport { PlBtnSecondary, PlEditableTitle, PlSidebarItem } from \"@milaboratories/uikit\";\nimport type { ListOptionBase, PObjectId, SUniversalPColumnId } from \"@platforma-sdk/model\";\n\nimport { PlAdvancedFilterComponent } from \"../../PlAdvancedFilter\";\nimport type {\n PlAdvancedFilterItem,\n PlAdvancedFilterColumnId,\n PlAdvancedFilterSupportedFilters,\n PlAdvancedFilter,\n} from \"../../PlAdvancedFilter\";\nimport type { Filter } from \"../types\";\nimport { validateTitle } from \"../utils\";\n\nimport $commonStyle from \"./style.module.css\";\n\nconst props = defineProps<\n Props & {\n step: Filter;\n onUpdateStep: (step: Filter) => void;\n }\n>();\n\nconst withSelection = computed(() => {\n return props.hasSelectedColumns !== undefined && props.getValuesForSelectedColumns !== undefined;\n});\n\nfunction produceStepUpdate(updater: (draft: Filter) => void) {\n props.onUpdateStep(produce(props.step, updater));\n}\n\nfunction updateLabel(label: string \| undefined) {\n produceStepUpdate((draft) => {\n draft.label = label ?? \"\";\n });\n}\n\nfunction updateFilter(filter: PlAdvancedFilter) {\n produceStepUpdate((draft) => {\n draft.filter = filter as typeof draft.filter;\n });\n}\n\nfunction addFilterPlaceholder() {\n if (props.columns.length === 0) return;\n produceStepUpdate((draft) => {\n draft.filter.filters.push({\n id: randomInt(),\n isExpanded: true,\n type: \"or\",\n filters: [\n {\n id: randomInt(),\n type: \"isNA\",\n column: props.columns[0].id as SUniversalPColumnId,\n },\n ],\n });\n });\n}\n\nasync function addFilterFromSelected() {\n if (props.hasSelectedColumns === undefined \|\| props.getValuesForSelectedColumns === undefined)\n return;\n\n const data = await props.getValuesForSelectedColumns();\n if (!data \|\| data.values.length === 0) return;\n\n const { columnId, values } = data;\n const shortReminder =\n values.slice(0, 3).join(\", \") + (values.length > 3 ? ` and ${values.length - 3} more` : \"\");\n\n produceStepUpdate((draft) => {\n draft.filter.filters.push({\n id: randomInt(),\n name: `Selected list (${shortReminder})`,\n isExpanded: false,\n type: \"or\",\n filters: values.map((value, i) => ({\n id: i,\n type: \"patternEquals\",\n column: columnId as SUniversalPColumnId,\n value,\n })),\n });\n });\n}\n\nconst supportedFilters = [\n \"isNA\",\n \"isNotNA\",\n \"greaterThan\",\n \"greaterThanOrEqual\",\n \"lessThan\",\n \"lessThanOrEqual\",\n \"patternEquals\",\n \"patternNotEquals\",\n \"patternContainSubsequence\",\n \"patternNotContainSubsequence\",\n \"equal\",\n \"notEqual\",\n \"topN\",\n \"bottomN\",\n] as (typeof PlAdvancedFilterSupportedFilters)[number][];\n</script>\n\n<template>\n <PlSidebarItem v-if=\"props.step\">\n <template #header-content>\n <PlEditableTitle\n :key=\"props.step.id\"\n :model-value=\"props.step.label\"\n :class=\"{ [$commonStyle.flashing]: props.step.label.length === 0 }\"\n :max-length=\"40\"\n max-width=\"600px\"\n placeholder=\"Label\"\n :autofocus=\"props.step.label.length === 0\"\n :validate=\"validateTitle\"\n @update:model-value=\"updateLabel\"\n />\n </template>\n <template #body-content>\n <PlAdvancedFilterComponent\n :class=\"[$style.root, { [$commonStyle.disabled]: props.step.label.length === 0 }]\"\n :options=\"props.columns\"\n :filters=\"props.step.filter as PlAdvancedFilter\"\n :on-update-filters=\"updateFilter\"\n :supported-filters=\"supportedFilters\"\n :get-suggest-options=\"props.getSuggestOptions\"\n :enable-dnd=\"false\"\n :enable-add-group-button=\"true\"\n >\n <template #add-group-buttons>\n <div :class=\"$style.actions\">\n <PlBtnSecondary icon=\"add\" @click=\"addFilterPlaceholder\"> Add Filter </PlBtnSecondary>\n <PlBtnSecondary\n v-if=\"withSelection\"\n icon=\"add\"\n :disabled=\"props.hasSelectedColumns !== true\"\n @click=\"addFilterFromSelected\"\n >\n From selection\n </PlBtnSecondary>\n </div>\n </template>\n </PlAdvancedFilterComponent>\n </template>\n </PlSidebarItem>\n</template>\n\n<style module>\n.root {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.actions {\n display: flex;\n flex-direction: row;\n gap: 12px;\n}\n</style>\n"],"mappings":""}