themelia-react-ui 2.0.1 → 2.0.3
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.
- package/CHANGELOG.md +317 -131
- package/README.md +25 -9
- package/THIRD_PARTY_NOTICES.md +7 -0
- package/dist/{accordion-B6a3vVgA.js → accordion-Cjb6sx0G.js} +14 -13
- package/dist/accordion-Cjb6sx0G.js.map +1 -0
- package/dist/action-menu-CllU52Mm.js +280 -0
- package/dist/action-menu-CllU52Mm.js.map +1 -0
- package/dist/affordance-geometry.generated-tF36bREk.js +140 -0
- package/dist/affordance-geometry.generated-tF36bREk.js.map +1 -0
- package/dist/ai-artifact-DvTwDVyL.js +1148 -0
- package/dist/ai-artifact-DvTwDVyL.js.map +1 -0
- package/dist/{app-shell-ZK5RWdo6.js → app-shell-C4FhvCqF.js} +5 -5
- package/dist/{app-shell-ZK5RWdo6.js.map → app-shell-C4FhvCqF.js.map} +1 -1
- package/dist/attachment-BxDfL2mw.js +246 -0
- package/dist/attachment-BxDfL2mw.js.map +1 -0
- package/dist/{auth-CYxKfo69.js → auth-BGua8ouh.js} +58 -54
- package/dist/auth-BGua8ouh.js.map +1 -0
- package/dist/{avatar-BBnEJIx8.js → avatar-DAPlDvhJ.js} +7 -7
- package/dist/avatar-DAPlDvhJ.js.map +1 -0
- package/dist/{badge-MrKVNzW9.js → badge-HpFqoqSY.js} +40 -40
- package/dist/badge-HpFqoqSY.js.map +1 -0
- package/dist/base/accordion.js +1 -1
- package/dist/base/action-menu.js +1 -1
- package/dist/base/attachment.js +1 -1
- package/dist/base/avatar.js +1 -1
- package/dist/base/badge.js +1 -1
- package/dist/base/batch-action-bar.js +1 -1
- package/dist/base/buttons.js +1 -1
- package/dist/base/cards.js +2 -2
- package/dist/base/carousel.js +40 -36
- package/dist/base/carousel.js.map +1 -1
- package/dist/base/cascader.js +92 -92
- package/dist/base/cascader.js.map +1 -1
- package/dist/base/chart.js +1 -1
- package/dist/base/choice-inputs.js +2 -2
- package/dist/base/code-block.js +1 -1
- package/dist/base/combobox.js +2 -2
- package/dist/base/command.js +1 -1
- package/dist/base/copyable.js +1 -1
- package/dist/base/date-pickers.js +2 -2
- package/dist/base/display.js +6 -6
- package/dist/base/feedback.js +3 -3
- package/dist/base/forms-numeric.js +1 -1
- package/dist/base/forms.js +2 -2
- package/dist/base/inline-edit.js +14 -14
- package/dist/base/inline-edit.js.map +1 -1
- package/dist/base/item.js +1 -1
- package/dist/base/media-gallery.js +1 -1
- package/dist/base/metadata-list.js +1 -1
- package/dist/base/navigation.js +6 -6
- package/dist/base/popover-menu.js +1 -1
- package/dist/base/popover.js +1 -1
- package/dist/base/qr-code.js +1 -1
- package/dist/base/repeaters.js +171 -176
- package/dist/base/repeaters.js.map +1 -1
- package/dist/base/sheet.js +1 -1
- package/dist/base/sidebar.js +1 -1
- package/dist/base/signature-pad.js +6 -6
- package/dist/base/skeleton.js +1 -1
- package/dist/base/spinner.js +79 -2
- package/dist/base/spinner.js.map +1 -0
- package/dist/base/structure.js +1 -1
- package/dist/base/table.js +1 -1
- package/dist/base/text-inputs.js +2 -2
- package/dist/base/toaster.js +46 -45
- package/dist/base/toaster.js.map +1 -1
- package/dist/base/tree.js +1 -1
- package/dist/base/upload-queue.js +1 -1
- package/dist/base/upload.js +3 -3
- package/dist/base/value-inputs.js +1 -1
- package/dist/{batch-action-bar-BZGDG-Si.js → batch-action-bar-DnUJ21NQ.js} +6 -5
- package/dist/batch-action-bar-DnUJ21NQ.js.map +1 -0
- package/dist/blocks/admin.js +42 -42
- package/dist/blocks/admin.js.map +1 -1
- package/dist/blocks/ai.js +260 -240
- package/dist/blocks/ai.js.map +1 -1
- package/dist/blocks/analytics/usage-card.js +1 -1
- package/dist/blocks/analytics.js +620 -585
- package/dist/blocks/analytics.js.map +1 -1
- package/dist/blocks/collaboration.js +1 -1
- package/dist/blocks/commerce/receipt.js +1 -1
- package/dist/blocks/commerce.js +1152 -1109
- package/dist/blocks/commerce.js.map +1 -1
- package/dist/blocks/data-display.js +2 -2
- package/dist/blocks/onboarding.js +48 -39
- package/dist/blocks/onboarding.js.map +1 -1
- package/dist/blocks/planning.js +13 -12
- package/dist/blocks/planning.js.map +1 -1
- package/dist/blocks/timelines.js +1 -1
- package/dist/{breadcrumbs-D5t7I023.js → breadcrumbs-C-oqs1sQ.js} +5 -5
- package/dist/breadcrumbs-C-oqs1sQ.js.map +1 -0
- package/dist/{button-QYwiyhD2.js → button-DVzspB_G.js} +2 -2
- package/dist/{button-QYwiyhD2.js.map → button-DVzspB_G.js.map} +1 -1
- package/dist/{buttons-SbIcm1HJ.js → buttons-DPZekJFu.js} +20 -15
- package/dist/buttons-DPZekJFu.js.map +1 -0
- package/dist/cards-BaBZR-AU.js +68 -0
- package/dist/cards-BaBZR-AU.js.map +1 -0
- package/dist/{chart-QfrARkXl.js → chart-ZOYyK2xG.js} +58 -55
- package/dist/chart-ZOYyK2xG.js.map +1 -0
- package/dist/{checkbox-DhB6K0bK.js → checkbox-AWIhNhmo.js} +2 -2
- package/dist/{checkbox-DhB6K0bK.js.map → checkbox-AWIhNhmo.js.map} +1 -1
- package/dist/{choice-inputs-t6w3ATNz.js → choice-inputs-CNHvARCJ.js} +49 -45
- package/dist/choice-inputs-CNHvARCJ.js.map +1 -0
- package/dist/{code-block-Dgbu-CU3.js → code-block-DeneBJR_.js} +8 -8
- package/dist/code-block-DeneBJR_.js.map +1 -0
- package/dist/{collapsible-D8AEGU1-.js → collapsible-C-_l4hpy.js} +3 -3
- package/dist/{collapsible-D8AEGU1-.js.map → collapsible-C-_l4hpy.js.map} +1 -1
- package/dist/{collection-content-uK16Grv0.js → collection-content-By56pLog.js} +3 -3
- package/dist/{collection-content-uK16Grv0.js.map → collection-content-By56pLog.js.map} +1 -1
- package/dist/combobox-DaHESuiL.js +355 -0
- package/dist/combobox-DaHESuiL.js.map +1 -0
- package/dist/{combobox-DLl0bfiq.js → combobox-Dxo2fAYQ.js} +289 -279
- package/dist/combobox-Dxo2fAYQ.js.map +1 -0
- package/dist/{command-kNR20o7x.js → command-C25VMRII.js} +7 -7
- package/dist/{command-kNR20o7x.js.map → command-C25VMRII.js.map} +1 -1
- package/dist/{comments-BpDuCUUu.js → comments-DD0DUPwJ.js} +114 -105
- package/dist/comments-DD0DUPwJ.js.map +1 -0
- package/dist/components/base/badge/badge.recipes.d.ts +1 -1
- package/dist/components/base/buttons/loader-button.d.ts +2 -1
- package/dist/components/base/cards/card.recipes.d.ts +2 -3
- package/dist/components/base/cards/partials/smart-card-skeleton.d.ts +3 -13
- package/dist/components/base/cards/smart-card.types.d.ts +11 -4
- package/dist/components/base/chart/chart.d.ts +2 -5
- package/dist/components/base/combobox/combobox-field.d.ts +16 -0
- package/dist/components/base/combobox/combobox.strings.d.ts +7 -0
- package/dist/components/base/combobox/index.d.ts +30 -4
- package/dist/components/base/forms/form-sizing.d.ts +11 -3
- package/dist/components/base/navigation/pagination.d.ts +5 -2
- package/dist/components/base/popover/popover.recipes.d.ts +15 -1
- package/dist/components/base/table/index.d.ts +9 -2
- package/dist/components/base/text-inputs/input-group.d.ts +2 -2
- package/dist/components/blocks/ai/ai-shimmer/ai-shimmer.d.ts +1 -1
- package/dist/components/blocks/ai/ai-shimmer/types.d.ts +3 -0
- package/dist/components/blocks/commerce/fulfillment-group/types.d.ts +3 -1
- package/dist/components/blocks/data-display/inline-stat/inline-stat.d.ts +16 -8
- package/dist/components/features/activities/partials/activity-marker.d.ts +6 -3
- package/dist/components/features/appointment-calendar/appointment-calendar.d.ts +5 -0
- package/dist/components/features/appointment-calendar/appointment-calendar.types.d.ts +220 -0
- package/dist/components/features/appointment-calendar/appointment-calendar.utils.d.ts +41 -0
- package/dist/components/features/appointment-calendar/index.d.ts +3 -0
- package/dist/components/features/appointment-calendar/partials/appointment-agenda.d.ts +32 -0
- package/dist/components/features/appointment-calendar/partials/appointment-month.d.ts +13 -0
- package/dist/components/features/combobox/combobox.strings.d.ts +15 -1
- package/dist/components/features/combobox/types.d.ts +4 -0
- package/dist/components/features/media-library/media-library.strings.d.ts +2 -0
- package/dist/components/features/rich-text-editor/index.d.ts +1 -1
- package/dist/components/features/rich-text-editor/rich-text-editor.recipes.d.ts +6 -0
- package/dist/components/features/rich-text-editor/rich-text-editor.types.d.ts +9 -1
- package/dist/components/features/table/table-header.d.ts +1 -1
- package/dist/components/features/table/table.strings.d.ts +55 -1
- package/dist/components/features/table/table.types.d.ts +17 -4
- package/dist/components/features/theme-tweaker/theme-tweaker.types.d.ts +5 -0
- package/dist/components/primitives/number.d.ts +4 -2
- package/dist/components/primitives/value.d.ts +3 -1
- package/dist/components/typography/text-link.d.ts +4 -0
- package/dist/components/ui/combobox-dismiss.d.ts +16 -0
- package/dist/components/ui/combobox.d.ts +16 -7
- package/dist/components/ui/dialog.d.ts +1 -1
- package/dist/components/ui/item.d.ts +8 -8
- package/dist/components/ui/popover.d.ts +1 -1
- package/dist/components/ui/sheet.d.ts +1 -1
- package/dist/components/ui/tabs.d.ts +1 -1
- package/dist/{containers-DmWiJa2I.js → containers-Mu1LMGV1.js} +2 -2
- package/dist/{containers-DmWiJa2I.js.map → containers-Mu1LMGV1.js.map} +1 -1
- package/dist/{copyable-B3Gwgdqc.js → copyable-ClBuk_UK.js} +4 -4
- package/dist/{copyable-B3Gwgdqc.js.map → copyable-ClBuk_UK.js.map} +1 -1
- package/dist/{data-display-DafIvCl5.js → data-display-DT_khPl_.js} +98 -87
- package/dist/data-display-DT_khPl_.js.map +1 -0
- package/dist/{date-BgK3bTdo.js → date-DCrsDTZc.js} +5 -5
- package/dist/{date-BgK3bTdo.js.map → date-DCrsDTZc.js.map} +1 -1
- package/dist/{date-picker-CF-DtUpF.js → date-picker-B2K3ucWn.js} +594 -593
- package/dist/date-picker-B2K3ucWn.js.map +1 -0
- package/dist/date-pickers-Ds8gLaoP.js +175 -0
- package/dist/date-pickers-Ds8gLaoP.js.map +1 -0
- package/dist/{display-DsQTVzMz.js → display-hAc1HjpI.js} +49 -49
- package/dist/display-hAc1HjpI.js.map +1 -0
- package/dist/dropdown-menu-Cl4X7L5S.js +193 -0
- package/dist/dropdown-menu-Cl4X7L5S.js.map +1 -0
- package/dist/editable-text-recipe-Cn61kEcv.js +10 -0
- package/dist/editable-text-recipe-Cn61kEcv.js.map +1 -0
- package/dist/features/activities.js +398 -375
- package/dist/features/activities.js.map +1 -1
- package/dist/features/ai-chat.js +188 -179
- package/dist/features/ai-chat.js.map +1 -1
- package/dist/features/appointment-calendar.js +683 -0
- package/dist/features/appointment-calendar.js.map +1 -0
- package/dist/features/async-preview.js +109 -107
- package/dist/features/async-preview.js.map +1 -1
- package/dist/features/combobox.js +1 -1
- package/dist/features/comments.js +1 -1
- package/dist/features/data-view.js +137 -137
- package/dist/features/data-view.js.map +1 -1
- package/dist/features/email-composer.js +255 -255
- package/dist/features/email-composer.js.map +1 -1
- package/dist/features/event-calendar.js +254 -248
- package/dist/features/event-calendar.js.map +1 -1
- package/dist/features/filters.js +1 -1
- package/dist/features/global-search.js +35 -32
- package/dist/features/global-search.js.map +1 -1
- package/dist/features/kanban.js +118 -117
- package/dist/features/kanban.js.map +1 -1
- package/dist/features/map.js +233 -231
- package/dist/features/map.js.map +1 -1
- package/dist/features/media-library.js +789 -775
- package/dist/features/media-library.js.map +1 -1
- package/dist/features/mentions.js +1 -1
- package/dist/features/overlays.js +1 -1
- package/dist/features/products.js +922 -902
- package/dist/features/products.js.map +1 -1
- package/dist/features/questionnaire.js +28 -24
- package/dist/features/questionnaire.js.map +1 -1
- package/dist/features/resource-assignment.js +18 -15
- package/dist/features/resource-assignment.js.map +1 -1
- package/dist/features/resource.js +12 -12
- package/dist/features/resource.js.map +1 -1
- package/dist/features/rich-text-editor.js +2 -2
- package/dist/features/schema-form.js +15 -13
- package/dist/features/schema-form.js.map +1 -1
- package/dist/features/suggestions.js +3 -3
- package/dist/features/sync.js +11 -5
- package/dist/features/sync.js.map +1 -1
- package/dist/features/table.js +1 -1
- package/dist/features/theme-tweaker.js +493 -489
- package/dist/features/theme-tweaker.js.map +1 -1
- package/dist/feedback-BYIhtitP.js +239 -0
- package/dist/feedback-BYIhtitP.js.map +1 -0
- package/dist/{field-affordance-recipes-qQeIf4lG.js → field-affordance-recipes-DZhnIL_Y.js} +11 -18
- package/dist/field-affordance-recipes-DZhnIL_Y.js.map +1 -0
- package/dist/{filters-BkHH53uv.js → filters-DJVAveHA.js} +589 -580
- package/dist/filters-DJVAveHA.js.map +1 -0
- package/dist/{form-field-DUt4UxSV.js → form-field-CwH9y77i.js} +6 -5
- package/dist/form-field-CwH9y77i.js.map +1 -0
- package/dist/{form-sizing-By94KzXE.js → form-sizing-BdP_Mf5p.js} +39 -44
- package/dist/form-sizing-BdP_Mf5p.js.map +1 -0
- package/dist/{forms-Bzha-Y3B.js → forms-B9G_xwzi.js} +8 -8
- package/dist/{forms-Bzha-Y3B.js.map → forms-B9G_xwzi.js.map} +1 -1
- package/dist/{forms-numeric-C0bvjRPZ.js → forms-numeric-B_jraJaQ.js} +309 -309
- package/dist/forms-numeric-B_jraJaQ.js.map +1 -0
- package/dist/{header-BOefOKd1.js → header-BSfIEWbI.js} +160 -153
- package/dist/header-BSfIEWbI.js.map +1 -0
- package/dist/{hooks-9k_TtmKh.js → hooks-ClH9thn4.js} +2 -2
- package/dist/{hooks-9k_TtmKh.js.map → hooks-ClH9thn4.js.map} +1 -1
- package/dist/{icon-badge-CAuKupo9.js → icon-badge-DYKIwvOV.js} +4 -4
- package/dist/{icon-badge-CAuKupo9.js.map → icon-badge-DYKIwvOV.js.map} +1 -1
- package/dist/index.js +3 -3
- package/dist/input-CZw8iU99.js +21 -0
- package/dist/input-CZw8iU99.js.map +1 -0
- package/dist/input-DQdEd0YD.js +263 -0
- package/dist/input-DQdEd0YD.js.map +1 -0
- package/dist/{interaction-recipes-CHr0dJUs.js → interaction-recipes-XR9ZpVYL.js} +2 -1
- package/dist/interaction-recipes-XR9ZpVYL.js.map +1 -0
- package/dist/item-K5_ghvze.js +275 -0
- package/dist/item-K5_ghvze.js.map +1 -0
- package/dist/layout/app-shell.js +1 -1
- package/dist/layout/auth.js +1 -1
- package/dist/layout/containers.js +1 -1
- package/dist/layout/header.js +1 -1
- package/dist/layout/hooks.js +1 -1
- package/dist/layout/navigation.js +1 -1
- package/dist/layout/page.js +1 -1
- package/dist/layout/settings.js +1 -1
- package/dist/layout/sidebar.js +2 -2
- package/dist/layout/workspace.js +1 -1
- package/dist/layout.js +10 -10
- package/dist/lib/affordance-geometry.generated.d.ts +71 -0
- package/dist/lib/editable-text-recipe.d.ts +4 -4
- package/dist/lib/field-affordance-recipes.d.ts +2 -2
- package/dist/lib/interaction-recipes.d.ts +5 -0
- package/dist/lib/theme-mode-css.d.ts +7 -0
- package/dist/lib/tone-recipes.d.ts +8 -0
- package/dist/lib/ui-provider/types.d.ts +2 -2
- package/dist/lib/use-popup-focus-recovery.d.ts +8 -0
- package/dist/lib/utils.js +1 -1
- package/dist/{media-gallery-DcTtAaeC.js → media-gallery-3zIVLMWH.js} +8 -8
- package/dist/media-gallery-3zIVLMWH.js.map +1 -0
- package/dist/{mentions-D-uyCh01.js → mentions-CGlEJ15c.js} +144 -142
- package/dist/mentions-CGlEJ15c.js.map +1 -0
- package/dist/{message-CdHgIWKf.js → message-DZ_ruyUV.js} +6 -5
- package/dist/message-DZ_ruyUV.js.map +1 -0
- package/dist/{metadata-list-X5rYAKSB.js → metadata-list-8N16ZMW_.js} +130 -119
- package/dist/metadata-list-8N16ZMW_.js.map +1 -0
- package/dist/{navigation-D3KwXmaq.js → navigation-Bnotn4AQ.js} +19 -19
- package/dist/navigation-Bnotn4AQ.js.map +1 -0
- package/dist/{navigation-HJf5zxlH.js → navigation-BzhHI3lo.js} +36 -35
- package/dist/navigation-BzhHI3lo.js.map +1 -0
- package/dist/{navigation-row-recipes-BVowojQw.js → navigation-row-recipes-BFLCk_Aq.js} +2 -2
- package/dist/{navigation-row-recipes-BVowojQw.js.map → navigation-row-recipes-BFLCk_Aq.js.map} +1 -1
- package/dist/{number-DMhe-Vsk.js → number-DbV1Dija.js} +36 -34
- package/dist/{number-DMhe-Vsk.js.map → number-DbV1Dija.js.map} +1 -1
- package/dist/{overflow-tab-bar-sQHXLlwQ.js → overflow-tab-bar-CWY7Nogn.js} +105 -103
- package/dist/overflow-tab-bar-CWY7Nogn.js.map +1 -0
- package/dist/{overlays-I0axtYA6.js → overlays-tMkF-VAN.js} +282 -278
- package/dist/overlays-tMkF-VAN.js.map +1 -0
- package/dist/{page-B5dTH9gE.js → page-CL9YeH_V.js} +8 -8
- package/dist/{page-B5dTH9gE.js.map → page-CL9YeH_V.js.map} +1 -1
- package/dist/{page-header-commands-DjzFEq3E.js → page-header-commands-DOb6WsfD.js} +5 -5
- package/dist/{page-header-commands-DjzFEq3E.js.map → page-header-commands-DOb6WsfD.js.map} +1 -1
- package/dist/pagination-BL25hu2s.js +158 -0
- package/dist/pagination-BL25hu2s.js.map +1 -0
- package/dist/{popover-Di55PyAI.js → popover-gnTOhbFM.js} +69 -66
- package/dist/popover-gnTOhbFM.js.map +1 -0
- package/dist/popover-menu-Cn9rUkdc.js +100 -0
- package/dist/popover-menu-Cn9rUkdc.js.map +1 -0
- package/dist/{popover.recipes-Bdyhj2db.js → popover.recipes-D3j8R8Yp.js} +17 -10
- package/dist/popover.recipes-D3j8R8Yp.js.map +1 -0
- package/dist/{primitives-B-CkiEMU.js → primitives-BFK08r9M.js} +45 -44
- package/dist/primitives-BFK08r9M.js.map +1 -0
- package/dist/primitives.js +4 -4
- package/dist/{progress-rnS8-uAW.js → progress-B1VnCT0K.js} +5 -5
- package/dist/{progress-rnS8-uAW.js.map → progress-B1VnCT0K.js.map} +1 -1
- package/dist/{receipt-D0oswZ0p.js → receipt-BVSOH3Xo.js} +9 -6
- package/dist/{receipt-D0oswZ0p.js.map → receipt-BVSOH3Xo.js.map} +1 -1
- package/dist/{rich-text-DvGulsNJ.js → rich-text-GOUyKQ-s.js} +3 -3
- package/dist/{rich-text-DvGulsNJ.js.map → rich-text-GOUyKQ-s.js.map} +1 -1
- package/dist/{rich-text-editor-sMU_Scqm.js → rich-text-editor-cRLC-eBK.js} +418 -426
- package/dist/rich-text-editor-cRLC-eBK.js.map +1 -0
- package/dist/rich-text-editor-toolbar-DfXg0-VC.js +94 -0
- package/dist/rich-text-editor-toolbar-DfXg0-VC.js.map +1 -0
- package/dist/{scroll-area-Bt_vXY2b.js → scroll-area-DcI-M1UT.js} +2 -2
- package/dist/{scroll-area-Bt_vXY2b.js.map → scroll-area-DcI-M1UT.js.map} +1 -1
- package/dist/{separator-C8DlRGwF.js → separator-BDV-Y648.js} +3 -3
- package/dist/{separator-C8DlRGwF.js.map → separator-BDV-Y648.js.map} +1 -1
- package/dist/{separator-CYHnjsAb.js → separator-Bom7NsGO.js} +2 -2
- package/dist/{separator-CYHnjsAb.js.map → separator-Bom7NsGO.js.map} +1 -1
- package/dist/services/actions.js +1 -1
- package/dist/{settings-CQW3b-Cu.js → settings-ybnjVwbd.js} +20 -19
- package/dist/settings-ybnjVwbd.js.map +1 -0
- package/dist/{sheet-4SEvVYzA.js → sheet-ijlsjq-n.js} +76 -73
- package/dist/sheet-ijlsjq-n.js.map +1 -0
- package/dist/{sidebar-C7WWR29L.js → sidebar-Db6gkh3U.js} +183 -182
- package/dist/sidebar-Db6gkh3U.js.map +1 -0
- package/dist/{sidebar-d7Dg80ln.js → sidebar-DkTO4VTO.js} +14 -13
- package/dist/{sidebar-d7Dg80ln.js.map → sidebar-DkTO4VTO.js.map} +1 -1
- package/dist/{skeleton-Cz890JZF.js → skeleton-Byjnt7qr.js} +3 -3
- package/dist/{skeleton-Cz890JZF.js.map → skeleton-Byjnt7qr.js.map} +1 -1
- package/dist/smart-card-DiC5aac3.js +604 -0
- package/dist/smart-card-DiC5aac3.js.map +1 -0
- package/dist/{structure-DC2dygdA.js → structure-BmisBK-3.js} +2 -2
- package/dist/{structure-DC2dygdA.js.map → structure-BmisBK-3.js.map} +1 -1
- package/dist/style.css +1 -1
- package/dist/table-BweFy_P9.js +1530 -0
- package/dist/table-BweFy_P9.js.map +1 -0
- package/dist/{table-CIKyLUsy.js → table-DsfzoUia.js} +75 -63
- package/dist/table-DsfzoUia.js.map +1 -0
- package/dist/{tabs-DwBJfjxX.js → tabs-CDocW5D1.js} +14 -13
- package/dist/tabs-CDocW5D1.js.map +1 -0
- package/dist/text-inputs-f9Ia-aCi.js +353 -0
- package/dist/text-inputs-f9Ia-aCi.js.map +1 -0
- package/dist/theme-mode-css-BB-_RYab.js +14 -0
- package/dist/theme-mode-css-BB-_RYab.js.map +1 -0
- package/dist/theme-scope-BJ6eE2xt.js +50 -0
- package/dist/theme-scope-BJ6eE2xt.js.map +1 -0
- package/dist/theme.css +285 -228
- package/dist/themes/green.css +16 -12
- package/dist/timelines-CwM_9IhD.js +457 -0
- package/dist/timelines-CwM_9IhD.js.map +1 -0
- package/dist/{tone-recipes-CPoExcTE.js → tone-recipes-BPsRAvhu.js} +5 -2
- package/dist/tone-recipes-BPsRAvhu.js.map +1 -0
- package/dist/{tooltip-CsfgrfS7.js → tooltip-yiRJUFjp.js} +4 -4
- package/dist/{tooltip-CsfgrfS7.js.map → tooltip-yiRJUFjp.js.map} +1 -1
- package/dist/{tree-BiKhg8AY.js → tree-WnKQzwbq.js} +9 -9
- package/dist/{tree-BiKhg8AY.js.map → tree-WnKQzwbq.js.map} +1 -1
- package/dist/typography/rich-text.js +1 -1
- package/dist/{typography-DTRkE9zL.js → typography-UTnveOEy.js} +6 -6
- package/dist/typography-UTnveOEy.js.map +1 -0
- package/dist/typography.js +2 -2
- package/dist/{ui-provider-1D_NSYzO.js → ui-provider-C_U0Xma4.js} +3 -3
- package/dist/ui-provider-C_U0Xma4.js.map +1 -0
- package/dist/ui-provider.js +2 -2
- package/dist/{upload-BO8-CLN6.js → upload-CXyxmQBP.js} +13 -12
- package/dist/upload-CXyxmQBP.js.map +1 -0
- package/dist/{upload-queue-EOC8g1gf.js → upload-queue-Boscubn9.js} +11 -9
- package/dist/upload-queue-Boscubn9.js.map +1 -0
- package/dist/{usage-card-obRaBskq.js → usage-card-BhO5eqkX.js} +53 -37
- package/dist/usage-card-BhO5eqkX.js.map +1 -0
- package/dist/use-popup-focus-recovery-C0QPvgOR.js +36 -0
- package/dist/use-popup-focus-recovery-C0QPvgOR.js.map +1 -0
- package/dist/{utils-l5LpDw2z.js → utils-BRhFDwuU.js} +59 -44
- package/dist/utils-BRhFDwuU.js.map +1 -0
- package/dist/{value-inputs-TAYMX111.js → value-inputs-TaX4OjNk.js} +268 -252
- package/dist/value-inputs-TaX4OjNk.js.map +1 -0
- package/dist/{value-typography-b8wpz1eX.js → value-typography-BP8OG6h5.js} +2 -2
- package/dist/{value-typography-b8wpz1eX.js.map → value-typography-BP8OG6h5.js.map} +1 -1
- package/dist/{workspace-DH0v0KcB.js → workspace-B-OEm3Kf.js} +34 -33
- package/dist/workspace-B-OEm3Kf.js.map +1 -0
- package/docs/consumer-skill/SKILL.md +3 -3
- package/docs/consumer-skill/references/agents-md.md +1 -1
- package/docs/consumer-skill/references/composition.md +8 -6
- package/docs/consumer-skill/references/installation.md +6 -0
- package/docs/consumer-skill/references/integration.md +4 -3
- package/docs/consumer-skill/references/public-api.json +105 -2
- package/docs/consumer-skill/references/review.md +7 -0
- package/docs/consumer-skill/references/theming.md +71 -6
- package/docs/consumer-skill/references/tokens.json +1 -1
- package/docs/consumer-skill/references/workflows.md +26 -0
- package/docs/consumer-skill/scripts/composition-policy.mjs +3 -2
- package/docs/consumer-skill/scripts/surface-policy.mjs +11 -0
- package/package.json +8 -4
- package/dist/accordion-B6a3vVgA.js.map +0 -1
- package/dist/action-menu-TzCoSlwL.js +0 -280
- package/dist/action-menu-TzCoSlwL.js.map +0 -1
- package/dist/affordance-geometry.generated-B5iu-Mkr.js +0 -69
- package/dist/affordance-geometry.generated-B5iu-Mkr.js.map +0 -1
- package/dist/ai-artifact-BMJdv-6q.js +0 -1115
- package/dist/ai-artifact-BMJdv-6q.js.map +0 -1
- package/dist/attachment-BtfhGm8i.js +0 -245
- package/dist/attachment-BtfhGm8i.js.map +0 -1
- package/dist/auth-CYxKfo69.js.map +0 -1
- package/dist/avatar-BBnEJIx8.js.map +0 -1
- package/dist/badge-MrKVNzW9.js.map +0 -1
- package/dist/batch-action-bar-BZGDG-Si.js.map +0 -1
- package/dist/breadcrumbs-D5t7I023.js.map +0 -1
- package/dist/buttons-SbIcm1HJ.js.map +0 -1
- package/dist/cards-CiiHpKYd.js +0 -66
- package/dist/cards-CiiHpKYd.js.map +0 -1
- package/dist/chart-QfrARkXl.js.map +0 -1
- package/dist/choice-inputs-t6w3ATNz.js.map +0 -1
- package/dist/code-block-Dgbu-CU3.js.map +0 -1
- package/dist/combobox-2Ic8N9bL.js +0 -278
- package/dist/combobox-2Ic8N9bL.js.map +0 -1
- package/dist/combobox-DLl0bfiq.js.map +0 -1
- package/dist/comments-BpDuCUUu.js.map +0 -1
- package/dist/data-display-DafIvCl5.js.map +0 -1
- package/dist/date-picker-CF-DtUpF.js.map +0 -1
- package/dist/date-pickers-BmzxJl5l.js +0 -174
- package/dist/date-pickers-BmzxJl5l.js.map +0 -1
- package/dist/display-DsQTVzMz.js.map +0 -1
- package/dist/dropdown-menu-E2qmdC7o.js +0 -193
- package/dist/dropdown-menu-E2qmdC7o.js.map +0 -1
- package/dist/editable-text-recipe-Bkm6wKHp.js +0 -10
- package/dist/editable-text-recipe-Bkm6wKHp.js.map +0 -1
- package/dist/feedback-qNuMBtRH.js +0 -233
- package/dist/feedback-qNuMBtRH.js.map +0 -1
- package/dist/field-affordance-recipes-qQeIf4lG.js.map +0 -1
- package/dist/filters-BkHH53uv.js.map +0 -1
- package/dist/form-field-DUt4UxSV.js.map +0 -1
- package/dist/form-sizing-By94KzXE.js.map +0 -1
- package/dist/forms-numeric-C0bvjRPZ.js.map +0 -1
- package/dist/header-BOefOKd1.js.map +0 -1
- package/dist/input-DWhBBBww.js +0 -262
- package/dist/input-DWhBBBww.js.map +0 -1
- package/dist/input-Ddi_LSYv.js +0 -20
- package/dist/input-Ddi_LSYv.js.map +0 -1
- package/dist/interaction-recipes-CHr0dJUs.js.map +0 -1
- package/dist/item-DEmDiTlD.js +0 -265
- package/dist/item-DEmDiTlD.js.map +0 -1
- package/dist/media-gallery-DcTtAaeC.js.map +0 -1
- package/dist/mentions-D-uyCh01.js.map +0 -1
- package/dist/message-CdHgIWKf.js.map +0 -1
- package/dist/metadata-list-X5rYAKSB.js.map +0 -1
- package/dist/navigation-D3KwXmaq.js.map +0 -1
- package/dist/navigation-HJf5zxlH.js.map +0 -1
- package/dist/overflow-tab-bar-sQHXLlwQ.js.map +0 -1
- package/dist/overlays-I0axtYA6.js.map +0 -1
- package/dist/pagination-3bPA_a6K.js +0 -149
- package/dist/pagination-3bPA_a6K.js.map +0 -1
- package/dist/popover-Di55PyAI.js.map +0 -1
- package/dist/popover-menu-B71Tn2Qz.js +0 -99
- package/dist/popover-menu-B71Tn2Qz.js.map +0 -1
- package/dist/popover.recipes-Bdyhj2db.js.map +0 -1
- package/dist/primitives-B-CkiEMU.js.map +0 -1
- package/dist/rich-text-editor-sMU_Scqm.js.map +0 -1
- package/dist/rich-text-editor.recipes-CadiF_Uu.js +0 -88
- package/dist/rich-text-editor.recipes-CadiF_Uu.js.map +0 -1
- package/dist/settings-CQW3b-Cu.js.map +0 -1
- package/dist/sheet-4SEvVYzA.js.map +0 -1
- package/dist/sidebar-C7WWR29L.js.map +0 -1
- package/dist/smart-card-lFKxn5Hu.js +0 -595
- package/dist/smart-card-lFKxn5Hu.js.map +0 -1
- package/dist/spinner-fa3h1Aif.js +0 -80
- package/dist/spinner-fa3h1Aif.js.map +0 -1
- package/dist/table-CIKyLUsy.js.map +0 -1
- package/dist/table-CrcLN9Io.js +0 -1458
- package/dist/table-CrcLN9Io.js.map +0 -1
- package/dist/tabs-DwBJfjxX.js.map +0 -1
- package/dist/text-inputs-aaK9wcDT.js +0 -326
- package/dist/text-inputs-aaK9wcDT.js.map +0 -1
- package/dist/theme-scope-kStaAer0.js +0 -39
- package/dist/theme-scope-kStaAer0.js.map +0 -1
- package/dist/timelines-C_SBwHNP.js +0 -442
- package/dist/timelines-C_SBwHNP.js.map +0 -1
- package/dist/tone-recipes-CPoExcTE.js.map +0 -1
- package/dist/typography-DTRkE9zL.js.map +0 -1
- package/dist/ui-provider-1D_NSYzO.js.map +0 -1
- package/dist/upload-BO8-CLN6.js.map +0 -1
- package/dist/upload-queue-EOC8g1gf.js.map +0 -1
- package/dist/usage-card-obRaBskq.js.map +0 -1
- package/dist/utils-l5LpDw2z.js.map +0 -1
- package/dist/value-inputs-TAYMX111.js.map +0 -1
- package/dist/workspace-DH0v0KcB.js.map +0 -1
|
@@ -1,34 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { s as e, v as t } from "./ui-provider-
|
|
2
|
+
import { s as e, v as t } from "./ui-provider-C_U0Xma4.js";
|
|
3
3
|
import { useStrings as n } from "./lib/strings.js";
|
|
4
|
-
import { t as r } from "./utils-
|
|
5
|
-
import { n as i } from "./buttons-
|
|
6
|
-
import { a,
|
|
7
|
-
import {
|
|
8
|
-
import { r as u } from "./
|
|
9
|
-
import {
|
|
10
|
-
import { t as p } from "./
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { t as b } from "./
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import { t as
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import { i as
|
|
23
|
-
import { t as
|
|
24
|
-
import { t as
|
|
25
|
-
import { t as
|
|
26
|
-
import
|
|
27
|
-
import {
|
|
4
|
+
import { t as r } from "./utils-BRhFDwuU.js";
|
|
5
|
+
import { n as i } from "./buttons-DPZekJFu.js";
|
|
6
|
+
import { a, c as o, o as s } from "./typography-UTnveOEy.js";
|
|
7
|
+
import { t as c } from "./focus-recipes-B653VaLq.js";
|
|
8
|
+
import { r as l, t as u } from "./structure-BmisBK-3.js";
|
|
9
|
+
import { i as d } from "./tone-recipes-BPsRAvhu.js";
|
|
10
|
+
import { n as f, t as p } from "./feedback-BYIhtitP.js";
|
|
11
|
+
import { i as m } from "./popover.recipes-D3j8R8Yp.js";
|
|
12
|
+
import { _ as h, g, m as _ } from "./primitives-BFK08r9M.js";
|
|
13
|
+
import { t as v } from "./number-DbV1Dija.js";
|
|
14
|
+
import { n as y, t as b } from "./date-DCrsDTZc.js";
|
|
15
|
+
import { t as x } from "./badge-HpFqoqSY.js";
|
|
16
|
+
import { t as S } from "./layer-recipes-CCpklYME.js";
|
|
17
|
+
import { n as C } from "./field-affordance-recipes-DZhnIL_Y.js";
|
|
18
|
+
import { a as w, i as T, n as E, o as D, r as O, s as k, t as A } from "./command-C25VMRII.js";
|
|
19
|
+
import { d as j, p as M, y as N } from "./form-sizing-BdP_Mf5p.js";
|
|
20
|
+
import { t as P } from "./input-DQdEd0YD.js";
|
|
21
|
+
import { t as F } from "./date-picker-B2K3ucWn.js";
|
|
22
|
+
import { a as I, c as L, i as R, o as ee, r as z, t as te } from "./popover-gnTOhbFM.js";
|
|
23
|
+
import { n as B, r as ne, t as re } from "./control-group-recipes-DBXmfh2E.js";
|
|
24
|
+
import { i as ie, r as ae, t as oe } from "./tabs-CDocW5D1.js";
|
|
25
|
+
import { t as se } from "./popover-menu-Cn9rUkdc.js";
|
|
26
|
+
import { t as ce } from "./use-debounced-callback-Cx1h-hdv.js";
|
|
27
|
+
import { t as le } from "./use-debounce-DZ_1ZBPa.js";
|
|
28
|
+
import V, { Component as ue, createContext as de, useCallback as H, useContext as fe, useEffect as U, useId as pe, useMemo as W, useRef as G, useState as K } from "react";
|
|
29
|
+
import { Fragment as q, jsx as J, jsxs as Y } from "react/jsx-runtime";
|
|
28
30
|
import { CalendarIcon as me, Check as he, ChevronDown as ge, ChevronLeft as _e, ChevronsUpDown as ve, Filter as ye, Loader2 as be, Plus as xe, X as Se } from "lucide-react";
|
|
29
|
-
import { format as Ce, isValid as
|
|
31
|
+
import { format as Ce, isValid as we, parse as Te } from "date-fns";
|
|
30
32
|
//#region src/components/features/filters/filters.strings.ts
|
|
31
|
-
var
|
|
33
|
+
var Ee = {
|
|
32
34
|
loading: "Loading",
|
|
33
35
|
loadingOptions: "Loading {filterLabel} options...",
|
|
34
36
|
addFilter: "Add filter",
|
|
@@ -107,20 +109,20 @@ var Te = {
|
|
|
107
109
|
invalidFormat: "Invalid format"
|
|
108
110
|
}
|
|
109
111
|
};
|
|
110
|
-
function
|
|
112
|
+
function X(e, t) {
|
|
111
113
|
return e.replace(/{(\w+)}/g, (e, n) => String(t[n] ?? e)).replace(/:(\w+)/g, (e, n) => t[n] === void 0 ? e : String(t[n]));
|
|
112
114
|
}
|
|
113
|
-
function
|
|
115
|
+
function De(e, t, n) {
|
|
114
116
|
let r = t.split("."), i = e;
|
|
115
117
|
for (let e of r) {
|
|
116
118
|
if (typeof i != "object" || !i) return t;
|
|
117
119
|
i = i[e];
|
|
118
120
|
}
|
|
119
|
-
return typeof i == "string" ? n ?
|
|
121
|
+
return typeof i == "string" ? n ? X(i, n) : i : t;
|
|
120
122
|
}
|
|
121
123
|
//#endregion
|
|
122
124
|
//#region src/components/features/filters/filters.types.ts
|
|
123
|
-
var
|
|
125
|
+
var Z = {
|
|
124
126
|
SELECT: "select",
|
|
125
127
|
MULTI_SELECT: "multi_select",
|
|
126
128
|
ASYNC_SELECT: "async_select",
|
|
@@ -128,7 +130,7 @@ var X = {
|
|
|
128
130
|
RANGE: "range",
|
|
129
131
|
DATE: "date",
|
|
130
132
|
TAGS: "tags"
|
|
131
|
-
},
|
|
133
|
+
}, Q = {
|
|
132
134
|
EQUALS: "equals",
|
|
133
135
|
CONTAINS: "contains",
|
|
134
136
|
IN: "in",
|
|
@@ -145,112 +147,112 @@ var X = {
|
|
|
145
147
|
HAS_ANY: "has_any",
|
|
146
148
|
HAS_ALL: "has_all"
|
|
147
149
|
};
|
|
148
|
-
function
|
|
150
|
+
function Oe(e) {
|
|
149
151
|
return e;
|
|
150
152
|
}
|
|
151
153
|
//#endregion
|
|
152
154
|
//#region src/components/features/filters/operator-options.ts
|
|
153
|
-
function
|
|
155
|
+
function ke(e) {
|
|
154
156
|
return [
|
|
155
157
|
{
|
|
156
158
|
label: e.contains,
|
|
157
|
-
value:
|
|
159
|
+
value: Q.CONTAINS
|
|
158
160
|
},
|
|
159
161
|
{
|
|
160
162
|
label: e.equals,
|
|
161
|
-
value:
|
|
163
|
+
value: Q.EQUALS
|
|
162
164
|
},
|
|
163
165
|
{
|
|
164
166
|
label: e.notContains,
|
|
165
|
-
value:
|
|
167
|
+
value: Q.NOT
|
|
166
168
|
}
|
|
167
169
|
];
|
|
168
170
|
}
|
|
169
|
-
function
|
|
171
|
+
function Ae(e) {
|
|
170
172
|
return [{
|
|
171
173
|
label: e.is,
|
|
172
|
-
value:
|
|
174
|
+
value: Q.EQUALS
|
|
173
175
|
}, {
|
|
174
176
|
label: e.isNot,
|
|
175
|
-
value:
|
|
177
|
+
value: Q.NOT
|
|
176
178
|
}];
|
|
177
179
|
}
|
|
178
|
-
function
|
|
180
|
+
function je(e) {
|
|
179
181
|
return [
|
|
180
182
|
{
|
|
181
183
|
label: e.equals,
|
|
182
|
-
value:
|
|
184
|
+
value: Q.EQUALS
|
|
183
185
|
},
|
|
184
186
|
{
|
|
185
187
|
label: e.greaterThan,
|
|
186
|
-
value:
|
|
188
|
+
value: Q.GT
|
|
187
189
|
},
|
|
188
190
|
{
|
|
189
191
|
label: e.lessThan,
|
|
190
|
-
value:
|
|
192
|
+
value: Q.LT
|
|
191
193
|
}
|
|
192
194
|
];
|
|
193
195
|
}
|
|
194
|
-
function
|
|
196
|
+
function Me(e) {
|
|
195
197
|
return [
|
|
196
198
|
{
|
|
197
199
|
label: e.before,
|
|
198
|
-
value:
|
|
200
|
+
value: Q.BEFORE
|
|
199
201
|
},
|
|
200
202
|
{
|
|
201
203
|
label: e.after,
|
|
202
|
-
value:
|
|
204
|
+
value: Q.AFTER
|
|
203
205
|
},
|
|
204
206
|
{
|
|
205
207
|
label: e.between,
|
|
206
|
-
value:
|
|
208
|
+
value: Q.BETWEEN
|
|
207
209
|
}
|
|
208
210
|
];
|
|
209
211
|
}
|
|
210
|
-
function
|
|
212
|
+
function Ne(e) {
|
|
211
213
|
return [{
|
|
212
214
|
label: e.equals,
|
|
213
|
-
value:
|
|
215
|
+
value: Q.EQUALS
|
|
214
216
|
}];
|
|
215
217
|
}
|
|
216
|
-
function
|
|
218
|
+
function Pe(e, t) {
|
|
217
219
|
switch (e) {
|
|
218
|
-
case
|
|
219
|
-
case
|
|
220
|
+
case Z.SEARCH: return ke(t);
|
|
221
|
+
case Z.TAGS: return [
|
|
220
222
|
{
|
|
221
223
|
label: t.has,
|
|
222
|
-
value:
|
|
224
|
+
value: Q.HAS
|
|
223
225
|
},
|
|
224
226
|
{
|
|
225
227
|
label: t.hasAny,
|
|
226
|
-
value:
|
|
228
|
+
value: Q.HAS_ANY
|
|
227
229
|
},
|
|
228
230
|
{
|
|
229
231
|
label: t.hasAll,
|
|
230
|
-
value:
|
|
232
|
+
value: Q.HAS_ALL
|
|
231
233
|
}
|
|
232
234
|
];
|
|
233
|
-
case
|
|
234
|
-
case
|
|
235
|
-
case
|
|
236
|
-
case
|
|
237
|
-
default: return
|
|
235
|
+
case Z.SELECT:
|
|
236
|
+
case Z.ASYNC_SELECT: return Ae(t);
|
|
237
|
+
case Z.RANGE: return je(t);
|
|
238
|
+
case Z.DATE: return Me(t);
|
|
239
|
+
default: return ke(t);
|
|
238
240
|
}
|
|
239
241
|
}
|
|
240
|
-
function
|
|
242
|
+
function Fe(e) {
|
|
241
243
|
switch (e) {
|
|
242
|
-
case
|
|
243
|
-
case
|
|
244
|
-
case
|
|
245
|
-
case
|
|
246
|
-
case
|
|
247
|
-
case
|
|
248
|
-
default: return
|
|
244
|
+
case Z.SEARCH: return Q.CONTAINS;
|
|
245
|
+
case Z.TAGS: return Q.HAS;
|
|
246
|
+
case Z.SELECT:
|
|
247
|
+
case Z.ASYNC_SELECT: return Q.EQUALS;
|
|
248
|
+
case Z.RANGE: return Q.EQUALS;
|
|
249
|
+
case Z.DATE: return Q.BEFORE;
|
|
250
|
+
default: return Q.EQUALS;
|
|
249
251
|
}
|
|
250
252
|
}
|
|
251
253
|
//#endregion
|
|
252
254
|
//#region src/components/features/filters/utils/filter-utils.ts
|
|
253
|
-
function
|
|
255
|
+
function Ie(e, t, n) {
|
|
254
256
|
if (e.type === "date" && Array.isArray(t) && t.every((e) => typeof e == "string")) return !0;
|
|
255
257
|
if (e.validation?.required && (!t || Array.isArray(t) && t.length === 0)) return n("validation.required");
|
|
256
258
|
if (typeof t == "number") {
|
|
@@ -266,14 +268,14 @@ function Fe(e, t, n) {
|
|
|
266
268
|
}
|
|
267
269
|
//#endregion
|
|
268
270
|
//#region src/components/features/filters/filter-context.tsx
|
|
269
|
-
var
|
|
270
|
-
function
|
|
271
|
-
let c =
|
|
271
|
+
var Le = de(void 0);
|
|
272
|
+
function Re({ children: e, filters: t, activeFilters: r, onFilterChange: i, navigating: a = !1, strings: o, onError: s }) {
|
|
273
|
+
let c = G(t), l = G(i), u = G(s);
|
|
272
274
|
u.current = s;
|
|
273
|
-
let [d, f] =
|
|
275
|
+
let [d, f] = K(0), p = G(/* @__PURE__ */ new Map()), m = W(() => {
|
|
274
276
|
let e = /* @__PURE__ */ new Map();
|
|
275
277
|
for (let n of t) {
|
|
276
|
-
if (n.type !==
|
|
278
|
+
if (n.type !== Z.ASYNC_SELECT) continue;
|
|
277
279
|
let t = n.asyncConfig?.fetcher, r = n.asyncConfig?.mapToOption, i = n.asyncConfig?.limit ?? 10, a = p.current.get(n.key), o = a && a.fetcher === t && a.mapToOption === r;
|
|
278
280
|
e.set(n.key, o && a.limit === i ? a : {
|
|
279
281
|
fetcher: t,
|
|
@@ -283,34 +285,34 @@ function Le({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
|
|
|
283
285
|
});
|
|
284
286
|
}
|
|
285
287
|
return e.size === p.current.size && [...e].every(([e, t]) => p.current.get(e) === t) ? p.current : (p.current = e, e);
|
|
286
|
-
}, [t]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = n(
|
|
287
|
-
|
|
288
|
+
}, [t]), h = JSON.stringify(r.filter((e) => m.has(e.key)).map(({ key: e, value: t }) => [e, t])), g = n(Ee, o);
|
|
289
|
+
U(() => {
|
|
288
290
|
c.current = t;
|
|
289
|
-
}, [t]),
|
|
291
|
+
}, [t]), U(() => {
|
|
290
292
|
l.current = i;
|
|
291
293
|
}, [i]);
|
|
292
|
-
let _ =
|
|
294
|
+
let _ = H((e) => {
|
|
293
295
|
let t = [...r, e];
|
|
294
296
|
l.current(t);
|
|
295
|
-
}, [r]), v =
|
|
297
|
+
}, [r]), v = H((e) => {
|
|
296
298
|
let t = r.filter((t) => t.id !== e && t.key !== e);
|
|
297
299
|
l.current(t);
|
|
298
|
-
}, [r]), y =
|
|
300
|
+
}, [r]), y = H((e, t) => {
|
|
299
301
|
let n = r.map((n) => n.id === e || n.key === e ? {
|
|
300
302
|
...n,
|
|
301
303
|
...t
|
|
302
304
|
} : n);
|
|
303
305
|
l.current(n);
|
|
304
|
-
}, [r]), b =
|
|
306
|
+
}, [r]), b = H(() => {
|
|
305
307
|
l.current([]);
|
|
306
|
-
}, []), x =
|
|
308
|
+
}, []), x = H((e) => {
|
|
307
309
|
l.current(e);
|
|
308
|
-
}, []), S =
|
|
310
|
+
}, []), S = H((e) => c.current.find((t) => t.key === e), []), C = H((e) => r.find((t) => t.key === e)?.value || [], [r]), w = H((e, t) => {
|
|
309
311
|
let n = r.find((t) => t.key === e);
|
|
310
312
|
if (t.length === 0) n && v(e);
|
|
311
313
|
else if (n) y(e, { value: t });
|
|
312
314
|
else {
|
|
313
|
-
let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ?
|
|
315
|
+
let n = c.current.find((t) => t.key === e), r = n?.operator ?? n?.operators?.[0]?.value ?? (n ? Fe(n.type) : "equals");
|
|
314
316
|
_({
|
|
315
317
|
id: e,
|
|
316
318
|
key: e,
|
|
@@ -323,21 +325,21 @@ function Le({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
|
|
|
323
325
|
_,
|
|
324
326
|
v,
|
|
325
327
|
y
|
|
326
|
-
]), T =
|
|
328
|
+
]), T = H((e) => r.some((t) => t.key === e && t.value.length > 0), [r]), E = H((e) => r.find((t) => t.key === e)?.operator || "equals", [r]), D = H((e, t) => {
|
|
327
329
|
r.find((t) => t.key === e) && y(e, { operator: t });
|
|
328
|
-
}, [r, y]), O =
|
|
330
|
+
}, [r, y]), O = H((e, t) => {
|
|
329
331
|
let n = c.current.find((t) => t.key === e);
|
|
330
|
-
return n ?
|
|
331
|
-
}, [g]), k =
|
|
332
|
+
return n ? Ie(n, t, (e) => De(g, e)) : !1;
|
|
333
|
+
}, [g]), k = H((e) => c.current.filter((t) => t.dependencies?.some((t) => t.key === e)), []), A = H((e, t) => {
|
|
332
334
|
let n = m.get(e)?.options;
|
|
333
335
|
if (!n) return;
|
|
334
336
|
let r = !1;
|
|
335
337
|
for (let e of t) n.get(e.value)?.label !== e.label && (r = !0), n.set(e.value, e);
|
|
336
338
|
r && f((e) => e + 1);
|
|
337
|
-
}, [m]), j =
|
|
339
|
+
}, [m]), j = H((e, t) => m.get(e)?.options.get(t)?.label, [m, d]), M = H((e, t) => {
|
|
338
340
|
u.current?.(e, t);
|
|
339
341
|
}, []);
|
|
340
|
-
|
|
342
|
+
U(() => {
|
|
341
343
|
let e = new AbortController(), t = (t, n) => {
|
|
342
344
|
e.signal.aborted || t && t.name === "AbortError" || u.current?.(t, {
|
|
343
345
|
phase: "fetch-options",
|
|
@@ -362,7 +364,7 @@ function Le({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
|
|
|
362
364
|
m,
|
|
363
365
|
A
|
|
364
366
|
]);
|
|
365
|
-
let N =
|
|
367
|
+
let N = W(() => ({
|
|
366
368
|
activeFilters: r,
|
|
367
369
|
filters: t,
|
|
368
370
|
addFilter: _,
|
|
@@ -405,28 +407,28 @@ function Le({ children: e, filters: t, activeFilters: r, onFilterChange: i, navi
|
|
|
405
407
|
j,
|
|
406
408
|
M
|
|
407
409
|
]);
|
|
408
|
-
return /* @__PURE__ */
|
|
410
|
+
return /* @__PURE__ */ J(Le.Provider, {
|
|
409
411
|
value: N,
|
|
410
412
|
children: e
|
|
411
413
|
});
|
|
412
414
|
}
|
|
413
|
-
function
|
|
414
|
-
let e =
|
|
415
|
+
function $() {
|
|
416
|
+
let e = fe(Le);
|
|
415
417
|
if (!e) throw Error("useFilters must be used within a FilterProvider");
|
|
416
418
|
return e;
|
|
417
419
|
}
|
|
418
420
|
//#endregion
|
|
419
421
|
//#region src/components/features/filters/hooks/use-filter-groups.ts
|
|
420
|
-
function
|
|
421
|
-
let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } =
|
|
422
|
+
function ze(e = {}) {
|
|
423
|
+
let { dynamicFilterOptions: t } = e, { filters: n, isFilterActive: r } = $(), i = W(() => t ? n.map((e) => {
|
|
422
424
|
let n = t[e.key];
|
|
423
425
|
return Array.isArray(n) ? {
|
|
424
426
|
...e,
|
|
425
427
|
options: n
|
|
426
428
|
} : e;
|
|
427
429
|
}) : n, [n, t]);
|
|
428
|
-
return
|
|
429
|
-
let e = i.filter((e) => e.type ===
|
|
430
|
+
return W(() => {
|
|
431
|
+
let e = i.filter((e) => e.type === Z.SEARCH), t = i.filter((e) => !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden"), n = i.filter((e) => e.type !== Z.SEARCH && !e.displayConfig?.hidden && e.displayConfig?.display !== "hidden" && r(e.key)), a = t.filter((e) => e.type !== Z.SEARCH && !r(e.key) && e.displayConfig?.display === "always"), o = t.filter((e) => e.type !== Z.SEARCH && !r(e.key) && e.displayConfig?.display !== "always"), s = n.map((e) => e.key);
|
|
430
432
|
return {
|
|
431
433
|
processedFilters: i,
|
|
432
434
|
searchFilters: e,
|
|
@@ -440,32 +442,32 @@ function Re(e = {}) {
|
|
|
440
442
|
}
|
|
441
443
|
//#endregion
|
|
442
444
|
//#region src/components/features/filters/partials/filter-operator-select.tsx
|
|
443
|
-
function
|
|
444
|
-
let [c, l] =
|
|
445
|
-
return /* @__PURE__ */
|
|
445
|
+
function Be({ operator: e, operators: t, onOperatorChange: n, segmentResetClass: a }) {
|
|
446
|
+
let [c, l] = K(!1), { strings: u } = $(), d = t.find((t) => t.value === e)?.label || e;
|
|
447
|
+
return /* @__PURE__ */ J(se, {
|
|
446
448
|
open: c,
|
|
447
449
|
onOpenChange: l,
|
|
448
450
|
search: !1,
|
|
449
451
|
contentLabel: u.operator,
|
|
450
|
-
trigger: /* @__PURE__ */
|
|
452
|
+
trigger: /* @__PURE__ */ J(i, {
|
|
451
453
|
tone: "secondary",
|
|
452
454
|
buttonStyle: "ghost",
|
|
453
|
-
className: r("filter-operator-select--component",
|
|
455
|
+
className: r("filter-operator-select--component", a, "h-full min-h-0 px-control text-muted-foreground hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
|
|
454
456
|
onClick: (e) => {
|
|
455
457
|
e.stopPropagation();
|
|
456
458
|
},
|
|
457
459
|
type: "button",
|
|
458
|
-
children: /* @__PURE__ */
|
|
460
|
+
children: /* @__PURE__ */ J(o, {
|
|
459
461
|
tag: "span",
|
|
460
|
-
type: "
|
|
462
|
+
type: "inherit",
|
|
461
463
|
children: d
|
|
462
464
|
})
|
|
463
465
|
}),
|
|
464
|
-
header: /* @__PURE__ */
|
|
466
|
+
header: /* @__PURE__ */ J(s, {
|
|
465
467
|
tag: "span",
|
|
466
468
|
children: u.operator
|
|
467
469
|
}),
|
|
468
|
-
contentClassName:
|
|
470
|
+
contentClassName: m.xs,
|
|
469
471
|
items: t.map((t) => ({
|
|
470
472
|
value: t.value,
|
|
471
473
|
label: t.label,
|
|
@@ -478,195 +480,194 @@ function ze({ operator: e, operators: t, onOperatorChange: n, segmentResetClass:
|
|
|
478
480
|
}
|
|
479
481
|
//#endregion
|
|
480
482
|
//#region src/components/features/filters/partials/filter-value-display.tsx
|
|
481
|
-
function
|
|
482
|
-
let { strings: n } =
|
|
483
|
-
return t.length === 0 && e.type !==
|
|
483
|
+
function Ve({ filter: e, value: t }) {
|
|
484
|
+
let { strings: n } = $();
|
|
485
|
+
return t.length === 0 && e.type !== Z.DATE ? /* @__PURE__ */ J(o, {
|
|
484
486
|
tag: "span",
|
|
485
487
|
type: "secondary",
|
|
486
|
-
|
|
488
|
+
lineHeight: "none",
|
|
489
|
+
className: "filter-value-display--component",
|
|
487
490
|
children: n.nothingSelected
|
|
488
|
-
}) : e.type ===
|
|
491
|
+
}) : e.type === Z.ASYNC_SELECT && !e.options?.length ? /* @__PURE__ */ J(o, {
|
|
489
492
|
tag: "span",
|
|
493
|
+
type: "inherit",
|
|
490
494
|
weight: "semibold",
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
495
|
+
lineHeight: "none",
|
|
496
|
+
className: "filter-value-display--component",
|
|
497
|
+
children: Ue(e, t, n)
|
|
498
|
+
}) : e.options && e.type !== Z.DATE ? /* @__PURE__ */ Y(u, {
|
|
494
499
|
direction: "horizontal",
|
|
495
500
|
gap: "xs",
|
|
496
501
|
wrap: !1,
|
|
497
502
|
className: "filter-value-display--component",
|
|
498
|
-
children: [/* @__PURE__ */
|
|
499
|
-
className: "relative flex",
|
|
503
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
504
|
+
className: "relative isolate flex",
|
|
500
505
|
children: [t.slice(0, 2).map((t, n) => {
|
|
501
|
-
let
|
|
502
|
-
return
|
|
503
|
-
className:
|
|
504
|
-
|
|
505
|
-
children: r.icon
|
|
506
|
+
let i = e.options?.find((e) => e.value === t);
|
|
507
|
+
return i?.icon ? /* @__PURE__ */ J("div", {
|
|
508
|
+
className: r("border-background bg-background relative rounded-full border", n > 0 ? "-ml-space-sm z-[1]" : S.raised),
|
|
509
|
+
children: i.icon
|
|
506
510
|
}, t) : null;
|
|
507
|
-
}), t.length > 2 && /* @__PURE__ */
|
|
508
|
-
className: "bg-muted border-background relative -ml-space-sm flex size-icon items-center justify-center rounded-full border",
|
|
509
|
-
children: /* @__PURE__ */
|
|
511
|
+
}), t.length > 2 && /* @__PURE__ */ J("div", {
|
|
512
|
+
className: "bg-muted border-background relative z-0 -ml-space-sm flex size-icon items-center justify-center rounded-full border",
|
|
513
|
+
children: /* @__PURE__ */ Y(o, {
|
|
510
514
|
tag: "span",
|
|
511
515
|
size: "xs",
|
|
512
516
|
weight: "medium",
|
|
513
|
-
children: ["+", /* @__PURE__ */
|
|
517
|
+
children: ["+", /* @__PURE__ */ J(v, {
|
|
514
518
|
value: t.length - 2,
|
|
515
519
|
size: "inherit",
|
|
516
520
|
align: "center"
|
|
517
521
|
})]
|
|
518
522
|
})
|
|
519
523
|
})]
|
|
520
|
-
}), /* @__PURE__ */
|
|
524
|
+
}), /* @__PURE__ */ J(o, {
|
|
521
525
|
tag: "span",
|
|
526
|
+
type: "inherit",
|
|
522
527
|
weight: "semibold",
|
|
523
|
-
|
|
524
|
-
|
|
528
|
+
lineHeight: "none",
|
|
529
|
+
className: "truncate",
|
|
530
|
+
children: We(e, t, n)
|
|
525
531
|
})]
|
|
526
|
-
}) : e.type ===
|
|
532
|
+
}) : e.type === Z.DATE ? /* @__PURE__ */ Y(u, {
|
|
527
533
|
direction: "horizontal",
|
|
528
534
|
gap: "xs",
|
|
529
535
|
wrap: !1,
|
|
530
536
|
className: "filter-value-display--component",
|
|
531
|
-
children: [/* @__PURE__ */
|
|
532
|
-
|
|
537
|
+
children: [/* @__PURE__ */ J(me, { className: "text-muted-foreground size-icon-sm" }), /* @__PURE__ */ J(o, {
|
|
538
|
+
tag: "span",
|
|
539
|
+
type: "inherit",
|
|
540
|
+
weight: "semibold",
|
|
541
|
+
lineHeight: "none",
|
|
542
|
+
className: "min-w-0 truncate",
|
|
543
|
+
children: He(e, t, n)
|
|
544
|
+
})]
|
|
545
|
+
}) : /* @__PURE__ */ J(o, {
|
|
533
546
|
tag: "span",
|
|
547
|
+
type: "inherit",
|
|
534
548
|
weight: "semibold",
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
}
|
|
539
|
-
function Ve(e, t, n) {
|
|
540
|
-
return e.operator === "between" && t.length === 2 ? Ke(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Ge(t[0], e.dateFormat?.display) : t.length === 2 ? Ke(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ K(m, {
|
|
541
|
-
weight: "semibold",
|
|
542
|
-
className: "truncate leading-none",
|
|
543
|
-
children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected
|
|
549
|
+
lineHeight: "none",
|
|
550
|
+
className: "filter-value-display--component truncate",
|
|
551
|
+
children: We(e, t, n)
|
|
544
552
|
});
|
|
545
553
|
}
|
|
546
554
|
function He(e, t, n) {
|
|
547
|
-
return t.length === 0 ?
|
|
555
|
+
return e.operator === "between" && t.length === 2 ? qe(t[0], t[1], e.dateFormat?.display) : t.length === 1 ? Ke(t[0], e.dateFormat?.display) : t.length === 2 ? qe(t[0], t[1], e.dateFormat?.display) : /* @__PURE__ */ J(h, { children: e.datePickerConfig?.noDatePlaceholder || n.calendar.notDateSelected });
|
|
556
|
+
}
|
|
557
|
+
function Ue(e, t, n) {
|
|
558
|
+
return t.length === 0 ? "" : X(n.selected, {
|
|
548
559
|
count: t.length,
|
|
549
560
|
filterLabel: (t.length > 1 ? e.pluralLabel : e.label) ?? e.label
|
|
550
561
|
});
|
|
551
562
|
}
|
|
552
|
-
function
|
|
553
|
-
return t.length > 1 ?
|
|
563
|
+
function We(e, t, n) {
|
|
564
|
+
return t.length > 1 ? X(n.selected, {
|
|
554
565
|
count: t.length,
|
|
555
566
|
filterLabel: e.pluralLabel ?? e.label
|
|
556
567
|
}) : t.map((t) => e.options?.find((e) => e.value === t)?.label || t).join(", ");
|
|
557
568
|
}
|
|
558
|
-
function
|
|
569
|
+
function Ge(e) {
|
|
559
570
|
let t = new Date(e);
|
|
560
571
|
return !Number.isNaN(t.getTime());
|
|
561
572
|
}
|
|
562
|
-
function
|
|
563
|
-
return
|
|
573
|
+
function Ke(e, t) {
|
|
574
|
+
return Ge(e) ? /* @__PURE__ */ J(b, {
|
|
564
575
|
value: e,
|
|
565
|
-
format: t
|
|
566
|
-
|
|
567
|
-
className: "truncate leading-none"
|
|
568
|
-
}) : /* @__PURE__ */ K(m, {
|
|
569
|
-
weight: "semibold",
|
|
570
|
-
className: "truncate leading-none",
|
|
571
|
-
children: e
|
|
572
|
-
});
|
|
576
|
+
format: t
|
|
577
|
+
}) : /* @__PURE__ */ J(h, { children: e });
|
|
573
578
|
}
|
|
574
|
-
function
|
|
575
|
-
return
|
|
579
|
+
function qe(e, t, n) {
|
|
580
|
+
return Ge(e) && Ge(t) ? /* @__PURE__ */ J(y, {
|
|
576
581
|
from: e,
|
|
577
582
|
to: t,
|
|
578
|
-
format: n
|
|
579
|
-
|
|
580
|
-
className: "
|
|
581
|
-
}) : /* @__PURE__ */ q("span", {
|
|
582
|
-
className: "inline-flex min-w-0 items-center gap-space-xs truncate leading-none",
|
|
583
|
+
format: n
|
|
584
|
+
}) : /* @__PURE__ */ Y("span", {
|
|
585
|
+
className: "inline-flex min-w-0 items-center gap-space-xs",
|
|
583
586
|
children: [
|
|
584
|
-
|
|
585
|
-
/* @__PURE__ */
|
|
586
|
-
|
|
587
|
-
children: "–"
|
|
588
|
-
}),
|
|
589
|
-
Ge(t, n)
|
|
587
|
+
Ke(e, n),
|
|
588
|
+
/* @__PURE__ */ J(h, { children: "–" }),
|
|
589
|
+
Ke(t, n)
|
|
590
590
|
]
|
|
591
591
|
});
|
|
592
592
|
}
|
|
593
593
|
//#endregion
|
|
594
594
|
//#region src/components/features/filters/partials/active-filter-item.tsx
|
|
595
|
-
function
|
|
596
|
-
let { defaultScale:
|
|
595
|
+
function Je({ filter: n, value: a, active: s, popoverOpen: l, triggerRef: u, operators: d, operator: f, onOperatorChange: p, onFilterClear: m, onFilterClick: h }) {
|
|
596
|
+
let { defaultScale: g } = e(), _ = t(void 0, g), { strings: v } = $(), y = V.useId(), b = V.useId(), x = `${ne.joinedItem} !border-0 !rounded-none !shadow-none ${c.inset}`, S = () => /* @__PURE__ */ J("div", {
|
|
597
597
|
"aria-hidden": !0,
|
|
598
598
|
className: "w-px self-stretch bg-border"
|
|
599
599
|
});
|
|
600
|
-
return /* @__PURE__ */
|
|
600
|
+
return /* @__PURE__ */ Y("div", {
|
|
601
601
|
role: "group",
|
|
602
602
|
"aria-label": n.label,
|
|
603
|
-
"data-active":
|
|
604
|
-
className: r("active-filter-item--component",
|
|
603
|
+
"data-active": s || void 0,
|
|
604
|
+
className: r("active-filter-item--component", ne.joinedFrame, re[_], "bg-background", n.displayConfig?.className),
|
|
605
605
|
children: [
|
|
606
|
-
/* @__PURE__ */
|
|
606
|
+
/* @__PURE__ */ Y(i, {
|
|
607
607
|
type: "button",
|
|
608
608
|
tone: "secondary",
|
|
609
609
|
buttonStyle: "ghost",
|
|
610
|
-
className: r(
|
|
611
|
-
ref:
|
|
610
|
+
className: r(x, "flex h-full min-h-0 items-center gap-space-sm px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
|
|
611
|
+
ref: u,
|
|
612
612
|
"aria-haspopup": "dialog",
|
|
613
|
-
"aria-expanded":
|
|
614
|
-
onClick:
|
|
613
|
+
"aria-expanded": l,
|
|
614
|
+
onClick: h,
|
|
615
615
|
children: [
|
|
616
|
-
!!n.icon && /* @__PURE__ */
|
|
616
|
+
!!n.icon && /* @__PURE__ */ J("span", {
|
|
617
617
|
className: "flex items-center text-muted-foreground",
|
|
618
618
|
children: n.icon
|
|
619
619
|
}),
|
|
620
|
-
/* @__PURE__ */
|
|
621
|
-
id:
|
|
620
|
+
/* @__PURE__ */ J(o, {
|
|
621
|
+
id: y,
|
|
622
622
|
tag: "span",
|
|
623
|
+
type: "inherit",
|
|
623
624
|
weight: "semibold",
|
|
624
625
|
children: n.label
|
|
625
626
|
}),
|
|
626
|
-
/* @__PURE__ */
|
|
627
|
+
/* @__PURE__ */ J(ge, { className: "size-icon-sm" })
|
|
627
628
|
]
|
|
628
629
|
}),
|
|
629
|
-
/* @__PURE__ */
|
|
630
|
-
/* @__PURE__ */
|
|
631
|
-
operator:
|
|
632
|
-
operators:
|
|
633
|
-
onOperatorChange:
|
|
634
|
-
segmentResetClass:
|
|
630
|
+
/* @__PURE__ */ J(S, {}),
|
|
631
|
+
/* @__PURE__ */ J(Be, {
|
|
632
|
+
operator: f,
|
|
633
|
+
operators: d,
|
|
634
|
+
onOperatorChange: p,
|
|
635
|
+
segmentResetClass: x
|
|
635
636
|
}),
|
|
636
|
-
/* @__PURE__ */
|
|
637
|
-
/* @__PURE__ */
|
|
637
|
+
/* @__PURE__ */ J(S, {}),
|
|
638
|
+
/* @__PURE__ */ J(i, {
|
|
638
639
|
type: "button",
|
|
639
640
|
tone: "secondary",
|
|
640
641
|
buttonStyle: "ghost",
|
|
641
|
-
"aria-labelledby": `${
|
|
642
|
+
"aria-labelledby": `${y} ${b}`,
|
|
642
643
|
"aria-haspopup": "dialog",
|
|
643
|
-
"aria-expanded":
|
|
644
|
-
onClick:
|
|
645
|
-
className: r(
|
|
646
|
-
children: /* @__PURE__ */
|
|
647
|
-
id:
|
|
644
|
+
"aria-expanded": l,
|
|
645
|
+
onClick: h,
|
|
646
|
+
className: r(x, "flex h-full min-h-0 min-w-0 flex-1 items-center justify-start px-control hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
|
|
647
|
+
children: /* @__PURE__ */ J("span", {
|
|
648
|
+
id: b,
|
|
648
649
|
className: "min-w-0",
|
|
649
|
-
children: /* @__PURE__ */
|
|
650
|
+
children: /* @__PURE__ */ J(Ve, {
|
|
650
651
|
filter: n,
|
|
651
652
|
value: a
|
|
652
653
|
})
|
|
653
654
|
})
|
|
654
655
|
}),
|
|
655
|
-
!!
|
|
656
|
+
!!s && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(S, {}), /* @__PURE__ */ Y(i, {
|
|
656
657
|
type: "button",
|
|
657
658
|
tone: "secondary",
|
|
658
659
|
buttonStyle: "ghost",
|
|
659
|
-
className: r(
|
|
660
|
+
className: r(x, "flex h-full min-h-0 shrink-0 items-center justify-center px-space-sm text-muted-foreground hover:bg-accent hover:text-foreground focus-visible:bg-accent focus-visible:text-accent-foreground"),
|
|
660
661
|
onClick: (e) => {
|
|
661
|
-
e.stopPropagation(), e.preventDefault(),
|
|
662
|
+
e.stopPropagation(), e.preventDefault(), m();
|
|
662
663
|
},
|
|
663
|
-
children: [/* @__PURE__ */
|
|
664
|
+
children: [/* @__PURE__ */ J(Se, {
|
|
664
665
|
"aria-hidden": "true",
|
|
665
666
|
className: "size-icon"
|
|
666
|
-
}), /* @__PURE__ */
|
|
667
|
+
}), /* @__PURE__ */ J(o, {
|
|
667
668
|
tag: "span",
|
|
668
669
|
className: "sr-only",
|
|
669
|
-
children:
|
|
670
|
+
children: v.clear
|
|
670
671
|
})]
|
|
671
672
|
})] })
|
|
672
673
|
]
|
|
@@ -674,18 +675,18 @@ function qe({ filter: n, value: a, active: o, popoverOpen: c, triggerRef: l, ope
|
|
|
674
675
|
}
|
|
675
676
|
//#endregion
|
|
676
677
|
//#region src/components/features/filters/hooks/use-async-options.ts
|
|
677
|
-
function
|
|
678
|
+
function Ye(e, t, n) {
|
|
678
679
|
for (let [t, r] of e) Date.now() - r.timestamp > n && e.delete(t);
|
|
679
680
|
return e.get(t);
|
|
680
681
|
}
|
|
681
|
-
function
|
|
682
|
-
let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s =
|
|
682
|
+
function Xe(e, t, n, r = {}) {
|
|
683
|
+
let { asyncConfig: i } = e, a = i?.fetcher, o = i?.mapToOption, s = W(() => /* @__PURE__ */ new Map(), [
|
|
683
684
|
e.key,
|
|
684
685
|
a,
|
|
685
686
|
o
|
|
686
|
-
]), c =
|
|
687
|
+
]), c = G(r.onError);
|
|
687
688
|
c.current = r.onError;
|
|
688
|
-
let l = i?.debounceMs ?? e.delay ?? 300, u = (
|
|
689
|
+
let l = i?.debounceMs ?? e.delay ?? 300, u = (le(t, l) ?? "").trim(), d = i?.limit ?? 10, f = i?.minQueryLength ?? 0, p = i?.preload ?? !0, m = i?.staleTime ?? 6e4, h = i?.gcTime ?? 3e5, g = u.length === 0 && p, _ = u.length >= f, v = !!i?.fetcher && n && (g || u.length > 0 && _), y = n && !g && u.length > 0 && u.length < f, b = W(() => i?.queryKey ? JSON.stringify(i.queryKey({
|
|
689
690
|
query: u,
|
|
690
691
|
limit: d
|
|
691
692
|
})) : JSON.stringify([
|
|
@@ -698,7 +699,7 @@ function Ye(e, t, n, r = {}) {
|
|
|
698
699
|
e.key,
|
|
699
700
|
u,
|
|
700
701
|
d
|
|
701
|
-
]), x =
|
|
702
|
+
]), x = H(async (e) => a && o ? (await a({
|
|
702
703
|
query: u,
|
|
703
704
|
limit: d,
|
|
704
705
|
signal: e
|
|
@@ -707,8 +708,8 @@ function Ye(e, t, n, r = {}) {
|
|
|
707
708
|
o,
|
|
708
709
|
u,
|
|
709
710
|
d
|
|
710
|
-
]), [S, C] =
|
|
711
|
-
let e =
|
|
711
|
+
]), [S, C] = K(() => {
|
|
712
|
+
let e = Ye(s, b, h);
|
|
712
713
|
return {
|
|
713
714
|
cache: s,
|
|
714
715
|
data: e?.data ?? [],
|
|
@@ -716,11 +717,11 @@ function Ye(e, t, n, r = {}) {
|
|
|
716
717
|
fetching: !1,
|
|
717
718
|
error: !1
|
|
718
719
|
};
|
|
719
|
-
}), [w, T] =
|
|
720
|
-
return
|
|
720
|
+
}), [w, T] = K(0), E = H(() => T((e) => e + 1), []), D = G(0);
|
|
721
|
+
return U(() => {
|
|
721
722
|
let t = D.current !== w;
|
|
722
723
|
if (D.current = w, !v) return;
|
|
723
|
-
let n =
|
|
724
|
+
let n = Ye(s, b, h), r = n !== void 0 && Date.now() - n.timestamp < m, i = new AbortController();
|
|
724
725
|
if (r && !t) return C({
|
|
725
726
|
cache: s,
|
|
726
727
|
data: n.data,
|
|
@@ -782,24 +783,24 @@ function Ye(e, t, n, r = {}) {
|
|
|
782
783
|
}
|
|
783
784
|
//#endregion
|
|
784
785
|
//#region src/components/features/filters/partials/async-filter-content.tsx
|
|
785
|
-
function
|
|
786
|
-
let { strings: c, cacheAsyncOptions:
|
|
786
|
+
function Ze({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
|
|
787
|
+
let { strings: c, cacheAsyncOptions: l, getAsyncOptionLabel: d, reportError: m } = $(), [h, g] = K(""), [_, v] = K(t ?? []), y = G(t);
|
|
787
788
|
if (t !== y.current) {
|
|
788
789
|
let e = y.current ?? [], n = t ?? [];
|
|
789
790
|
y.current = t, (n.length !== e.length || n.some((t, n) => t !== e[n])) && v(n);
|
|
790
791
|
}
|
|
791
|
-
let { options: b, isLoading: x, isFetching:
|
|
792
|
-
|
|
793
|
-
b.length > 0 &&
|
|
792
|
+
let { options: b, isLoading: x, isFetching: S, isError: C, refetch: k, isBelowMinQuery: j, minQueryLength: M } = Xe(e, h, !0, { onError: m });
|
|
793
|
+
U(() => {
|
|
794
|
+
b.length > 0 && l(e.key, b);
|
|
794
795
|
}, [
|
|
795
|
-
|
|
796
|
+
l,
|
|
796
797
|
e.key,
|
|
797
798
|
b
|
|
798
799
|
]);
|
|
799
|
-
let N = e.multiple !== !1, P = e.maxSelected,
|
|
800
|
+
let N = e.multiple !== !1, P = e.maxSelected, F = s === "toolbar", I = _.length !== t.length || _.some((e) => !t.includes(e)), L = W(() => {
|
|
800
801
|
let t = new Set(_), n = new Set(b.map((e) => e.value)), r = [];
|
|
801
802
|
for (let t of _) if (!n.has(t)) {
|
|
802
|
-
let n =
|
|
803
|
+
let n = d(e.key, t);
|
|
803
804
|
n && r.push({
|
|
804
805
|
value: t,
|
|
805
806
|
label: n,
|
|
@@ -812,8 +813,8 @@ function Xe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
812
813
|
_,
|
|
813
814
|
e.key,
|
|
814
815
|
e.icon,
|
|
815
|
-
|
|
816
|
-
]),
|
|
816
|
+
d
|
|
817
|
+
]), ee = (t) => {
|
|
817
818
|
if (N) {
|
|
818
819
|
if (_.includes(t)) v(_.filter((e) => e !== t));
|
|
819
820
|
else {
|
|
@@ -821,40 +822,40 @@ function Xe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
821
822
|
v([..._, t]);
|
|
822
823
|
}
|
|
823
824
|
} else v([t]), e.closeOnSelect === !0 && (n([t]), a());
|
|
824
|
-
},
|
|
825
|
+
}, te = () => {
|
|
825
826
|
n(_), a();
|
|
826
|
-
},
|
|
827
|
+
}, B = W(() => x || S ? /* @__PURE__ */ J(f, { label: c.searching }) : C ? /* @__PURE__ */ J(p, {
|
|
827
828
|
variant: "inline",
|
|
828
829
|
title: c.fetchError,
|
|
829
|
-
action: /* @__PURE__ */
|
|
830
|
+
action: /* @__PURE__ */ J(i, {
|
|
830
831
|
tone: "secondary",
|
|
831
832
|
buttonStyle: "outline",
|
|
832
833
|
size: "sm",
|
|
833
834
|
onClick: (e) => {
|
|
834
|
-
e.stopPropagation(),
|
|
835
|
+
e.stopPropagation(), k();
|
|
835
836
|
},
|
|
836
837
|
children: c.retryFetch
|
|
837
838
|
})
|
|
838
|
-
}) : j ? /* @__PURE__ */
|
|
839
|
+
}) : j ? /* @__PURE__ */ J("div", {
|
|
839
840
|
className: "text-muted-foreground flex items-center justify-center py-space-xl",
|
|
840
|
-
children: /* @__PURE__ */
|
|
841
|
+
children: /* @__PURE__ */ J(o, {
|
|
841
842
|
tag: "span",
|
|
842
843
|
size: "xs",
|
|
843
844
|
type: "secondary",
|
|
844
|
-
children:
|
|
845
|
+
children: X(c.minQueryHint, { min: M })
|
|
845
846
|
})
|
|
846
847
|
}) : c.noOptionsFound, [
|
|
847
848
|
x,
|
|
848
|
-
|
|
849
|
-
|
|
849
|
+
S,
|
|
850
|
+
C,
|
|
850
851
|
j,
|
|
851
852
|
M,
|
|
852
853
|
c,
|
|
853
|
-
|
|
854
|
+
k
|
|
854
855
|
]);
|
|
855
|
-
return /* @__PURE__ */ q
|
|
856
|
-
/* @__PURE__ */
|
|
857
|
-
start:
|
|
856
|
+
return /* @__PURE__ */ Y(q, { children: [
|
|
857
|
+
/* @__PURE__ */ Y(R, {
|
|
858
|
+
start: F ? /* @__PURE__ */ J(i, {
|
|
858
859
|
tone: "secondary",
|
|
859
860
|
buttonStyle: "ghost",
|
|
860
861
|
size: "sm",
|
|
@@ -862,62 +863,64 @@ function Xe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
862
863
|
className: "shrink-0",
|
|
863
864
|
onClick: r,
|
|
864
865
|
"aria-label": c.backToFilters,
|
|
865
|
-
children: /* @__PURE__ */
|
|
866
|
+
children: /* @__PURE__ */ J(_e, {
|
|
866
867
|
"aria-hidden": "true",
|
|
867
868
|
className: "size-icon-sm rtl:rotate-180"
|
|
868
869
|
})
|
|
869
870
|
}) : void 0,
|
|
870
|
-
children: [/* @__PURE__ */
|
|
871
|
+
children: [/* @__PURE__ */ J(o, {
|
|
871
872
|
tag: "span",
|
|
873
|
+
type: "inherit",
|
|
872
874
|
weight: "semibold",
|
|
873
875
|
children: e.label
|
|
874
|
-
}), /* @__PURE__ */
|
|
876
|
+
}), /* @__PURE__ */ J(o, {
|
|
875
877
|
tag: "span",
|
|
876
878
|
size: "xs",
|
|
877
879
|
type: "secondary",
|
|
878
880
|
children: c.selectValues
|
|
879
881
|
})]
|
|
880
882
|
}),
|
|
881
|
-
/* @__PURE__ */
|
|
883
|
+
/* @__PURE__ */ Y(A, {
|
|
882
884
|
shouldFilter: !1,
|
|
883
885
|
inset: "flush",
|
|
884
886
|
className: "rounded-none",
|
|
885
|
-
children: [/* @__PURE__ */
|
|
886
|
-
placeholder:
|
|
887
|
+
children: [/* @__PURE__ */ J(T, {
|
|
888
|
+
placeholder: X(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }),
|
|
887
889
|
value: h,
|
|
888
890
|
onValueChange: g
|
|
889
|
-
}), /* @__PURE__ */
|
|
891
|
+
}), /* @__PURE__ */ J(D, { children: L.length === 0 ? /* @__PURE__ */ J(E, { children: B }) : /* @__PURE__ */ Y(O, { children: [!(!S || x) && /* @__PURE__ */ Y(u, {
|
|
890
892
|
direction: "horizontal",
|
|
891
893
|
gap: "sm",
|
|
892
894
|
wrap: !1,
|
|
893
895
|
className: "px-control-sm py-space-xs",
|
|
894
|
-
children: [/* @__PURE__ */
|
|
896
|
+
children: [/* @__PURE__ */ J(be, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ J(o, {
|
|
895
897
|
tag: "span",
|
|
896
898
|
size: "xs",
|
|
897
899
|
type: "secondary",
|
|
898
900
|
children: c.searching
|
|
899
901
|
})]
|
|
900
|
-
}),
|
|
901
|
-
onSelect: () =>
|
|
902
|
+
}), L.map((e) => /* @__PURE__ */ Y(w, {
|
|
903
|
+
onSelect: () => ee(e.value),
|
|
902
904
|
"data-checked": _.includes(e.value) || void 0,
|
|
903
905
|
disabled: e.disabled || !!P && _.length >= P && !_.includes(e.value),
|
|
904
906
|
className: "flex items-center gap-space-sm",
|
|
905
|
-
children: [e.icon, /* @__PURE__ */
|
|
907
|
+
children: [e.icon, /* @__PURE__ */ J(o, {
|
|
906
908
|
tag: "span",
|
|
909
|
+
type: "inherit",
|
|
907
910
|
lineHeight: "tight",
|
|
908
911
|
children: e.label
|
|
909
912
|
})]
|
|
910
913
|
}, e.value))] }) })]
|
|
911
914
|
}),
|
|
912
|
-
I && /* @__PURE__ */
|
|
913
|
-
caption:
|
|
915
|
+
I && /* @__PURE__ */ J(z, {
|
|
916
|
+
caption: X(c.selected, {
|
|
914
917
|
count: _.length,
|
|
915
918
|
filterLabel: (_.length > 1 ? e.pluralLabel : e.label) ?? e.label
|
|
916
919
|
}),
|
|
917
|
-
children: /* @__PURE__ */
|
|
920
|
+
children: /* @__PURE__ */ J(i, {
|
|
918
921
|
tone: "primary",
|
|
919
922
|
size: "sm",
|
|
920
|
-
onClick:
|
|
923
|
+
onClick: te,
|
|
921
924
|
children: c.confirm
|
|
922
925
|
})
|
|
923
926
|
})
|
|
@@ -925,12 +928,12 @@ function Xe({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
925
928
|
}
|
|
926
929
|
//#endregion
|
|
927
930
|
//#region src/components/features/filters/facets/date-facet.tsx
|
|
928
|
-
var
|
|
929
|
-
function
|
|
930
|
-
let { strings: a } =
|
|
931
|
+
var Qe = [];
|
|
932
|
+
function $e({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
933
|
+
let { strings: a } = $(), o = e.operators?.some((e) => e.value === "between") || e.operator === "between" || e.key.toLowerCase().includes("range") || e.key.toLowerCase().includes("between"), s = e.dateFormat?.param ?? "yyyy-MM-dd", c = e.dateFormat?.display ?? "PPP", l = o ? e.datePickerConfig?.noRangePlaceholder ?? e.placeholder ?? a.calendar.notDateRangeSelected : e.datePickerConfig?.noDatePlaceholder ?? e.placeholder ?? a.calendar.notDateSelected, u = !!e.datePickerConfig?.showConfirmButton, d = e.datePickerConfig?.autoApply ?? !u, f = e.datePickerConfig?.showShortcuts ?? !0, p = o && (t.start || t.end) ? {
|
|
931
934
|
from: t.start,
|
|
932
935
|
to: t.end
|
|
933
|
-
} : void 0, m = !o && t.start &&
|
|
936
|
+
} : void 0, m = !o && t.start && we(t.start) ? t.start : void 0, h = {
|
|
934
937
|
format: s,
|
|
935
938
|
readableFormat: c,
|
|
936
939
|
placeholder: l,
|
|
@@ -938,7 +941,7 @@ function Qe({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
938
941
|
numberOfMonths: 1,
|
|
939
942
|
className: r("date-facet--component", "w-full", i)
|
|
940
943
|
};
|
|
941
|
-
return o ? /* @__PURE__ */
|
|
944
|
+
return o ? /* @__PURE__ */ J(F, {
|
|
942
945
|
mode: "range",
|
|
943
946
|
value: p,
|
|
944
947
|
onValueChange: (e) => {
|
|
@@ -949,9 +952,9 @@ function Qe({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
949
952
|
},
|
|
950
953
|
withConfirm: u,
|
|
951
954
|
closeOnSelect: d,
|
|
952
|
-
presets: f ? void 0 :
|
|
955
|
+
presets: f ? void 0 : Qe,
|
|
953
956
|
...h
|
|
954
|
-
}) : /* @__PURE__ */
|
|
957
|
+
}) : /* @__PURE__ */ J(F, {
|
|
955
958
|
mode: "single",
|
|
956
959
|
value: m,
|
|
957
960
|
onValueChange: (e) => {
|
|
@@ -966,17 +969,17 @@ function Qe({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
966
969
|
}
|
|
967
970
|
//#endregion
|
|
968
971
|
//#region src/components/features/filters/partials/date-filter-content.tsx
|
|
969
|
-
function
|
|
970
|
-
let { strings: o } =
|
|
972
|
+
function et({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, triggerSource: a = "chip" }) {
|
|
973
|
+
let { strings: o } = $(), s = (t) => {
|
|
971
974
|
if (!t) return;
|
|
972
975
|
if (e.dateFormat?.param) {
|
|
973
|
-
let n =
|
|
974
|
-
return
|
|
976
|
+
let n = Te(t, e.dateFormat.param, /* @__PURE__ */ new Date());
|
|
977
|
+
return we(n) ? n : void 0;
|
|
975
978
|
}
|
|
976
979
|
let n = new Date(t);
|
|
977
|
-
return
|
|
980
|
+
return we(n) ? n : void 0;
|
|
978
981
|
}, c = s(t[0]), l = s(t[1]), u = (t) => {
|
|
979
|
-
if (t &&
|
|
982
|
+
if (t && we(t)) return Ce(t, e.dateFormat?.param ?? "yyyy-MM-dd");
|
|
980
983
|
}, d = ({ start: e, end: t }) => {
|
|
981
984
|
let r = [], i = u(e), a = u(t);
|
|
982
985
|
i && r.push(i), a && r.push(a), n(r);
|
|
@@ -984,10 +987,10 @@ function $e({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, tri
|
|
|
984
987
|
start: c,
|
|
985
988
|
end: l
|
|
986
989
|
};
|
|
987
|
-
return /* @__PURE__ */
|
|
990
|
+
return /* @__PURE__ */ Y("div", {
|
|
988
991
|
className: "flex flex-col",
|
|
989
|
-
children: [/* @__PURE__ */
|
|
990
|
-
start: f ? /* @__PURE__ */
|
|
992
|
+
children: [/* @__PURE__ */ J(R, {
|
|
993
|
+
start: f ? /* @__PURE__ */ J(i, {
|
|
991
994
|
type: "button",
|
|
992
995
|
tone: "secondary",
|
|
993
996
|
buttonStyle: "ghost",
|
|
@@ -996,15 +999,15 @@ function $e({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, tri
|
|
|
996
999
|
onClick: r,
|
|
997
1000
|
className: "shrink-0",
|
|
998
1001
|
"aria-label": o.backToFilters,
|
|
999
|
-
children: /* @__PURE__ */
|
|
1002
|
+
children: /* @__PURE__ */ J(_e, {
|
|
1000
1003
|
"aria-hidden": "true",
|
|
1001
1004
|
className: "size-icon-sm rtl:rotate-180"
|
|
1002
1005
|
})
|
|
1003
1006
|
}) : void 0,
|
|
1004
|
-
children: /* @__PURE__ */
|
|
1005
|
-
}), /* @__PURE__ */
|
|
1007
|
+
children: /* @__PURE__ */ J(I, { children: e.label })
|
|
1008
|
+
}), /* @__PURE__ */ J("div", {
|
|
1006
1009
|
className: "p-surface",
|
|
1007
|
-
children: /* @__PURE__ */
|
|
1010
|
+
children: /* @__PURE__ */ J($e, {
|
|
1008
1011
|
filter: e,
|
|
1009
1012
|
value: p,
|
|
1010
1013
|
onValueChange: d
|
|
@@ -1014,7 +1017,7 @@ function $e({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, tri
|
|
|
1014
1017
|
}
|
|
1015
1018
|
//#endregion
|
|
1016
1019
|
//#region src/components/features/filters/partials/filter-error-boundary.tsx
|
|
1017
|
-
var
|
|
1020
|
+
var tt = class extends ue {
|
|
1018
1021
|
state = {
|
|
1019
1022
|
hasError: !1,
|
|
1020
1023
|
error: null
|
|
@@ -1040,19 +1043,19 @@ var et = class extends le {
|
|
|
1040
1043
|
render() {
|
|
1041
1044
|
if (this.state.hasError) {
|
|
1042
1045
|
let { fallback: e, filterKey: t, labels: n } = this.props;
|
|
1043
|
-
return e ? /* @__PURE__ */
|
|
1046
|
+
return e ? /* @__PURE__ */ J("div", {
|
|
1044
1047
|
className: "filter-error-boundary--component contents",
|
|
1045
1048
|
children: e
|
|
1046
|
-
}) : /* @__PURE__ */
|
|
1047
|
-
className: r("filter-error-boundary--component rounded-radius border p-surface-xs",
|
|
1049
|
+
}) : /* @__PURE__ */ Y("div", {
|
|
1050
|
+
className: r("filter-error-boundary--component rounded-radius border p-surface-xs", d.destructive.edge, d.destructive.wash, d.destructive.ink),
|
|
1048
1051
|
children: [
|
|
1049
|
-
/* @__PURE__ */
|
|
1052
|
+
/* @__PURE__ */ Y("div", {
|
|
1050
1053
|
className: "mb-space-xs flex items-center justify-between",
|
|
1051
|
-
children: [/* @__PURE__ */
|
|
1054
|
+
children: [/* @__PURE__ */ J(o, {
|
|
1052
1055
|
tag: "span",
|
|
1053
1056
|
weight: "semibold",
|
|
1054
1057
|
children: n.title
|
|
1055
|
-
}), /* @__PURE__ */
|
|
1058
|
+
}), /* @__PURE__ */ J(i, {
|
|
1056
1059
|
type: "button",
|
|
1057
1060
|
tone: "destructive",
|
|
1058
1061
|
buttonStyle: "ghost",
|
|
@@ -1060,11 +1063,11 @@ var et = class extends le {
|
|
|
1060
1063
|
iconOnly: !0,
|
|
1061
1064
|
onClick: this.handleReset,
|
|
1062
1065
|
"aria-label": n.reset,
|
|
1063
|
-
children: /* @__PURE__ */
|
|
1066
|
+
children: /* @__PURE__ */ J(Se, { className: "size-icon-sm" })
|
|
1064
1067
|
})]
|
|
1065
1068
|
}),
|
|
1066
|
-
/* @__PURE__ */
|
|
1067
|
-
/* @__PURE__ */
|
|
1069
|
+
/* @__PURE__ */ J(o, { children: n.getDescription(t) }),
|
|
1070
|
+
/* @__PURE__ */ J(_, {
|
|
1068
1071
|
size: "xs",
|
|
1069
1072
|
className: "mt-space-xs text-destructive",
|
|
1070
1073
|
children: this.state.error?.message || n.unknownError
|
|
@@ -1072,20 +1075,20 @@ var et = class extends le {
|
|
|
1072
1075
|
]
|
|
1073
1076
|
});
|
|
1074
1077
|
}
|
|
1075
|
-
return /* @__PURE__ */
|
|
1078
|
+
return /* @__PURE__ */ J("div", {
|
|
1076
1079
|
className: "filter-error-boundary--component contents",
|
|
1077
1080
|
children: this.props.children
|
|
1078
1081
|
});
|
|
1079
1082
|
}
|
|
1080
1083
|
};
|
|
1081
|
-
function
|
|
1082
|
-
let { strings: t, reportError: n } =
|
|
1084
|
+
function nt(e) {
|
|
1085
|
+
let { strings: t, reportError: n } = $(), r = W(() => ({
|
|
1083
1086
|
title: t.error.title,
|
|
1084
1087
|
reset: t.clear,
|
|
1085
|
-
getDescription: (e) => e ?
|
|
1088
|
+
getDescription: (e) => e ? X(t.error.descriptionWithKey, { filterKey: e }) : t.error.generic,
|
|
1086
1089
|
unknownError: t.error.unknown
|
|
1087
1090
|
}), [t]);
|
|
1088
|
-
return /* @__PURE__ */
|
|
1091
|
+
return /* @__PURE__ */ J(tt, {
|
|
1089
1092
|
...e,
|
|
1090
1093
|
labels: r,
|
|
1091
1094
|
onError: n
|
|
@@ -1093,22 +1096,23 @@ function tt(e) {
|
|
|
1093
1096
|
}
|
|
1094
1097
|
//#endregion
|
|
1095
1098
|
//#region src/components/features/filters/partials/filter-list-item.tsx
|
|
1096
|
-
function
|
|
1097
|
-
let { strings: n } =
|
|
1098
|
-
return /* @__PURE__ */
|
|
1099
|
+
function rt({ filter: e, onSelect: t }) {
|
|
1100
|
+
let { strings: n } = $(), r = e.type === Z.DATE ? e.operator === "between" ? n?.selectDateRange : n?.selectDate : e.options ? `${e.options.length} ${n?.options ?? ""}`.trim() : null;
|
|
1101
|
+
return /* @__PURE__ */ Y(w, {
|
|
1099
1102
|
onSelect: t,
|
|
1100
|
-
children: [!!e.icon && /* @__PURE__ */
|
|
1103
|
+
children: [!!e.icon && /* @__PURE__ */ J("span", {
|
|
1101
1104
|
className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
|
|
1102
1105
|
children: e.icon
|
|
1103
|
-
}), /* @__PURE__ */
|
|
1106
|
+
}), /* @__PURE__ */ Y("div", {
|
|
1104
1107
|
className: "flex min-w-0 flex-col gap-dense leading-tight",
|
|
1105
|
-
children: [/* @__PURE__ */
|
|
1108
|
+
children: [/* @__PURE__ */ J(o, {
|
|
1106
1109
|
tag: "span",
|
|
1110
|
+
type: "inherit",
|
|
1107
1111
|
lineHeight: "tight",
|
|
1108
1112
|
weight: "medium",
|
|
1109
1113
|
className: "truncate",
|
|
1110
1114
|
children: e.label
|
|
1111
|
-
}), !!r && /* @__PURE__ */
|
|
1115
|
+
}), !!r && /* @__PURE__ */ J(o, {
|
|
1112
1116
|
tag: "span",
|
|
1113
1117
|
lineHeight: "tight",
|
|
1114
1118
|
size: "xs",
|
|
@@ -1121,25 +1125,25 @@ function nt({ filter: e, onSelect: t }) {
|
|
|
1121
1125
|
}
|
|
1122
1126
|
//#endregion
|
|
1123
1127
|
//#region src/components/features/filters/partials/filter-list-content.tsx
|
|
1124
|
-
function
|
|
1125
|
-
let { strings: r } =
|
|
1128
|
+
function it({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
|
|
1129
|
+
let { strings: r } = $(), i = (e) => {
|
|
1126
1130
|
n(e);
|
|
1127
1131
|
};
|
|
1128
|
-
return /* @__PURE__ */
|
|
1132
|
+
return /* @__PURE__ */ Y(A, {
|
|
1129
1133
|
inset: "compact",
|
|
1130
1134
|
className: "rounded-none",
|
|
1131
|
-
children: [/* @__PURE__ */
|
|
1132
|
-
/* @__PURE__ */
|
|
1133
|
-
e.length > 0 && /* @__PURE__ */
|
|
1135
|
+
children: [/* @__PURE__ */ J(T, { placeholder: r.searchFilters }), /* @__PURE__ */ Y(D, { children: [
|
|
1136
|
+
/* @__PURE__ */ J(E, { children: r.noFiltersAvailable }),
|
|
1137
|
+
e.length > 0 && /* @__PURE__ */ J(O, {
|
|
1134
1138
|
heading: r.availableFilters,
|
|
1135
|
-
children: e.map((e) => /* @__PURE__ */
|
|
1139
|
+
children: e.map((e) => /* @__PURE__ */ J(rt, {
|
|
1136
1140
|
filter: e,
|
|
1137
1141
|
onSelect: () => i(e)
|
|
1138
1142
|
}, e.key))
|
|
1139
1143
|
}),
|
|
1140
|
-
t.length > 0 && /* @__PURE__ */ q
|
|
1144
|
+
t.length > 0 && /* @__PURE__ */ Y(q, { children: [/* @__PURE__ */ J(k, {}), /* @__PURE__ */ J(O, {
|
|
1141
1145
|
heading: r.activeFilters,
|
|
1142
|
-
children: t.map((e) => /* @__PURE__ */
|
|
1146
|
+
children: t.map((e) => /* @__PURE__ */ J(rt, {
|
|
1143
1147
|
filter: e,
|
|
1144
1148
|
onSelect: () => i(e)
|
|
1145
1149
|
}, e.key))
|
|
@@ -1149,9 +1153,9 @@ function rt({ availableFilters: e, activeFilters: t, onFilterSelect: n }) {
|
|
|
1149
1153
|
}
|
|
1150
1154
|
//#endregion
|
|
1151
1155
|
//#region src/components/features/filters/partials/regular-filter-content.tsx
|
|
1152
|
-
function
|
|
1153
|
-
let { strings: c, reportError:
|
|
1154
|
-
|
|
1156
|
+
function at({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: s = "chip" }) {
|
|
1157
|
+
let { strings: c, reportError: l } = $(), d = e.multiple === !0 || e.type === Z.MULTI_SELECT, f = s === "toolbar", [p, m] = K(t || []);
|
|
1158
|
+
U(() => {
|
|
1155
1159
|
m(t || []);
|
|
1156
1160
|
}, [t]);
|
|
1157
1161
|
let h = (t) => {
|
|
@@ -1163,17 +1167,17 @@ function it({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1163
1167
|
try {
|
|
1164
1168
|
n(p), a();
|
|
1165
1169
|
} catch (t) {
|
|
1166
|
-
|
|
1170
|
+
l(t, {
|
|
1167
1171
|
phase: "apply",
|
|
1168
1172
|
filterKey: e.key
|
|
1169
1173
|
});
|
|
1170
1174
|
}
|
|
1171
1175
|
}, _ = JSON.stringify(p.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
|
|
1172
|
-
return /* @__PURE__ */
|
|
1176
|
+
return /* @__PURE__ */ Y("div", {
|
|
1173
1177
|
className: "flex flex-col",
|
|
1174
1178
|
children: [
|
|
1175
|
-
/* @__PURE__ */
|
|
1176
|
-
start: f ? /* @__PURE__ */
|
|
1179
|
+
/* @__PURE__ */ J(R, {
|
|
1180
|
+
start: f ? /* @__PURE__ */ J(i, {
|
|
1177
1181
|
type: "button",
|
|
1178
1182
|
tone: "secondary",
|
|
1179
1183
|
buttonStyle: "ghost",
|
|
@@ -1182,47 +1186,49 @@ function it({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1182
1186
|
onClick: r,
|
|
1183
1187
|
className: "shrink-0",
|
|
1184
1188
|
"aria-label": c.backToFilters,
|
|
1185
|
-
children: /* @__PURE__ */
|
|
1189
|
+
children: /* @__PURE__ */ J(_e, {
|
|
1186
1190
|
"aria-hidden": "true",
|
|
1187
1191
|
className: "size-icon-sm rtl:rotate-180"
|
|
1188
1192
|
})
|
|
1189
1193
|
}) : void 0,
|
|
1190
|
-
children: /* @__PURE__ */
|
|
1194
|
+
children: /* @__PURE__ */ J(o, {
|
|
1191
1195
|
tag: "span",
|
|
1196
|
+
type: "inherit",
|
|
1192
1197
|
weight: "semibold",
|
|
1193
1198
|
children: e.label
|
|
1194
1199
|
})
|
|
1195
1200
|
}),
|
|
1196
|
-
/* @__PURE__ */
|
|
1201
|
+
/* @__PURE__ */ Y(A, {
|
|
1197
1202
|
inset: "flush",
|
|
1198
1203
|
className: "rounded-none",
|
|
1199
|
-
children: [/* @__PURE__ */
|
|
1204
|
+
children: [/* @__PURE__ */ J(T, { placeholder: X(c.searchPlaceholder, { filterLabel: e.label.toLowerCase() }) }), /* @__PURE__ */ Y(D, {
|
|
1200
1205
|
className: "max-h-64",
|
|
1201
|
-
children: [/* @__PURE__ */
|
|
1206
|
+
children: [/* @__PURE__ */ J(E, { children: /* @__PURE__ */ J(o, {
|
|
1202
1207
|
type: "secondary",
|
|
1203
1208
|
align: "center",
|
|
1204
1209
|
className: "py-space-xl",
|
|
1205
1210
|
children: c.noOptionsFound
|
|
1206
|
-
}) }), /* @__PURE__ */
|
|
1211
|
+
}) }), /* @__PURE__ */ J(O, { children: e.options?.map((e) => {
|
|
1207
1212
|
let t = p.includes(e.value);
|
|
1208
|
-
return /* @__PURE__ */
|
|
1213
|
+
return /* @__PURE__ */ Y(w, {
|
|
1209
1214
|
onSelect: () => h(e.value),
|
|
1210
1215
|
"data-checked": t || void 0,
|
|
1211
1216
|
disabled: e.disabled,
|
|
1212
1217
|
className: "data-[checked=true]:**:[svg]:text-primary-accent",
|
|
1213
|
-
children: [!!e.icon && /* @__PURE__ */
|
|
1218
|
+
children: [!!e.icon && /* @__PURE__ */ J("span", {
|
|
1214
1219
|
className: "shrink-0 text-muted-foreground [&_svg]:size-icon",
|
|
1215
1220
|
children: e.icon
|
|
1216
|
-
}), /* @__PURE__ */
|
|
1221
|
+
}), /* @__PURE__ */ Y(u, {
|
|
1217
1222
|
gap: "dense",
|
|
1218
1223
|
className: "flex min-w-0 flex-1 flex-col leading-tight",
|
|
1219
|
-
children: [/* @__PURE__ */
|
|
1224
|
+
children: [/* @__PURE__ */ J(o, {
|
|
1220
1225
|
tag: "span",
|
|
1226
|
+
type: "inherit",
|
|
1221
1227
|
lineHeight: "tight",
|
|
1222
1228
|
weight: t ? "medium" : "regular",
|
|
1223
1229
|
className: "truncate",
|
|
1224
1230
|
children: e.label
|
|
1225
|
-
}), !!e.description && /* @__PURE__ */
|
|
1231
|
+
}), !!e.description && /* @__PURE__ */ J(o, {
|
|
1226
1232
|
tag: "span",
|
|
1227
1233
|
size: "xs",
|
|
1228
1234
|
lineHeight: "tight",
|
|
@@ -1235,12 +1241,12 @@ function it({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1235
1241
|
}) })]
|
|
1236
1242
|
})]
|
|
1237
1243
|
}),
|
|
1238
|
-
!!_ && /* @__PURE__ */
|
|
1239
|
-
caption:
|
|
1244
|
+
!!_ && /* @__PURE__ */ J(z, {
|
|
1245
|
+
caption: X(c.selected, {
|
|
1240
1246
|
count: p.length,
|
|
1241
1247
|
filterLabel: (p.length > 1 ? e.pluralLabel : e.label) ?? e.label
|
|
1242
1248
|
}),
|
|
1243
|
-
children: /* @__PURE__ */
|
|
1249
|
+
children: /* @__PURE__ */ J(i, {
|
|
1244
1250
|
tone: "primary",
|
|
1245
1251
|
size: "sm",
|
|
1246
1252
|
onClick: g,
|
|
@@ -1252,29 +1258,29 @@ function it({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1252
1258
|
}
|
|
1253
1259
|
//#endregion
|
|
1254
1260
|
//#region src/components/features/filters/facets/tags-facet.tsx
|
|
1255
|
-
function
|
|
1256
|
-
let { defaultScale: c } = e(),
|
|
1261
|
+
function ot({ filter: t, value: n, onValueChange: a, className: s }) {
|
|
1262
|
+
let { defaultScale: c } = e(), l = N(void 0, c), { strings: d } = $(), [f, p] = K(""), m = H(() => {
|
|
1257
1263
|
let e = f.trim();
|
|
1258
1264
|
e && !n.includes(e) && (a([...n, e]), p(""));
|
|
1259
1265
|
}, [
|
|
1260
1266
|
f,
|
|
1261
1267
|
n,
|
|
1262
1268
|
a
|
|
1263
|
-
]), h =
|
|
1269
|
+
]), h = H((e) => {
|
|
1264
1270
|
a(n.filter((t) => t !== e));
|
|
1265
1271
|
}, [n, a]), g = (e) => {
|
|
1266
1272
|
e.key === "Enter" && (e.preventDefault(), m());
|
|
1267
|
-
}, _ =
|
|
1273
|
+
}, _ = H(() => {
|
|
1268
1274
|
a([]), p("");
|
|
1269
|
-
}, [a]), v = n.length > 0, y = n.length === 1 ? d.tag : d.tags,
|
|
1275
|
+
}, [a]), v = n.length > 0, y = n.length === 1 ? d.tag : d.tags, b = v ? /* @__PURE__ */ Y(u, {
|
|
1270
1276
|
gap: "md",
|
|
1271
1277
|
className: "tags-facet--summary",
|
|
1272
|
-
children: [/* @__PURE__ */
|
|
1278
|
+
children: [/* @__PURE__ */ Y(u, {
|
|
1273
1279
|
direction: "horizontal",
|
|
1274
1280
|
gap: "sm",
|
|
1275
1281
|
justify: "between",
|
|
1276
1282
|
wrap: !1,
|
|
1277
|
-
children: [/* @__PURE__ */
|
|
1283
|
+
children: [/* @__PURE__ */ Y(o, {
|
|
1278
1284
|
tag: "span",
|
|
1279
1285
|
size: "xs",
|
|
1280
1286
|
type: "secondary",
|
|
@@ -1283,7 +1289,7 @@ function at({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
1283
1289
|
" ",
|
|
1284
1290
|
y
|
|
1285
1291
|
]
|
|
1286
|
-
}), /* @__PURE__ */
|
|
1292
|
+
}), /* @__PURE__ */ J(i, {
|
|
1287
1293
|
onClick: _,
|
|
1288
1294
|
tone: "secondary",
|
|
1289
1295
|
buttonStyle: "ghost",
|
|
@@ -1293,70 +1299,70 @@ function at({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
1293
1299
|
"aria-label": d.clearAll,
|
|
1294
1300
|
children: d.clearAll
|
|
1295
1301
|
})]
|
|
1296
|
-
}), /* @__PURE__ */
|
|
1302
|
+
}), /* @__PURE__ */ J(u, {
|
|
1297
1303
|
direction: "horizontal",
|
|
1298
1304
|
gap: "md",
|
|
1299
|
-
children: n.map((e) => /* @__PURE__ */
|
|
1305
|
+
children: n.map((e) => /* @__PURE__ */ Y(x, {
|
|
1300
1306
|
tone: "secondary",
|
|
1301
1307
|
className: "flex items-center gap-space-sm py-space-2xs pl-space-md pr-space-sm",
|
|
1302
|
-
children: [/* @__PURE__ */
|
|
1308
|
+
children: [/* @__PURE__ */ J(o, {
|
|
1303
1309
|
tag: "span",
|
|
1304
1310
|
size: "xs",
|
|
1305
1311
|
children: e
|
|
1306
|
-
}), /* @__PURE__ */
|
|
1312
|
+
}), /* @__PURE__ */ J("button", {
|
|
1307
1313
|
onClick: () => h(e),
|
|
1308
|
-
className: r(
|
|
1314
|
+
className: r(C.target, C.focus, C.toggle),
|
|
1309
1315
|
type: "button",
|
|
1310
1316
|
"aria-label": `${d.removeTag} ${e}`,
|
|
1311
|
-
children: /* @__PURE__ */
|
|
1312
|
-
className:
|
|
1317
|
+
children: /* @__PURE__ */ J(Se, {
|
|
1318
|
+
className: C.icon,
|
|
1313
1319
|
"aria-hidden": "true"
|
|
1314
1320
|
})
|
|
1315
1321
|
})]
|
|
1316
1322
|
}, e))
|
|
1317
1323
|
})]
|
|
1318
1324
|
}) : null;
|
|
1319
|
-
return /* @__PURE__ */
|
|
1325
|
+
return /* @__PURE__ */ Y(u, {
|
|
1320
1326
|
gap: "lg",
|
|
1321
|
-
className: r("tags-facet--component",
|
|
1322
|
-
children: [/* @__PURE__ */
|
|
1327
|
+
className: r("tags-facet--component", s),
|
|
1328
|
+
children: [/* @__PURE__ */ Y(u, {
|
|
1323
1329
|
direction: "horizontal",
|
|
1324
1330
|
gap: "md",
|
|
1325
1331
|
wrap: !1,
|
|
1326
|
-
children: [/* @__PURE__ */
|
|
1332
|
+
children: [/* @__PURE__ */ J("div", {
|
|
1327
1333
|
className: "relative flex-1",
|
|
1328
|
-
children: /* @__PURE__ */
|
|
1334
|
+
children: /* @__PURE__ */ J(P, {
|
|
1329
1335
|
type: "text",
|
|
1330
1336
|
value: f,
|
|
1331
1337
|
onChange: (e) => p(e.target.value),
|
|
1332
1338
|
onKeyDown: g,
|
|
1333
1339
|
placeholder: t.placeholder ?? d.enterTag
|
|
1334
1340
|
})
|
|
1335
|
-
}), /* @__PURE__ */
|
|
1341
|
+
}), /* @__PURE__ */ Y(i, {
|
|
1336
1342
|
tone: "primary",
|
|
1337
1343
|
onClick: m,
|
|
1338
1344
|
disabled: !f.trim(),
|
|
1339
|
-
size:
|
|
1345
|
+
size: l,
|
|
1340
1346
|
iconOnly: !0,
|
|
1341
|
-
className: r(j[
|
|
1347
|
+
className: r(j[l], B[l]),
|
|
1342
1348
|
type: "button",
|
|
1343
|
-
children: [/* @__PURE__ */
|
|
1349
|
+
children: [/* @__PURE__ */ J(xe, { className: "size-icon" }), /* @__PURE__ */ J(o, {
|
|
1344
1350
|
tag: "span",
|
|
1345
1351
|
size: "pxs",
|
|
1346
1352
|
className: "sr-only",
|
|
1347
1353
|
children: d.addTag
|
|
1348
1354
|
})]
|
|
1349
1355
|
})]
|
|
1350
|
-
}),
|
|
1356
|
+
}), b]
|
|
1351
1357
|
});
|
|
1352
1358
|
}
|
|
1353
|
-
var
|
|
1354
|
-
|
|
1359
|
+
var st = V.memo(ot);
|
|
1360
|
+
st.displayName = "TagsFacet";
|
|
1355
1361
|
//#endregion
|
|
1356
1362
|
//#region src/components/features/filters/partials/tags-filter-content.tsx
|
|
1357
|
-
function
|
|
1358
|
-
let { strings: s, reportError: c } =
|
|
1359
|
-
|
|
1363
|
+
function ct({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onClose: a, triggerSource: o = "chip" }) {
|
|
1364
|
+
let { strings: s, reportError: c } = $(), [l, u] = K(t || []), d = o === "toolbar", f = l.length === 1 ? s.tag : s.tags;
|
|
1365
|
+
U(() => {
|
|
1360
1366
|
u(t || []);
|
|
1361
1367
|
}, [t]);
|
|
1362
1368
|
let p = () => {
|
|
@@ -1369,11 +1375,11 @@ function st({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1369
1375
|
});
|
|
1370
1376
|
}
|
|
1371
1377
|
}, m = JSON.stringify(l.slice().sort()) !== JSON.stringify((t ?? []).slice().sort());
|
|
1372
|
-
return /* @__PURE__ */
|
|
1378
|
+
return /* @__PURE__ */ Y("div", {
|
|
1373
1379
|
className: "flex flex-col",
|
|
1374
1380
|
children: [
|
|
1375
|
-
/* @__PURE__ */
|
|
1376
|
-
start: d ? /* @__PURE__ */
|
|
1381
|
+
/* @__PURE__ */ J(R, {
|
|
1382
|
+
start: d ? /* @__PURE__ */ J(i, {
|
|
1377
1383
|
type: "button",
|
|
1378
1384
|
tone: "secondary",
|
|
1379
1385
|
buttonStyle: "ghost",
|
|
@@ -1382,23 +1388,23 @@ function st({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1382
1388
|
onClick: r,
|
|
1383
1389
|
className: "shrink-0",
|
|
1384
1390
|
"aria-label": s.backToFilters,
|
|
1385
|
-
children: /* @__PURE__ */
|
|
1391
|
+
children: /* @__PURE__ */ J(_e, {
|
|
1386
1392
|
"aria-hidden": "true",
|
|
1387
1393
|
className: "size-icon-sm rtl:rotate-180"
|
|
1388
1394
|
})
|
|
1389
1395
|
}) : void 0,
|
|
1390
|
-
children: /* @__PURE__ */
|
|
1396
|
+
children: /* @__PURE__ */ J(I, { children: e.label })
|
|
1391
1397
|
}),
|
|
1392
|
-
/* @__PURE__ */
|
|
1398
|
+
/* @__PURE__ */ J("div", {
|
|
1393
1399
|
className: "p-surface",
|
|
1394
|
-
children: /* @__PURE__ */
|
|
1400
|
+
children: /* @__PURE__ */ J(st, {
|
|
1395
1401
|
filter: e,
|
|
1396
1402
|
value: l,
|
|
1397
1403
|
onValueChange: u
|
|
1398
1404
|
})
|
|
1399
1405
|
}),
|
|
1400
|
-
!!m && /* @__PURE__ */
|
|
1401
|
-
caption: /* @__PURE__ */
|
|
1406
|
+
!!m && /* @__PURE__ */ J(z, {
|
|
1407
|
+
caption: /* @__PURE__ */ Y(g, {
|
|
1402
1408
|
size: "xs",
|
|
1403
1409
|
className: "tabular-nums",
|
|
1404
1410
|
children: [
|
|
@@ -1407,7 +1413,7 @@ function st({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1407
1413
|
f
|
|
1408
1414
|
]
|
|
1409
1415
|
}),
|
|
1410
|
-
children: /* @__PURE__ */
|
|
1416
|
+
children: /* @__PURE__ */ J(i, {
|
|
1411
1417
|
tone: "primary",
|
|
1412
1418
|
size: "sm",
|
|
1413
1419
|
onClick: p,
|
|
@@ -1419,45 +1425,45 @@ function st({ filter: e, value: t, onFilterChange: n, onBackToFilterList: r, onC
|
|
|
1419
1425
|
}
|
|
1420
1426
|
//#endregion
|
|
1421
1427
|
//#region src/components/features/filters/partials/filter-popover-content.tsx
|
|
1422
|
-
function
|
|
1423
|
-
let { strings: d } =
|
|
1428
|
+
function lt({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, getFilterValue: i, setFilterValue: a, onFilterSelect: o, onBackToFilterList: s, onClose: c, triggerSource: l = "chip", finalFocus: u }) {
|
|
1429
|
+
let { strings: d } = $(), f = e?.type === Z.DATE || e?.type === Z.TAGS ? "w-auto min-w-80 gap-0 overflow-hidden" : (e?.type, Z.ASYNC_SELECT, r(m.md, "gap-0 overflow-hidden")), p = (e, t) => {
|
|
1424
1430
|
a(e, t);
|
|
1425
1431
|
};
|
|
1426
|
-
return /* @__PURE__ */
|
|
1432
|
+
return /* @__PURE__ */ J(te, {
|
|
1427
1433
|
finalFocus: u,
|
|
1428
|
-
type: e?.type ===
|
|
1434
|
+
type: e?.type === Z.DATE || e?.type === Z.TAGS ? "display" : "menu",
|
|
1429
1435
|
"aria-label": e?.label ?? d.addFilter,
|
|
1430
1436
|
inset: "flush",
|
|
1431
1437
|
className: r("filter-popover-content--component", f),
|
|
1432
1438
|
align: "start",
|
|
1433
|
-
children: e ? e.type ===
|
|
1439
|
+
children: e ? e.type === Z.DATE ? /* @__PURE__ */ J(et, {
|
|
1434
1440
|
filter: e,
|
|
1435
1441
|
value: i(e.key),
|
|
1436
1442
|
onFilterChange: (t) => p(e.key, t),
|
|
1437
1443
|
onBackToFilterList: s,
|
|
1438
1444
|
triggerSource: l
|
|
1439
|
-
}) : e.type ===
|
|
1445
|
+
}) : e.type === Z.TAGS ? /* @__PURE__ */ J(ct, {
|
|
1440
1446
|
filter: e,
|
|
1441
1447
|
value: i(e.key),
|
|
1442
1448
|
onFilterChange: (t) => p(e.key, t),
|
|
1443
1449
|
onBackToFilterList: s,
|
|
1444
1450
|
onClose: c,
|
|
1445
1451
|
triggerSource: l
|
|
1446
|
-
}) : e.type ===
|
|
1452
|
+
}) : e.type === Z.ASYNC_SELECT ? /* @__PURE__ */ J(Ze, {
|
|
1447
1453
|
filter: e,
|
|
1448
1454
|
value: i(e.key),
|
|
1449
1455
|
onFilterChange: (t) => p(e.key, t),
|
|
1450
1456
|
onBackToFilterList: s,
|
|
1451
1457
|
onClose: c,
|
|
1452
1458
|
triggerSource: l
|
|
1453
|
-
}) : /* @__PURE__ */
|
|
1459
|
+
}) : /* @__PURE__ */ J(at, {
|
|
1454
1460
|
filter: e,
|
|
1455
1461
|
value: i(e.key),
|
|
1456
1462
|
onFilterChange: (t) => p(e.key, t),
|
|
1457
1463
|
onBackToFilterList: s,
|
|
1458
1464
|
onClose: c,
|
|
1459
1465
|
triggerSource: l
|
|
1460
|
-
}) : /* @__PURE__ */
|
|
1466
|
+
}) : /* @__PURE__ */ J(it, {
|
|
1461
1467
|
availableFilters: t,
|
|
1462
1468
|
activeFilters: n,
|
|
1463
1469
|
onFilterSelect: o
|
|
@@ -1466,24 +1472,24 @@ function ct({ activeFilterInPopover: e, availableFilters: t, activeFilters: n, g
|
|
|
1466
1472
|
}
|
|
1467
1473
|
//#endregion
|
|
1468
1474
|
//#region src/components/features/filters/partials/filter-pill.tsx
|
|
1469
|
-
function
|
|
1470
|
-
let d =
|
|
1471
|
-
return /* @__PURE__ */
|
|
1475
|
+
function ut({ filter: e, value: t, active: n, operator: r, operators: i, onOperatorChange: a, onValueChange: o, onClear: s, availableFilters: c, activeFilters: l, operatorChangeRef: u }) {
|
|
1476
|
+
let d = G(!1), f = u ?? d, [p, m] = K(!1), h = G(null), g = G(null);
|
|
1477
|
+
return /* @__PURE__ */ J(nt, {
|
|
1472
1478
|
filterKey: e.key,
|
|
1473
|
-
children: /* @__PURE__ */
|
|
1479
|
+
children: /* @__PURE__ */ Y(ee, {
|
|
1474
1480
|
open: p,
|
|
1475
1481
|
onOpenChange: (e) => {
|
|
1476
1482
|
e && f.current || m(e);
|
|
1477
1483
|
},
|
|
1478
|
-
children: [/* @__PURE__ */
|
|
1484
|
+
children: [/* @__PURE__ */ Y("div", {
|
|
1479
1485
|
className: "filter-pill--component filter-pill--anchor relative",
|
|
1480
|
-
children: [/* @__PURE__ */
|
|
1481
|
-
render: /* @__PURE__ */
|
|
1486
|
+
children: [/* @__PURE__ */ J(L, {
|
|
1487
|
+
render: /* @__PURE__ */ J("span", {}),
|
|
1482
1488
|
nativeButton: !1,
|
|
1483
1489
|
tabIndex: -1,
|
|
1484
1490
|
"aria-hidden": "true",
|
|
1485
1491
|
className: "pointer-events-none absolute inset-0"
|
|
1486
|
-
}), /* @__PURE__ */
|
|
1492
|
+
}), /* @__PURE__ */ J(Je, {
|
|
1487
1493
|
filter: e,
|
|
1488
1494
|
popoverOpen: p,
|
|
1489
1495
|
triggerRef: h,
|
|
@@ -1503,7 +1509,7 @@ function lt({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
|
|
|
1503
1509
|
f.current || (g.current = e?.currentTarget ?? h.current, m(!0));
|
|
1504
1510
|
}
|
|
1505
1511
|
})]
|
|
1506
|
-
}), /* @__PURE__ */
|
|
1512
|
+
}), /* @__PURE__ */ J(lt, {
|
|
1507
1513
|
finalFocus: g,
|
|
1508
1514
|
activeFilterInPopover: e,
|
|
1509
1515
|
availableFilters: c,
|
|
@@ -1518,29 +1524,29 @@ function lt({ filter: e, value: t, active: n, operator: r, operators: i, onOpera
|
|
|
1518
1524
|
})
|
|
1519
1525
|
});
|
|
1520
1526
|
}
|
|
1521
|
-
|
|
1527
|
+
ut.displayName = "FilterPill";
|
|
1522
1528
|
//#endregion
|
|
1523
1529
|
//#region src/components/features/filters/partials/filters-button.tsx
|
|
1524
|
-
function
|
|
1525
|
-
let { defaultScale: u } = e(), d =
|
|
1526
|
-
return
|
|
1530
|
+
function dt({ triggerRef: t, availableFilters: n, activeFilters: a, activeFilterInPopover: o, getFilterValue: s, setFilterValue: c, setActiveFilterInPopover: l }) {
|
|
1531
|
+
let { defaultScale: u } = e(), d = N(void 0, u), [f, p] = K(!1), { strings: m } = $();
|
|
1532
|
+
return U(() => {
|
|
1527
1533
|
f || l(null);
|
|
1528
|
-
}, [f, l]), /* @__PURE__ */
|
|
1534
|
+
}, [f, l]), /* @__PURE__ */ Y(ee, {
|
|
1529
1535
|
open: f,
|
|
1530
1536
|
onOpenChange: p,
|
|
1531
|
-
children: [/* @__PURE__ */
|
|
1537
|
+
children: [/* @__PURE__ */ J(L, {
|
|
1532
1538
|
asChild: !0,
|
|
1533
|
-
children: /* @__PURE__ */
|
|
1539
|
+
children: /* @__PURE__ */ J(i, {
|
|
1534
1540
|
ref: t,
|
|
1535
1541
|
tone: "secondary",
|
|
1536
1542
|
buttonStyle: "outline",
|
|
1537
1543
|
size: d,
|
|
1538
1544
|
iconOnly: !0,
|
|
1539
1545
|
"aria-label": m.addFilter,
|
|
1540
|
-
className: r("filters-button--component shrink-0", j[d],
|
|
1541
|
-
children: /* @__PURE__ */
|
|
1546
|
+
className: r("filters-button--component shrink-0", j[d], B[d]),
|
|
1547
|
+
children: /* @__PURE__ */ J(ye, { className: "size-icon-sm" })
|
|
1542
1548
|
})
|
|
1543
|
-
}), /* @__PURE__ */
|
|
1549
|
+
}), /* @__PURE__ */ J(lt, {
|
|
1544
1550
|
activeFilterInPopover: o,
|
|
1545
1551
|
availableFilters: n,
|
|
1546
1552
|
activeFilters: a,
|
|
@@ -1561,28 +1567,28 @@ function ut({ triggerRef: t, availableFilters: n, activeFilters: a, activeFilter
|
|
|
1561
1567
|
}
|
|
1562
1568
|
//#endregion
|
|
1563
1569
|
//#region src/components/features/filters/partials/filter-tabs.tsx
|
|
1564
|
-
function
|
|
1565
|
-
let { activeFilters: t, filters: n, replaceFilters:
|
|
1570
|
+
function ft({ tabs: e }) {
|
|
1571
|
+
let { activeFilters: t, filters: n, replaceFilters: r } = $(), i = W(() => t.filter((e) => n.find((t) => t.key === e.key)?.type !== Z.SEARCH), [t, n]), a = W(() => t.filter((e) => n.find((t) => t.key === e.key)?.type === Z.SEARCH), [t, n]), s = W(() => {
|
|
1566
1572
|
for (let t of e) {
|
|
1567
1573
|
if (t.presets.length === 0) {
|
|
1568
|
-
if (
|
|
1574
|
+
if (i.length === 0) return t.id;
|
|
1569
1575
|
continue;
|
|
1570
1576
|
}
|
|
1571
|
-
if (t.presets.length ===
|
|
1572
|
-
let t =
|
|
1577
|
+
if (t.presets.length === i.length && t.presets.every((e) => {
|
|
1578
|
+
let t = i.find((t) => t.key === e.key);
|
|
1573
1579
|
if (!t) return !1;
|
|
1574
1580
|
let n = [...e.value].sort(), r = [...t.value].sort();
|
|
1575
1581
|
return !(n.length !== r.length || n.some((e, t) => e !== r[t]) || e.operator && t.operator !== e.operator);
|
|
1576
1582
|
})) return t.id;
|
|
1577
1583
|
}
|
|
1578
1584
|
return null;
|
|
1579
|
-
}, [e,
|
|
1585
|
+
}, [e, i]), c = H((e) => {
|
|
1580
1586
|
if (e.presets.length === 0) {
|
|
1581
|
-
|
|
1587
|
+
r([...a]);
|
|
1582
1588
|
return;
|
|
1583
1589
|
}
|
|
1584
1590
|
let t = e.presets.map((e) => {
|
|
1585
|
-
let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ?
|
|
1591
|
+
let t = n.find((t) => t.key === e.key), r = e.operator ?? t?.operator ?? (t ? Fe(t.type) : "equals");
|
|
1586
1592
|
return {
|
|
1587
1593
|
id: e.key,
|
|
1588
1594
|
key: e.key,
|
|
@@ -1590,39 +1596,40 @@ function dt({ tabs: e }) {
|
|
|
1590
1596
|
operator: r
|
|
1591
1597
|
};
|
|
1592
1598
|
});
|
|
1593
|
-
|
|
1599
|
+
r([...a, ...t]);
|
|
1594
1600
|
}, [
|
|
1595
1601
|
n,
|
|
1596
|
-
|
|
1597
|
-
|
|
1602
|
+
a,
|
|
1603
|
+
r
|
|
1598
1604
|
]);
|
|
1599
|
-
return e.length === 0 ? null : /* @__PURE__ */
|
|
1600
|
-
value:
|
|
1605
|
+
return e.length === 0 ? null : /* @__PURE__ */ J(oe, {
|
|
1606
|
+
value: s,
|
|
1601
1607
|
onValueChange: (t) => {
|
|
1602
1608
|
let n = e.find((e) => e.id === t);
|
|
1603
|
-
n &&
|
|
1609
|
+
n && c(n);
|
|
1604
1610
|
},
|
|
1605
1611
|
className: "filter-tabs--component",
|
|
1606
|
-
children: /* @__PURE__ */
|
|
1612
|
+
children: /* @__PURE__ */ J(ae, {
|
|
1613
|
+
variant: "chips",
|
|
1607
1614
|
role: "group",
|
|
1608
1615
|
"aria-orientation": void 0,
|
|
1609
1616
|
activateOnFocus: !0,
|
|
1610
|
-
className: "
|
|
1617
|
+
className: "gap-space-md",
|
|
1611
1618
|
children: e.map((e) => {
|
|
1612
|
-
let t =
|
|
1613
|
-
return /* @__PURE__ */
|
|
1619
|
+
let t = s === e.id;
|
|
1620
|
+
return /* @__PURE__ */ Y(ie, {
|
|
1614
1621
|
value: e.id,
|
|
1615
1622
|
role: "button",
|
|
1616
1623
|
"aria-selected": void 0,
|
|
1617
1624
|
"aria-controls": void 0,
|
|
1618
1625
|
"aria-pressed": t,
|
|
1619
|
-
className:
|
|
1620
|
-
children: [/* @__PURE__ */
|
|
1626
|
+
className: "filter-tabs--tab",
|
|
1627
|
+
children: [/* @__PURE__ */ J(o, {
|
|
1621
1628
|
tag: "span",
|
|
1622
1629
|
weight: "medium",
|
|
1623
1630
|
className: "text-inherit",
|
|
1624
1631
|
children: e.label
|
|
1625
|
-
}), e.count !== void 0 && /* @__PURE__ */
|
|
1632
|
+
}), e.count !== void 0 && /* @__PURE__ */ J(o, {
|
|
1626
1633
|
tag: "span",
|
|
1627
1634
|
size: "xs",
|
|
1628
1635
|
type: "secondary",
|
|
@@ -1636,20 +1643,20 @@ function dt({ tabs: e }) {
|
|
|
1636
1643
|
}
|
|
1637
1644
|
//#endregion
|
|
1638
1645
|
//#region src/components/features/filters/facets/search-facet.tsx
|
|
1639
|
-
var
|
|
1640
|
-
return /* @__PURE__ */
|
|
1646
|
+
var pt = V.forwardRef(function(e, t) {
|
|
1647
|
+
return /* @__PURE__ */ J(be, {
|
|
1641
1648
|
...e,
|
|
1642
1649
|
ref: t,
|
|
1643
1650
|
className: r("animate-spin", e.className)
|
|
1644
1651
|
});
|
|
1645
1652
|
});
|
|
1646
|
-
function
|
|
1647
|
-
let { strings: a, isNavigating: o } =
|
|
1648
|
-
|
|
1653
|
+
function mt({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
1654
|
+
let { strings: a, isNavigating: o } = $(), [s, c] = K(t[0] || ""), l = G(s);
|
|
1655
|
+
U(() => {
|
|
1649
1656
|
l.current = s;
|
|
1650
1657
|
}, [s]);
|
|
1651
|
-
let u =
|
|
1652
|
-
|
|
1658
|
+
let u = G(t[0] || null), d = G(!1);
|
|
1659
|
+
U(() => {
|
|
1653
1660
|
if (d.current || o) return;
|
|
1654
1661
|
let e = l.current;
|
|
1655
1662
|
if (!t.length || t[0] === "") {
|
|
@@ -1658,14 +1665,14 @@ function pt({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
1658
1665
|
}
|
|
1659
1666
|
t[0] !== void 0 && t[0] !== e && t[0] !== u.current && (c(t[0]), u.current = t[0]);
|
|
1660
1667
|
}, [t, o]);
|
|
1661
|
-
let f =
|
|
1668
|
+
let f = ce((e) => {
|
|
1662
1669
|
u.current = e, d.current = !1, n([e]);
|
|
1663
1670
|
}, e.delay ?? 300), p = (e) => {
|
|
1664
1671
|
u.current !== e && f(e);
|
|
1665
1672
|
};
|
|
1666
|
-
return /* @__PURE__ */
|
|
1673
|
+
return /* @__PURE__ */ J("div", {
|
|
1667
1674
|
className: r("search-facet--component", "search-facet relative w-full min-w-0 rounded-inner bg-background", i),
|
|
1668
|
-
children: /* @__PURE__ */
|
|
1675
|
+
children: /* @__PURE__ */ J(P, {
|
|
1669
1676
|
type: "text",
|
|
1670
1677
|
"aria-label": e.label,
|
|
1671
1678
|
value: s,
|
|
@@ -1684,27 +1691,27 @@ function pt({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
1684
1691
|
},
|
|
1685
1692
|
placeholder: e.placeholder ?? (() => {
|
|
1686
1693
|
let t = e.label.trim().toLowerCase();
|
|
1687
|
-
return !t || t === "search" ?
|
|
1694
|
+
return !t || t === "search" ? X(a.searchPlaceholder, { filterLabel: "" }).replace(/\s+([….?!])/g, "$1").replace(/\s{2,}/g, " ").trim() : X(a.searchPlaceholder, { filterLabel: t });
|
|
1688
1695
|
})(),
|
|
1689
1696
|
clearable: s.trim() !== "" && !o,
|
|
1690
|
-
endIcon: o ?
|
|
1697
|
+
endIcon: o ? pt : void 0,
|
|
1691
1698
|
strings: { clear: a.clearSearch }
|
|
1692
1699
|
})
|
|
1693
1700
|
});
|
|
1694
1701
|
}
|
|
1695
|
-
var
|
|
1696
|
-
|
|
1702
|
+
var ht = V.memo(mt);
|
|
1703
|
+
ht.displayName = "SearchFacet";
|
|
1697
1704
|
//#endregion
|
|
1698
1705
|
//#region src/components/features/filters/partials/search-filters-list.tsx
|
|
1699
|
-
function
|
|
1700
|
-
return /* @__PURE__ */
|
|
1706
|
+
function gt({ filters: e, getFilterValue: t, setFilterValue: n, className: i }) {
|
|
1707
|
+
return /* @__PURE__ */ J(q, { children: e.map((e) => /* @__PURE__ */ Y(u, {
|
|
1701
1708
|
gap: "lg",
|
|
1702
1709
|
className: r("search-filters-list--component", "w-full min-w-0 sm:w-64 sm:flex-none", e.displayConfig.className, i),
|
|
1703
|
-
children: [/* @__PURE__ */
|
|
1710
|
+
children: [/* @__PURE__ */ J(ht, {
|
|
1704
1711
|
filter: e,
|
|
1705
1712
|
value: t(e.key),
|
|
1706
1713
|
onValueChange: (t) => n(e.key, t)
|
|
1707
|
-
}), !!e.description && /* @__PURE__ */
|
|
1714
|
+
}), !!e.description && /* @__PURE__ */ J(o, {
|
|
1708
1715
|
size: "xs",
|
|
1709
1716
|
type: "secondary",
|
|
1710
1717
|
children: e.description
|
|
@@ -1713,68 +1720,68 @@ function ht({ filters: e, getFilterValue: t, setFilterValue: n, className: i })
|
|
|
1713
1720
|
}
|
|
1714
1721
|
//#endregion
|
|
1715
1722
|
//#region src/components/features/filters/filter-layout.tsx
|
|
1716
|
-
var
|
|
1723
|
+
var _t = {
|
|
1717
1724
|
compact: "lg",
|
|
1718
1725
|
default: "xl"
|
|
1719
|
-
},
|
|
1726
|
+
}, vt = {
|
|
1720
1727
|
compact: "sm",
|
|
1721
1728
|
default: "md"
|
|
1722
1729
|
};
|
|
1723
|
-
function
|
|
1724
|
-
let { getFilterValue:
|
|
1730
|
+
function yt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}, variant: a = "default", showClearFilters: s = !1, tabs: c }) {
|
|
1731
|
+
let { getFilterValue: l, setFilterValue: d, isFilterActive: f, clearFilters: p, getFilterOperator: m, setFilterOperator: h, isNavigating: g, strings: _ } = $(), { processedFilters: v, searchFilters: y, alwaysVisibleFilters: b, activeRegularFilters: x, popoverFilters: S, hasActive: C } = ze({ dynamicFilterOptions: t }), [w, T] = K(null), E = v.find((e) => e.key === w) ?? null, D = H((e) => {
|
|
1725
1732
|
T(e?.key ?? null);
|
|
1726
1733
|
}, []);
|
|
1727
|
-
|
|
1734
|
+
U(() => {
|
|
1728
1735
|
w !== null && E === null && T(null);
|
|
1729
1736
|
}, [w, E]);
|
|
1730
|
-
let O =
|
|
1737
|
+
let O = G(null), k = G(null);
|
|
1731
1738
|
function A(e, t) {
|
|
1732
1739
|
t.length === 0 && e.displayConfig?.display !== "always" && (k.current = e.key), d(e.key, t);
|
|
1733
1740
|
}
|
|
1734
|
-
|
|
1741
|
+
U(() => {
|
|
1735
1742
|
let e = k.current;
|
|
1736
1743
|
e !== null && !f(e) && (O.current?.focus(), k.current = null);
|
|
1737
1744
|
}, [f]);
|
|
1738
1745
|
function j(e) {
|
|
1739
|
-
return e.operators && e.operators.length > 0 ? e.operators :
|
|
1746
|
+
return e.operators && e.operators.length > 0 ? e.operators : Pe(e.type, _.operators);
|
|
1740
1747
|
}
|
|
1741
1748
|
function M(e, t) {
|
|
1742
1749
|
h(e, t);
|
|
1743
1750
|
}
|
|
1744
|
-
return /* @__PURE__ */
|
|
1745
|
-
gap:
|
|
1751
|
+
return /* @__PURE__ */ Y(u, {
|
|
1752
|
+
gap: _t[a],
|
|
1746
1753
|
className: r("filter-layout--component", e),
|
|
1747
|
-
children: [!!c && c.length > 0 && /* @__PURE__ */
|
|
1754
|
+
children: [!!c && c.length > 0 && /* @__PURE__ */ J(ft, { tabs: c }), /* @__PURE__ */ Y(u, {
|
|
1748
1755
|
direction: "horizontal",
|
|
1749
1756
|
align: "center",
|
|
1750
|
-
gap:
|
|
1751
|
-
children: [/* @__PURE__ */
|
|
1757
|
+
gap: vt[a],
|
|
1758
|
+
children: [/* @__PURE__ */ J(nt, {
|
|
1752
1759
|
filterKey: "search-filters",
|
|
1753
|
-
children: /* @__PURE__ */
|
|
1760
|
+
children: /* @__PURE__ */ J(gt, {
|
|
1754
1761
|
filters: y,
|
|
1755
|
-
getFilterValue:
|
|
1762
|
+
getFilterValue: l,
|
|
1756
1763
|
setFilterValue: d
|
|
1757
1764
|
})
|
|
1758
|
-
}), /* @__PURE__ */
|
|
1765
|
+
}), /* @__PURE__ */ Y("div", {
|
|
1759
1766
|
className: r("contents", g && "pointer-events-none opacity-60"),
|
|
1760
1767
|
children: [
|
|
1761
1768
|
Object.entries(n).filter(([, e]) => e).map(([e]) => {
|
|
1762
1769
|
let t = v.find((t) => t.key === e)?.label || e;
|
|
1763
|
-
return /* @__PURE__ */
|
|
1770
|
+
return /* @__PURE__ */ Y(u, {
|
|
1764
1771
|
direction: "horizontal",
|
|
1765
1772
|
gap: "sm",
|
|
1766
1773
|
wrap: !1,
|
|
1767
1774
|
className: "rounded-radius bg-muted/50 px-control-sm py-space-xs",
|
|
1768
|
-
children: [/* @__PURE__ */
|
|
1775
|
+
children: [/* @__PURE__ */ J("div", { className: "border-muted-foreground/30 border-t-primary size-icon-sm animate-spin rounded-full border-2" }), /* @__PURE__ */ J(o, {
|
|
1769
1776
|
tag: "span",
|
|
1770
1777
|
type: "secondary",
|
|
1771
|
-
children:
|
|
1778
|
+
children: X(_.loadingOptions, { filterLabel: t })
|
|
1772
1779
|
})]
|
|
1773
1780
|
}, `loading-${e}`);
|
|
1774
1781
|
}),
|
|
1775
|
-
[...b, ...x].map((e) => /* @__PURE__ */
|
|
1782
|
+
[...b, ...x].map((e) => /* @__PURE__ */ J(ut, {
|
|
1776
1783
|
filter: e,
|
|
1777
|
-
value:
|
|
1784
|
+
value: l(e.key) ?? [],
|
|
1778
1785
|
active: f(e.key),
|
|
1779
1786
|
operator: m(e.key) || "equals",
|
|
1780
1787
|
operators: j(e),
|
|
@@ -1784,19 +1791,19 @@ function vt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}
|
|
|
1784
1791
|
availableFilters: S,
|
|
1785
1792
|
activeFilters: [...x, ...b]
|
|
1786
1793
|
}, e.key)),
|
|
1787
|
-
S.length > 0 && /* @__PURE__ */
|
|
1794
|
+
S.length > 0 && /* @__PURE__ */ J(nt, {
|
|
1788
1795
|
filterKey: "filters-button",
|
|
1789
|
-
children: /* @__PURE__ */
|
|
1796
|
+
children: /* @__PURE__ */ J(dt, {
|
|
1790
1797
|
triggerRef: O,
|
|
1791
1798
|
availableFilters: S,
|
|
1792
1799
|
activeFilters: x,
|
|
1793
1800
|
activeFilterInPopover: E,
|
|
1794
|
-
getFilterValue:
|
|
1801
|
+
getFilterValue: l,
|
|
1795
1802
|
setFilterValue: d,
|
|
1796
1803
|
setActiveFilterInPopover: D
|
|
1797
1804
|
})
|
|
1798
1805
|
}),
|
|
1799
|
-
!!
|
|
1806
|
+
!!s && C && /* @__PURE__ */ J(i, {
|
|
1800
1807
|
tone: "secondary",
|
|
1801
1808
|
buttonStyle: "ghost",
|
|
1802
1809
|
onClick: p,
|
|
@@ -1810,8 +1817,8 @@ function vt({ className: e, dynamicFilterOptions: t = {}, loadingFilters: n = {}
|
|
|
1810
1817
|
}
|
|
1811
1818
|
//#endregion
|
|
1812
1819
|
//#region src/components/features/filters/filter-query.ts
|
|
1813
|
-
var
|
|
1814
|
-
function
|
|
1820
|
+
var bt = "__op", xt = ["page"], St = new Set(Object.values(Q));
|
|
1821
|
+
function Ct(e) {
|
|
1815
1822
|
let t = {};
|
|
1816
1823
|
if (!e) return t;
|
|
1817
1824
|
if (e instanceof URLSearchParams) return e.forEach((e, n) => {
|
|
@@ -1823,90 +1830,90 @@ function $(e) {
|
|
|
1823
1830
|
}
|
|
1824
1831
|
return t;
|
|
1825
1832
|
}
|
|
1826
|
-
function
|
|
1833
|
+
function wt(e) {
|
|
1827
1834
|
let t = {};
|
|
1828
1835
|
for (let [n, r] of Object.entries(e)) r.length !== 0 && (t[n] = r.length === 1 ? r[0] : r);
|
|
1829
1836
|
return t;
|
|
1830
1837
|
}
|
|
1831
|
-
function
|
|
1838
|
+
function Tt(e, t, n) {
|
|
1832
1839
|
let r = e[t] ?? [];
|
|
1833
1840
|
return n === "comma" ? r.flatMap((e) => e.split(",")) : r;
|
|
1834
1841
|
}
|
|
1835
|
-
function
|
|
1842
|
+
function Et(e, t) {
|
|
1836
1843
|
return t.map((e) => e.trim()).filter((e) => e.length > 0).map((t) => {
|
|
1837
1844
|
if (!e.parse) return t;
|
|
1838
1845
|
let n = e.parse(t);
|
|
1839
1846
|
return n == null ? "" : String(n);
|
|
1840
1847
|
}).filter((e) => e.length > 0);
|
|
1841
1848
|
}
|
|
1842
|
-
function
|
|
1849
|
+
function Dt(e, t) {
|
|
1843
1850
|
return t.map((t) => {
|
|
1844
1851
|
let n = e.transform ? e.transform(t) : t, r = e.format ? e.format(n) : n;
|
|
1845
1852
|
return r == null ? "" : String(r);
|
|
1846
1853
|
}).filter((e) => e.length > 0);
|
|
1847
1854
|
}
|
|
1848
|
-
function
|
|
1849
|
-
return e.operator ?? e.operators?.[0]?.value ??
|
|
1855
|
+
function Ot(e) {
|
|
1856
|
+
return e.operator ?? e.operators?.[0]?.value ?? Fe(e.type);
|
|
1850
1857
|
}
|
|
1851
|
-
function
|
|
1858
|
+
function kt(e, t, n) {
|
|
1852
1859
|
let [r] = t[`${e.key}${n}`] ?? [];
|
|
1853
|
-
return r &&
|
|
1860
|
+
return r && St.has(r) ? r : Ot(e);
|
|
1854
1861
|
}
|
|
1855
|
-
function
|
|
1862
|
+
function At(e, t, n) {
|
|
1856
1863
|
return e === "always" || e !== "never" && t !== n;
|
|
1857
1864
|
}
|
|
1858
|
-
function
|
|
1859
|
-
return e.type ===
|
|
1865
|
+
function jt(e) {
|
|
1866
|
+
return e.type === Z.MULTI_SELECT || e.type === Z.TAGS || e.multiple === !0;
|
|
1860
1867
|
}
|
|
1861
|
-
function
|
|
1862
|
-
let r = n.operatorSuffix ??
|
|
1868
|
+
function Mt(e, t, n = {}) {
|
|
1869
|
+
let r = n.operatorSuffix ?? bt, i = n.arrayFormat ?? "repeat", a = Ct(t);
|
|
1863
1870
|
return e.flatMap((e) => {
|
|
1864
|
-
let t =
|
|
1871
|
+
let t = Et(e, Tt(a, e.key, i));
|
|
1865
1872
|
return t.length === 0 ? [] : [{
|
|
1866
1873
|
id: e.key,
|
|
1867
1874
|
key: e.key,
|
|
1868
|
-
operator:
|
|
1869
|
-
value:
|
|
1875
|
+
operator: kt(e, a, r),
|
|
1876
|
+
value: jt(e) ? t : [t[0]]
|
|
1870
1877
|
}];
|
|
1871
1878
|
});
|
|
1872
1879
|
}
|
|
1873
|
-
function
|
|
1874
|
-
let i = r.operatorSuffix ??
|
|
1880
|
+
function Nt(e, t, n, r = {}) {
|
|
1881
|
+
let i = r.operatorSuffix ?? bt, a = r.arrayFormat ?? "repeat", o = r.preserveUnrelated ?? !0, s = r.includeOperators ?? "changed", c = r.resetPageKeys ?? xt, l = o ? Ct(n) : {}, u = new Map(e.map((e) => [e.key, e]));
|
|
1875
1882
|
for (let t of e) delete l[t.key], delete l[`${t.key}${i}`];
|
|
1876
1883
|
for (let e of c) delete l[e];
|
|
1877
1884
|
for (let e of t) {
|
|
1878
1885
|
let t = u.get(e.key);
|
|
1879
1886
|
if (!t) continue;
|
|
1880
|
-
let n =
|
|
1887
|
+
let n = Dt(t, e.value);
|
|
1881
1888
|
if (n.length === 0) continue;
|
|
1882
1889
|
l[e.key] = a === "comma" ? [n.join(",")] : n;
|
|
1883
|
-
let r =
|
|
1884
|
-
|
|
1890
|
+
let r = Ot(t);
|
|
1891
|
+
At(s, e.operator, r) && (l[`${e.key}${i}`] = [e.operator]);
|
|
1885
1892
|
}
|
|
1886
|
-
return
|
|
1893
|
+
return wt(l);
|
|
1887
1894
|
}
|
|
1888
|
-
function
|
|
1889
|
-
let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ??
|
|
1895
|
+
function Pt(e, t, n = {}) {
|
|
1896
|
+
let r = n.preserveUnrelated ?? !0, i = n.resetPageKeys ?? xt, a = r ? Ct(e) : {}, o = Ct(t);
|
|
1890
1897
|
for (let e of i) delete a[e];
|
|
1891
1898
|
for (let [e, t] of Object.entries(o)) t.length === 0 ? delete a[e] : a[e] = t;
|
|
1892
|
-
return
|
|
1899
|
+
return wt(a);
|
|
1893
1900
|
}
|
|
1894
1901
|
//#endregion
|
|
1895
1902
|
//#region src/components/features/filters/facets/select-facet.tsx
|
|
1896
|
-
function
|
|
1897
|
-
let { defaultScale: c } = e(), l =
|
|
1903
|
+
function Ft({ filter: t, value: n, onValueChange: a, className: s }) {
|
|
1904
|
+
let { defaultScale: c } = e(), l = N(void 0, c), { strings: u } = $(), [d, f] = K(!1), [p, m] = K(""), h = n.length > 0, g = t.options, _ = (e) => {
|
|
1898
1905
|
t.multiple ? n.includes(e) ? a(n.filter((t) => t !== e)) : a([...n, e]) : (a([e]), t.closeOnSelect !== !1 && f(!1));
|
|
1899
|
-
}, v = (e) => g?.find((t) => t.value === e)?.label ?? e, y =
|
|
1906
|
+
}, v = (e) => g?.find((t) => t.value === e)?.label ?? e, y = W(() => (g ?? []).map((e) => ({
|
|
1900
1907
|
value: e.value,
|
|
1901
1908
|
label: e.label,
|
|
1902
1909
|
description: e.description,
|
|
1903
1910
|
icon: e.icon,
|
|
1904
1911
|
selected: n.includes(e.value),
|
|
1905
1912
|
disabled: e.disabled
|
|
1906
|
-
})), [g, n]), b =
|
|
1907
|
-
return /* @__PURE__ */
|
|
1908
|
-
className: r("select-facet--component", "relative",
|
|
1909
|
-
children: /* @__PURE__ */
|
|
1913
|
+
})), [g, n]), b = X(u.searchPlaceholder, { filterLabel: t.label.toLowerCase() });
|
|
1914
|
+
return /* @__PURE__ */ J("div", {
|
|
1915
|
+
className: r("select-facet--component", "relative", s),
|
|
1916
|
+
children: /* @__PURE__ */ J(se, {
|
|
1910
1917
|
open: d,
|
|
1911
1918
|
onOpenChange: f,
|
|
1912
1919
|
search: !0,
|
|
@@ -1917,30 +1924,30 @@ function Nt({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
1917
1924
|
empty: u.noOptionsFound
|
|
1918
1925
|
},
|
|
1919
1926
|
contentClassName: "w-(--anchor-width) min-w-56",
|
|
1920
|
-
trigger: /* @__PURE__ */
|
|
1927
|
+
trigger: /* @__PURE__ */ Y(i, {
|
|
1921
1928
|
tone: "secondary",
|
|
1922
1929
|
buttonStyle: "outline",
|
|
1923
1930
|
size: l,
|
|
1924
1931
|
role: "combobox",
|
|
1925
1932
|
"aria-expanded": d,
|
|
1926
|
-
className:
|
|
1927
|
-
children: [h ? n.length === 1 ? /* @__PURE__ */
|
|
1933
|
+
className: M(l),
|
|
1934
|
+
children: [h ? n.length === 1 ? /* @__PURE__ */ J(o, {
|
|
1928
1935
|
tag: "span",
|
|
1929
1936
|
weight: "semibold",
|
|
1930
1937
|
className: "truncate",
|
|
1931
1938
|
children: v(n[0])
|
|
1932
|
-
}) : /* @__PURE__ */
|
|
1939
|
+
}) : /* @__PURE__ */ J(o, {
|
|
1933
1940
|
tag: "span",
|
|
1934
1941
|
weight: "semibold",
|
|
1935
|
-
children:
|
|
1942
|
+
children: X(u.selected, {
|
|
1936
1943
|
count: n.length,
|
|
1937
1944
|
filterLabel: (n.length > 1 ? t.pluralLabel : t.label) ?? t.label
|
|
1938
1945
|
})
|
|
1939
|
-
}) : /* @__PURE__ */
|
|
1946
|
+
}) : /* @__PURE__ */ J(o, {
|
|
1940
1947
|
tag: "span",
|
|
1941
1948
|
type: "secondary",
|
|
1942
1949
|
children: t.placeholder ?? u.select
|
|
1943
|
-
}), /* @__PURE__ */
|
|
1950
|
+
}), /* @__PURE__ */ J(ve, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
|
|
1944
1951
|
}),
|
|
1945
1952
|
items: y,
|
|
1946
1953
|
onSelect: (e) => _(e.value)
|
|
@@ -1949,30 +1956,30 @@ function Nt({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
1949
1956
|
}
|
|
1950
1957
|
//#endregion
|
|
1951
1958
|
//#region src/components/features/filters/facets/async-select-facet.tsx
|
|
1952
|
-
function
|
|
1953
|
-
let { defaultScale: c } = e(),
|
|
1959
|
+
function It({ filter: t, value: n, onValueChange: a, className: s }) {
|
|
1960
|
+
let { defaultScale: c } = e(), l = N(void 0, c), { strings: d, cacheAsyncOptions: m, getAsyncOptionLabel: h, reportError: g } = $(), [_, v] = K(!1), [y, b] = K(""), x = W(() => /* @__PURE__ */ new Map(), [
|
|
1954
1961
|
t.key,
|
|
1955
1962
|
t.asyncConfig?.fetcher,
|
|
1956
1963
|
t.asyncConfig?.mapToOption
|
|
1957
|
-
]), { options:
|
|
1958
|
-
|
|
1959
|
-
if (
|
|
1960
|
-
for (let e of
|
|
1961
|
-
m(t.key,
|
|
1964
|
+
]), { options: S, isLoading: C, isFetching: k, isError: j, refetch: P, isBelowMinQuery: F, minQueryLength: I } = Xe(t, y, _, { onError: g });
|
|
1965
|
+
U(() => {
|
|
1966
|
+
if (S.length !== 0) {
|
|
1967
|
+
for (let e of S) x.set(e.value, e);
|
|
1968
|
+
m(t.key, S);
|
|
1962
1969
|
}
|
|
1963
1970
|
}, [
|
|
1964
1971
|
m,
|
|
1965
1972
|
t.key,
|
|
1966
1973
|
x,
|
|
1967
|
-
|
|
1974
|
+
S
|
|
1968
1975
|
]);
|
|
1969
|
-
let
|
|
1970
|
-
let e = new Set(n), r = new Set([...
|
|
1976
|
+
let R = t.multiple !== !1, z = t.maxSelected, B = W(() => t.options ?? [], [t.options]), ne = W(() => {
|
|
1977
|
+
let e = new Set(n), r = new Set([...B, ...S].map((e) => e.value)), i = [];
|
|
1971
1978
|
for (let e of n) if (!r.has(e)) {
|
|
1972
1979
|
let n = x.get(e);
|
|
1973
1980
|
if (n) i.push(n);
|
|
1974
1981
|
else {
|
|
1975
|
-
let n =
|
|
1982
|
+
let n = B.find((t) => t.value === e);
|
|
1976
1983
|
if (n) {
|
|
1977
1984
|
i.push(n);
|
|
1978
1985
|
continue;
|
|
@@ -1987,133 +1994,133 @@ function Pt({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
1987
1994
|
}
|
|
1988
1995
|
return [
|
|
1989
1996
|
...i,
|
|
1990
|
-
...
|
|
1991
|
-
...
|
|
1997
|
+
...B,
|
|
1998
|
+
...S
|
|
1992
1999
|
].sort((t, n) => +!e.has(t.value) - !e.has(n.value));
|
|
1993
2000
|
}, [
|
|
1994
|
-
|
|
1995
|
-
|
|
2001
|
+
B,
|
|
2002
|
+
S,
|
|
1996
2003
|
n,
|
|
1997
2004
|
t.key,
|
|
1998
2005
|
t.icon,
|
|
1999
2006
|
x,
|
|
2000
2007
|
h
|
|
2001
|
-
]),
|
|
2002
|
-
if (
|
|
2008
|
+
]), re = (e) => {
|
|
2009
|
+
if (R) {
|
|
2003
2010
|
if (n.includes(e)) a(n.filter((t) => t !== e));
|
|
2004
2011
|
else {
|
|
2005
|
-
if (
|
|
2012
|
+
if (z && n.length >= z) return;
|
|
2006
2013
|
a([...n, e]);
|
|
2007
2014
|
}
|
|
2008
2015
|
} else a([e]), t.closeOnSelect !== !1 && v(!1);
|
|
2009
|
-
},
|
|
2010
|
-
let n =
|
|
2016
|
+
}, ie = (e) => {
|
|
2017
|
+
let n = S.find((t) => t.value === e);
|
|
2011
2018
|
if (n) return n.label;
|
|
2012
|
-
let r =
|
|
2019
|
+
let r = B.find((t) => t.value === e);
|
|
2013
2020
|
if (r) return r.label;
|
|
2014
2021
|
let i = x.get(e);
|
|
2015
2022
|
return i ? i.label : h(t.key, e) ?? e;
|
|
2016
|
-
},
|
|
2023
|
+
}, ae = n.length > 0, oe = W(() => C || k ? /* @__PURE__ */ J(f, {
|
|
2017
2024
|
className: "async-select-facet--component",
|
|
2018
|
-
label:
|
|
2019
|
-
}) :
|
|
2025
|
+
label: d.searching
|
|
2026
|
+
}) : j ? /* @__PURE__ */ J(p, {
|
|
2020
2027
|
variant: "inline",
|
|
2021
|
-
title:
|
|
2022
|
-
action: /* @__PURE__ */
|
|
2028
|
+
title: d.fetchError,
|
|
2029
|
+
action: /* @__PURE__ */ J(i, {
|
|
2023
2030
|
tone: "secondary",
|
|
2024
2031
|
buttonStyle: "outline",
|
|
2025
2032
|
size: "sm",
|
|
2026
2033
|
onClick: (e) => {
|
|
2027
2034
|
e.stopPropagation(), P();
|
|
2028
2035
|
},
|
|
2029
|
-
children:
|
|
2036
|
+
children: d.retryFetch
|
|
2030
2037
|
})
|
|
2031
|
-
}) : F ? /* @__PURE__ */
|
|
2038
|
+
}) : F ? /* @__PURE__ */ J("div", {
|
|
2032
2039
|
className: "text-muted-foreground flex items-center justify-center py-space-xl",
|
|
2033
|
-
children: /* @__PURE__ */
|
|
2040
|
+
children: /* @__PURE__ */ J(o, {
|
|
2034
2041
|
tag: "span",
|
|
2035
2042
|
size: "xs",
|
|
2036
2043
|
type: "secondary",
|
|
2037
|
-
children:
|
|
2044
|
+
children: X(d.minQueryHint, { min: I })
|
|
2038
2045
|
})
|
|
2039
|
-
}) : /* @__PURE__ */
|
|
2046
|
+
}) : /* @__PURE__ */ J(o, {
|
|
2040
2047
|
tag: "span",
|
|
2041
2048
|
type: "secondary",
|
|
2042
|
-
children:
|
|
2049
|
+
children: d.noOptionsFound
|
|
2043
2050
|
}), [
|
|
2051
|
+
C,
|
|
2052
|
+
k,
|
|
2044
2053
|
j,
|
|
2045
|
-
M,
|
|
2046
|
-
N,
|
|
2047
2054
|
F,
|
|
2048
|
-
|
|
2049
|
-
|
|
2055
|
+
I,
|
|
2056
|
+
d,
|
|
2050
2057
|
P
|
|
2051
2058
|
]);
|
|
2052
|
-
return /* @__PURE__ */
|
|
2053
|
-
className: r("async-select-facet--component relative",
|
|
2054
|
-
children: /* @__PURE__ */
|
|
2059
|
+
return /* @__PURE__ */ J("div", {
|
|
2060
|
+
className: r("async-select-facet--component relative", s),
|
|
2061
|
+
children: /* @__PURE__ */ Y(ee, {
|
|
2055
2062
|
open: _,
|
|
2056
2063
|
onOpenChange: (e) => {
|
|
2057
2064
|
v(e), e || b("");
|
|
2058
2065
|
},
|
|
2059
|
-
children: [/* @__PURE__ */
|
|
2066
|
+
children: [/* @__PURE__ */ J(L, { render: /* @__PURE__ */ Y(i, {
|
|
2060
2067
|
tone: "secondary",
|
|
2061
2068
|
buttonStyle: "outline",
|
|
2062
|
-
size:
|
|
2069
|
+
size: l,
|
|
2063
2070
|
role: "combobox",
|
|
2064
2071
|
"aria-expanded": _,
|
|
2065
|
-
className:
|
|
2066
|
-
children: [
|
|
2072
|
+
className: M(l),
|
|
2073
|
+
children: [ae ? n.length === 1 ? /* @__PURE__ */ J(o, {
|
|
2067
2074
|
tag: "span",
|
|
2068
2075
|
weight: "semibold",
|
|
2069
2076
|
className: "truncate",
|
|
2070
|
-
children:
|
|
2071
|
-
}) : /* @__PURE__ */
|
|
2077
|
+
children: ie(n[0])
|
|
2078
|
+
}) : /* @__PURE__ */ J(o, {
|
|
2072
2079
|
tag: "span",
|
|
2073
2080
|
weight: "semibold",
|
|
2074
|
-
children:
|
|
2081
|
+
children: X(d.selected, {
|
|
2075
2082
|
count: n.length,
|
|
2076
2083
|
filterLabel: (n.length > 1 ? t.pluralLabel : t.label) ?? t.label
|
|
2077
2084
|
})
|
|
2078
|
-
}) : /* @__PURE__ */
|
|
2085
|
+
}) : /* @__PURE__ */ J(o, {
|
|
2079
2086
|
tag: "span",
|
|
2080
2087
|
type: "secondary",
|
|
2081
|
-
children: t.placeholder ??
|
|
2082
|
-
}), /* @__PURE__ */
|
|
2083
|
-
}) }), /* @__PURE__ */
|
|
2088
|
+
children: t.placeholder ?? d.select
|
|
2089
|
+
}), /* @__PURE__ */ J(ve, { className: "ml-control-gap-small size-icon-sm shrink-0 opacity-50" })]
|
|
2090
|
+
}) }), /* @__PURE__ */ J(te, {
|
|
2084
2091
|
type: "menu",
|
|
2085
2092
|
inset: "flush",
|
|
2086
2093
|
className: "w-full min-w-70 gap-0",
|
|
2087
|
-
children: /* @__PURE__ */
|
|
2094
|
+
children: /* @__PURE__ */ Y(A, {
|
|
2088
2095
|
shouldFilter: !1,
|
|
2089
2096
|
inset: "flush",
|
|
2090
2097
|
className: "rounded-none",
|
|
2091
|
-
children: [/* @__PURE__ */
|
|
2092
|
-
placeholder:
|
|
2098
|
+
children: [/* @__PURE__ */ J(T, {
|
|
2099
|
+
placeholder: X(d.searchPlaceholder, { filterLabel: t.label }),
|
|
2093
2100
|
value: y,
|
|
2094
2101
|
onValueChange: b
|
|
2095
|
-
}), /* @__PURE__ */
|
|
2102
|
+
}), /* @__PURE__ */ J(D, { children: ne.length === 0 ? /* @__PURE__ */ J(E, { children: oe }) : /* @__PURE__ */ Y(O, { children: [!(!k || C) && /* @__PURE__ */ Y(u, {
|
|
2096
2103
|
direction: "horizontal",
|
|
2097
2104
|
gap: "sm",
|
|
2098
2105
|
wrap: !1,
|
|
2099
2106
|
className: "px-control-sm py-space-xs",
|
|
2100
|
-
children: [/* @__PURE__ */
|
|
2107
|
+
children: [/* @__PURE__ */ J(be, { className: "text-muted-foreground size-icon-sm animate-spin" }), /* @__PURE__ */ J(o, {
|
|
2101
2108
|
tag: "span",
|
|
2102
2109
|
size: "xs",
|
|
2103
2110
|
type: "secondary",
|
|
2104
|
-
children:
|
|
2111
|
+
children: d.searching
|
|
2105
2112
|
})]
|
|
2106
|
-
}),
|
|
2113
|
+
}), ne.map((e) => /* @__PURE__ */ Y(w, {
|
|
2107
2114
|
value: e.value,
|
|
2108
|
-
onSelect: () =>
|
|
2109
|
-
disabled: e.disabled || !!
|
|
2115
|
+
onSelect: () => re(e.value),
|
|
2116
|
+
disabled: e.disabled || !!z && n.length >= z && !n.includes(e.value),
|
|
2110
2117
|
children: [
|
|
2111
|
-
/* @__PURE__ */
|
|
2112
|
-
!!e.icon && /* @__PURE__ */
|
|
2118
|
+
/* @__PURE__ */ J(he, { className: r("mr-control-gap size-icon-sm", n.includes(e.value) ? "opacity-100" : "opacity-0") }),
|
|
2119
|
+
!!e.icon && /* @__PURE__ */ J("span", {
|
|
2113
2120
|
className: "mr-1.5",
|
|
2114
2121
|
children: e.icon
|
|
2115
2122
|
}),
|
|
2116
|
-
/* @__PURE__ */
|
|
2123
|
+
/* @__PURE__ */ J(o, {
|
|
2117
2124
|
tag: "span",
|
|
2118
2125
|
children: e.label
|
|
2119
2126
|
})
|
|
@@ -2126,48 +2133,50 @@ function Pt({ filter: t, value: n, onValueChange: a, className: o }) {
|
|
|
2126
2133
|
}
|
|
2127
2134
|
//#endregion
|
|
2128
2135
|
//#region src/components/features/filters/facets/range-facet.tsx
|
|
2129
|
-
function
|
|
2130
|
-
let { strings:
|
|
2136
|
+
function Lt({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
2137
|
+
let { strings: o } = $(), [s, c] = K(t.min?.toString() ?? ""), [d, f] = K(t.max?.toString() ?? ""), p = pe(), m = ce((e) => {
|
|
2131
2138
|
(e.min !== t.min || e.max !== t.max) && n(e);
|
|
2132
2139
|
}, e.delay ?? 300);
|
|
2133
|
-
return
|
|
2140
|
+
return U(() => (m({
|
|
2134
2141
|
min: s ? Number(s) : void 0,
|
|
2135
2142
|
max: d ? Number(d) : void 0
|
|
2136
2143
|
}), m.cancel), [
|
|
2137
2144
|
s,
|
|
2138
2145
|
d,
|
|
2139
2146
|
m
|
|
2140
|
-
]), /* @__PURE__ */
|
|
2147
|
+
]), /* @__PURE__ */ J(u, {
|
|
2141
2148
|
gap: "md",
|
|
2142
2149
|
className: r("range-facet--component", i),
|
|
2143
|
-
children: /* @__PURE__ */
|
|
2150
|
+
children: /* @__PURE__ */ Y(l, {
|
|
2144
2151
|
columns: {
|
|
2145
2152
|
base: 1,
|
|
2146
2153
|
sm: 2
|
|
2147
2154
|
},
|
|
2148
2155
|
gap: "md",
|
|
2149
|
-
children: [/* @__PURE__ */
|
|
2156
|
+
children: [/* @__PURE__ */ Y(u, {
|
|
2150
2157
|
gap: "xs",
|
|
2151
|
-
children: [/* @__PURE__ */
|
|
2158
|
+
children: [/* @__PURE__ */ J(a, {
|
|
2152
2159
|
htmlFor: `${p}-min`,
|
|
2153
|
-
|
|
2154
|
-
|
|
2160
|
+
className: "text-inherit",
|
|
2161
|
+
children: o.min
|
|
2162
|
+
}), /* @__PURE__ */ J(P, {
|
|
2155
2163
|
id: `${p}-min`,
|
|
2156
2164
|
type: "text",
|
|
2157
2165
|
value: s,
|
|
2158
2166
|
onChange: (e) => {
|
|
2159
2167
|
let t = e.target.value;
|
|
2160
|
-
(t === "" || /^\d*\.?\d*$/.test(t)) &&
|
|
2168
|
+
(t === "" || /^\d*\.?\d*$/.test(t)) && c(t);
|
|
2161
2169
|
},
|
|
2162
|
-
placeholder:
|
|
2170
|
+
placeholder: o.min,
|
|
2163
2171
|
className: "w-full"
|
|
2164
2172
|
})]
|
|
2165
|
-
}), /* @__PURE__ */
|
|
2173
|
+
}), /* @__PURE__ */ Y(u, {
|
|
2166
2174
|
gap: "xs",
|
|
2167
|
-
children: [/* @__PURE__ */
|
|
2175
|
+
children: [/* @__PURE__ */ J(a, {
|
|
2168
2176
|
htmlFor: `${p}-max`,
|
|
2169
|
-
|
|
2170
|
-
|
|
2177
|
+
className: "text-inherit",
|
|
2178
|
+
children: o.max
|
|
2179
|
+
}), /* @__PURE__ */ J(P, {
|
|
2171
2180
|
id: `${p}-max`,
|
|
2172
2181
|
type: "text",
|
|
2173
2182
|
value: d,
|
|
@@ -2175,7 +2184,7 @@ function Ft({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
2175
2184
|
let t = e.target.value;
|
|
2176
2185
|
(t === "" || /^\d*\.?\d*$/.test(t)) && f(t);
|
|
2177
2186
|
},
|
|
2178
|
-
placeholder:
|
|
2187
|
+
placeholder: o.max,
|
|
2179
2188
|
className: "w-full"
|
|
2180
2189
|
})]
|
|
2181
2190
|
})]
|
|
@@ -2184,17 +2193,17 @@ function Ft({ filter: e, value: t, onValueChange: n, className: i }) {
|
|
|
2184
2193
|
}
|
|
2185
2194
|
//#endregion
|
|
2186
2195
|
//#region src/components/features/filters/validators.ts
|
|
2187
|
-
function
|
|
2196
|
+
function Rt(e) {
|
|
2188
2197
|
return (t) => {
|
|
2189
2198
|
if (t == null || typeof t == "string" && t.length === 0) return !0;
|
|
2190
2199
|
let n = e.safeParse(t);
|
|
2191
2200
|
return n.success ? !0 : n.error?.issues?.[0]?.message ?? n.error?.message ?? !1;
|
|
2192
2201
|
};
|
|
2193
2202
|
}
|
|
2194
|
-
function
|
|
2203
|
+
function zt(e, t) {
|
|
2195
2204
|
return (n) => e(n) ? !0 : t;
|
|
2196
2205
|
}
|
|
2197
2206
|
//#endregion
|
|
2198
|
-
export {
|
|
2207
|
+
export { Pe as A, ze as C, Me as D, Ne as E, Oe as F, Ee as I, De as L, ke as M, Q as N, Fe as O, Z as P, X as R, Be as S, $ as T, nt as _, Ft as a, Je as b, Nt as c, ht as d, ft as f, st as g, lt as h, It as i, Ae as j, je as k, yt as l, ut as m, Rt as n, Pt as o, dt as p, Lt as r, Mt as s, zt as t, gt as u, $e as v, Re as w, Ve as x, Xe as y };
|
|
2199
2208
|
|
|
2200
|
-
//# sourceMappingURL=filters-
|
|
2209
|
+
//# sourceMappingURL=filters-DJVAveHA.js.map
|