@purpur/library 10.1.0 → 10.2.0
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.json +57 -0
- package/CHANGELOG.md +26 -1
- package/dist/LICENSE.txt +14 -7
- package/dist/{RichText-B865Qkzj.js → RichText-CeYecUFV.js} +2 -2
- package/dist/{RichText-B865Qkzj.js.map → RichText-CeYecUFV.js.map} +1 -1
- package/dist/{RichText-CPkBwXNI.mjs → RichText-CwQfDo_S.mjs} +2 -2
- package/dist/{RichText-CPkBwXNI.mjs.map → RichText-CwQfDo_S.mjs.map} +1 -1
- package/dist/{ThemeProvider-BJGm3zai.js → ThemeProvider-BGep6X_i.js} +2 -2
- package/dist/{ThemeProvider-BJGm3zai.js.map → ThemeProvider-BGep6X_i.js.map} +1 -1
- package/dist/{ThemeProvider-BJ25_asg.mjs → ThemeProvider-BrAZhasG.mjs} +13 -13
- package/dist/{ThemeProvider-BJ25_asg.mjs.map → ThemeProvider-BrAZhasG.mjs.map} +1 -1
- package/dist/components/accordion/src/accordion-item.d.ts +3 -3
- package/dist/components/accordion/src/accordion.d.ts +1 -1
- package/dist/components/alert-badge/src/alert-badge.d.ts +1 -1
- package/dist/components/avatar/src/avatar.d.ts +1 -1
- package/dist/components/breadcrumbs/src/breadcrumbs.d.ts +1 -1
- package/dist/components/card/src/card-badge.d.ts +1 -1
- package/dist/components/card/src/card-content.d.ts +2 -2
- package/dist/components/card/src/card-cta.d.ts +2 -2
- package/dist/components/card/src/card-media-layout.d.ts +1 -1
- package/dist/components/card/src/card-root.d.ts +2 -2
- package/dist/components/comparison-table/src/components/OptionCard/option-card.d.ts +1 -1
- package/dist/components/container/src/container.d.ts +2 -2
- package/dist/components/container/src/container.visual.fixtures.d.ts +14 -0
- package/dist/components/container/src/container.visual.fixtures.d.ts.map +1 -0
- package/dist/components/content-block/src/content-block-group.d.ts +2 -2
- package/dist/components/content-block/src/content-block.d.ts +2 -2
- package/dist/components/countdown/src/countdown.d.ts +1 -1
- package/dist/components/countdown/src/countdown.d.ts.map +1 -1
- package/dist/components/countdown/src/countdown.types.d.ts +19 -3
- package/dist/components/countdown/src/countdown.types.d.ts.map +1 -1
- package/dist/components/counter-badge/src/counter-badge.d.ts +1 -1
- package/dist/components/cta-link/src/cta-link.d.ts +10 -10
- package/dist/components/date-field/src/date-field.d.ts +14 -6
- package/dist/components/date-field/src/date-field.d.ts.map +1 -1
- package/dist/components/date-field/src/utils.d.ts +40 -2
- package/dist/components/date-field/src/utils.d.ts.map +1 -1
- package/dist/components/date-picker/src/date-picker.d.ts +4 -4
- package/dist/components/date-range-field/src/date-range-field.d.ts +4 -2
- package/dist/components/date-range-field/src/date-range-field.d.ts.map +1 -1
- package/dist/components/dismissable-chip-group/src/dismissable-chip-group.d.ts +2 -2
- package/dist/components/drawer/src/drawer-container.d.ts +2 -2
- package/dist/components/drawer/src/drawer-scroll-area.d.ts +1 -1
- package/dist/components/drawer/src/drawer-trigger.d.ts +2 -2
- package/dist/components/drawer/src/drawer.d.ts +1 -1
- package/dist/components/dropdown/src/dropdown-combobox.d.ts.map +1 -1
- package/dist/components/dropdown/src/dropdown-shared.d.ts +3 -1
- package/dist/components/dropdown/src/dropdown-shared.d.ts.map +1 -1
- package/dist/components/dropdown/src/dropdown.types.d.ts +3 -0
- package/dist/components/dropdown/src/dropdown.types.d.ts.map +1 -1
- package/dist/components/dropdown/src/useDropdown.d.ts +1 -1
- package/dist/components/file-upload/src/file-upload-types.d.ts +1 -1
- package/dist/components/footer/src/footer-navigation.d.ts +2 -2
- package/dist/components/footer/src/footer-social-link.d.ts +3 -3
- package/dist/components/footer/src/footer.d.ts +1 -1
- package/dist/components/grid/src/grid.d.ts +1 -1
- package/dist/components/grid/src/grid.item.d.ts +1 -1
- package/dist/components/heading/src/heading.d.ts +1 -1
- package/dist/components/label/src/label.d.ts +1 -1
- package/dist/components/link/src/link.d.ts +1 -1
- package/dist/components/loading/src/loading-illustrative.d.ts +1 -1
- package/dist/components/logo/src/logo.types.d.ts +1 -1
- package/dist/components/modal/src/modal-content.d.ts +2 -2
- package/dist/components/modal/src/modal-trigger.d.ts +2 -2
- package/dist/components/notification/src/notification.d.ts +2 -2
- package/dist/components/pagination/src/pagination-page-selector.d.ts +1 -1
- package/dist/components/pagination/src/pagination-page-size-selector.d.ts +2 -2
- package/dist/components/pagination/src/pagination-pages.d.ts +1 -1
- package/dist/components/pagination/src/pagination-step-trigger.d.ts +1 -1
- package/dist/components/pagination/src/use-page-size-options.hook.d.ts +2 -2
- package/dist/components/password-field/src/password-field.d.ts +1 -1
- package/dist/components/password-field/src/password-strength-indicator.d.ts +2 -2
- package/dist/components/popover/src/popover-button.d.ts +2 -2
- package/dist/components/radio-card-group/src/radio-card-group.d.ts +2 -2
- package/dist/components/radio-card-group/src/radio-card-item.d.ts +1 -1
- package/dist/components/search-field/src/search-field-autocomplete.d.ts +7 -4
- package/dist/components/search-field/src/search-field-autocomplete.d.ts.map +1 -1
- package/dist/components/search-field/src/search-field-base.d.ts +4 -2
- package/dist/components/search-field/src/search-field-base.d.ts.map +1 -1
- package/dist/components/search-field/src/search-field.d.ts +6 -0
- package/dist/components/search-field/src/search-field.d.ts.map +1 -1
- package/dist/components/select/src/select.d.ts +2 -2
- package/dist/components/spacer/src/spacer.d.ts +1 -1
- package/dist/components/spinner/src/spinner.d.ts +1 -1
- package/dist/components/stepper/src/stepper-container.d.ts +1 -1
- package/dist/components/stepper/src/stepper-link.d.ts +1 -1
- package/dist/components/table/src/story-utils/table-data.d.ts +4 -4
- package/dist/components/table/src/test-utils/table-data.d.ts +3 -3
- package/dist/components/table/src/types.d.ts +3 -3
- package/dist/components/tabs/src/tab-content.d.ts +1 -1
- package/dist/components/text-area/src/text-area.d.ts +1 -1
- package/dist/components/text-spacing/src/text-spacing.d.ts +1 -1
- package/dist/components/toggle/src/toggle.d.ts +1 -1
- package/dist/components/tooltip/src/tooltip.d.ts +3 -3
- package/dist/components-metadata.js +1 -0
- package/dist/countdown-CdGFNLZq.js +2 -0
- package/dist/countdown-CdGFNLZq.js.map +1 -0
- package/dist/countdown-G7eg3CZj.mjs +188 -0
- package/dist/countdown-G7eg3CZj.mjs.map +1 -0
- package/dist/countdown.cjs.js +1 -1
- package/dist/countdown.es.js +1 -1
- package/dist/country-flag-icon/LICENSE.txt +0 -11
- package/dist/date-field-D8yGH1mw.js +2 -0
- package/dist/{date-field-CtpWDaSh.js.map → date-field-D8yGH1mw.js.map} +1 -1
- package/dist/{date-field-_rCuf15v.mjs → date-field-DVMPYoLT.mjs} +361 -311
- package/dist/{date-field-_rCuf15v.mjs.map → date-field-DVMPYoLT.mjs.map} +1 -1
- package/dist/date-field.cjs.js +1 -1
- package/dist/date-field.es.js +1 -1
- package/dist/{date-picker-sqcNAplg.mjs → date-picker-Ban9DLsx.mjs} +6 -6
- package/dist/{date-picker-sqcNAplg.mjs.map → date-picker-Ban9DLsx.mjs.map} +1 -1
- package/dist/{date-picker-BYlszX1W.js → date-picker-re3cPV_Z.js} +2 -2
- package/dist/{date-picker-BYlszX1W.js.map → date-picker-re3cPV_Z.js.map} +1 -1
- package/dist/date-picker.cjs.js +1 -1
- package/dist/date-picker.es.js +1 -1
- package/dist/date-range-field-8JmPw-Ei.js +2 -0
- package/dist/date-range-field-8JmPw-Ei.js.map +1 -0
- package/dist/{date-range-field-BmjQeiOv.mjs → date-range-field-dmJO66U_.mjs} +64 -61
- package/dist/date-range-field-dmJO66U_.mjs.map +1 -0
- package/dist/date-range-field.cjs.js +1 -1
- package/dist/date-range-field.es.js +1 -1
- package/dist/dismissable-chip-group-CVo3CS8K.js +2 -0
- package/dist/dismissable-chip-group-CVo3CS8K.js.map +1 -0
- package/dist/dismissable-chip-group-Dov2-9Fe.mjs +95 -0
- package/dist/dismissable-chip-group-Dov2-9Fe.mjs.map +1 -0
- package/dist/dismissable-chip-group.cjs.js +1 -1
- package/dist/dismissable-chip-group.es.js +1 -1
- package/dist/{drawer-oFJcxW58.js → drawer-CSagTJjN.js} +2 -2
- package/dist/{drawer-oFJcxW58.js.map → drawer-CSagTJjN.js.map} +1 -1
- package/dist/{drawer-Chx3H8EU.mjs → drawer-Cw-Y9XH9.mjs} +3 -3
- package/dist/{drawer-Chx3H8EU.mjs.map → drawer-Cw-Y9XH9.mjs.map} +1 -1
- package/dist/drawer.cjs.js +1 -1
- package/dist/drawer.es.js +1 -1
- package/dist/dropdown-BAM4nQhd.mjs +955 -0
- package/dist/dropdown-BAM4nQhd.mjs.map +1 -0
- package/dist/dropdown-Cr8DVw2T.js +2 -0
- package/dist/dropdown-Cr8DVw2T.js.map +1 -0
- package/dist/dropdown.cjs.js +1 -1
- package/dist/dropdown.es.js +1 -1
- package/dist/{file-upload-MvNuX4ks.js → file-upload-CdlYkCg8.js} +2 -2
- package/dist/{file-upload-MvNuX4ks.js.map → file-upload-CdlYkCg8.js.map} +1 -1
- package/dist/{file-upload-Ctw6LCTU.mjs → file-upload-ih5NqF67.mjs} +2 -2
- package/dist/{file-upload-Ctw6LCTU.mjs.map → file-upload-ih5NqF67.mjs.map} +1 -1
- package/dist/file-upload.cjs.js +1 -1
- package/dist/file-upload.es.js +1 -1
- package/dist/{footer-DkVmTd-f.mjs → footer-CVVt8hUE.mjs} +3 -3
- package/dist/{footer-DkVmTd-f.mjs.map → footer-CVVt8hUE.mjs.map} +1 -1
- package/dist/{footer-Bbemct3Z.js → footer-Cat9-v7l.js} +2 -2
- package/dist/{footer-Bbemct3Z.js.map → footer-Cat9-v7l.js.map} +1 -1
- package/dist/footer.cjs.js +1 -1
- package/dist/footer.es.js +1 -1
- package/dist/{hero-banner-Mag1OwL4.js → hero-banner-BNw3eNTs.js} +2 -2
- package/dist/{hero-banner-Mag1OwL4.js.map → hero-banner-BNw3eNTs.js.map} +1 -1
- package/dist/{hero-banner-ChDoFRhq.mjs → hero-banner-MnKuFSku.mjs} +2 -2
- package/dist/{hero-banner-ChDoFRhq.mjs.map → hero-banner-MnKuFSku.mjs.map} +1 -1
- package/dist/hero-banner.cjs.js +1 -1
- package/dist/hero-banner.es.js +1 -1
- package/dist/libraries/library/src/container.d.ts +1 -1
- package/dist/libraries/library/src/content-block.d.ts +1 -1
- package/dist/libraries/library/src/quantity-selector.d.ts +2 -2
- package/dist/libraries/theme/src/ThemeProvider.d.ts +1 -1
- package/dist/libraries/theme/src/theme-props.d.ts +1 -0
- package/dist/libraries/theme/src/theme-props.d.ts.map +1 -1
- package/dist/libraries/tokens/dist/color/variables.d.ts +1 -0
- package/dist/libraries/tokens/dist/color/variables.dark.d.ts +1 -0
- package/dist/library.cjs.js +1 -1
- package/dist/library.es.js +293 -292
- package/dist/{modal-CXOYUsJm.js → modal-BSN-wIcN.js} +2 -2
- package/dist/{modal-CXOYUsJm.js.map → modal-BSN-wIcN.js.map} +1 -1
- package/dist/{modal-Pwvhrzn-.mjs → modal-CnzUgU97.mjs} +3 -3
- package/dist/{modal-Pwvhrzn-.mjs.map → modal-CnzUgU97.mjs.map} +1 -1
- package/dist/modal.cjs.js +1 -1
- package/dist/modal.es.js +1 -1
- package/dist/{popover-B6ntmuEK.mjs → popover-B-oWzP-0.mjs} +3 -3
- package/dist/{popover-B6ntmuEK.mjs.map → popover-B-oWzP-0.mjs.map} +1 -1
- package/dist/{popover-DJHMEFXP.js → popover-BzoAQW0i.js} +2 -2
- package/dist/{popover-DJHMEFXP.js.map → popover-BzoAQW0i.js.map} +1 -1
- package/dist/popover.cjs.js +1 -1
- package/dist/popover.es.js +1 -1
- package/dist/{promotion-card-B3mz__m7.js → promotion-card-B8bnNVZ-.js} +2 -2
- package/dist/{promotion-card-B3mz__m7.js.map → promotion-card-B8bnNVZ-.js.map} +1 -1
- package/dist/{promotion-card-Co6qAkTZ.mjs → promotion-card-DwNbzSK3.mjs} +2 -2
- package/dist/{promotion-card-Co6qAkTZ.mjs.map → promotion-card-DwNbzSK3.mjs.map} +1 -1
- package/dist/promotion-card.cjs.js +1 -1
- package/dist/promotion-card.es.js +1 -1
- package/dist/purpur.css +1 -1
- package/dist/rich-text.cjs.js +1 -1
- package/dist/rich-text.es.js +1 -1
- package/dist/search-field-BR4gETPP.js +2 -0
- package/dist/search-field-BR4gETPP.js.map +1 -0
- package/dist/search-field-DyBcoB9g.mjs +186 -0
- package/dist/search-field-DyBcoB9g.mjs.map +1 -0
- package/dist/search-field.cjs.js +1 -1
- package/dist/search-field.es.js +1 -1
- package/dist/{stepper-D59T-Y2_.mjs → stepper-CGBjyjVw.mjs} +2 -2
- package/dist/{stepper-D59T-Y2_.mjs.map → stepper-CGBjyjVw.mjs.map} +1 -1
- package/dist/{stepper-Dao4XaDV.js → stepper-CbcFVE3v.js} +2 -2
- package/dist/{stepper-Dao4XaDV.js.map → stepper-CbcFVE3v.js.map} +1 -1
- package/dist/stepper.cjs.js +1 -1
- package/dist/stepper.es.js +1 -1
- package/dist/{table-BkXNxvjW.js → table-CFBK5Gv4.js} +3 -3
- package/dist/{table-BkXNxvjW.js.map → table-CFBK5Gv4.js.map} +1 -1
- package/dist/{table-CY8rjMoR.mjs → table-PdfWMFks.mjs} +8 -8
- package/dist/{table-CY8rjMoR.mjs.map → table-PdfWMFks.mjs.map} +1 -1
- package/dist/table.cjs.js +1 -1
- package/dist/table.es.js +1 -1
- package/dist/{text-area-9RUldq6W.js → text-area-AHqUSmEE.js} +2 -2
- package/dist/{text-area-9RUldq6W.js.map → text-area-AHqUSmEE.js.map} +1 -1
- package/dist/{text-area-C58aZEPa.mjs → text-area-DabB5eo_.mjs} +3 -3
- package/dist/{text-area-C58aZEPa.mjs.map → text-area-DabB5eo_.mjs.map} +1 -1
- package/dist/text-area.cjs.js +1 -1
- package/dist/text-area.es.js +1 -1
- package/dist/{text-spacing-BU0mkEf9.mjs → text-spacing-Bmkv_rmc.mjs} +3 -3
- package/dist/{text-spacing-BU0mkEf9.mjs.map → text-spacing-Bmkv_rmc.mjs.map} +1 -1
- package/dist/{text-spacing-CiGPZHuB.js → text-spacing-CdnbUO6z.js} +2 -2
- package/dist/{text-spacing-CiGPZHuB.js.map → text-spacing-CdnbUO6z.js.map} +1 -1
- package/dist/text-spacing.cjs.js +1 -1
- package/dist/text-spacing.es.js +1 -1
- package/dist/theme.cjs.js +1 -1
- package/dist/theme.es.js +3 -3
- package/dist/tokens/color/variables.css +1 -0
- package/dist/tokens/color/variables.d.ts +1 -0
- package/dist/tokens/color/variables.dark.css +1 -0
- package/dist/tokens/color/variables.dark.d.ts +1 -0
- package/dist/tokens/color/variables.dark.js +1 -0
- package/dist/tokens/color/variables.dark.json +1 -0
- package/dist/tokens/color/variables.dark.scss +1 -0
- package/dist/tokens/color/variables.js +1 -0
- package/dist/tokens/color/variables.json +1 -0
- package/dist/tokens/color/variables.scss +1 -0
- package/dist/tokens.cjs.js +1 -1
- package/dist/tokens.es.js +167 -166
- package/dist/{tooltip-DeP1UsPW.js → tooltip-DRW4N9Z-.js} +2 -2
- package/dist/{tooltip-DeP1UsPW.js.map → tooltip-DRW4N9Z-.js.map} +1 -1
- package/dist/{tooltip-bqdd2lJL.mjs → tooltip-DzY9olpb.mjs} +3 -3
- package/dist/{tooltip-bqdd2lJL.mjs.map → tooltip-DzY9olpb.mjs.map} +1 -1
- package/dist/tooltip.cjs.js +1 -1
- package/dist/tooltip.es.js +1 -1
- package/dist/use-autocomplete.es-CoAeiJiu.mjs +155 -0
- package/dist/use-autocomplete.es-CoAeiJiu.mjs.map +1 -0
- package/dist/use-autocomplete.es-Djt1u2i8.js +2 -0
- package/dist/use-autocomplete.es-Djt1u2i8.js.map +1 -0
- package/dist/useColorScheme-BtOgJUTy.js +2 -0
- package/dist/{useColorScheme-BHhPgv9q.js.map → useColorScheme-BtOgJUTy.js.map} +1 -1
- package/dist/{useColorScheme-B7lGBSe4.mjs → useColorScheme-DXAxJPXW.mjs} +2 -2
- package/dist/{useColorScheme-B7lGBSe4.mjs.map → useColorScheme-DXAxJPXW.mjs.map} +1 -1
- package/dist/useThemePortalContainer-Cs1c-2AI.js +2 -0
- package/dist/{useThemePortalContainer-CUcqV327.js.map → useThemePortalContainer-Cs1c-2AI.js.map} +1 -1
- package/dist/useThemePortalContainer-DeKoE-E_.mjs +9 -0
- package/dist/{useThemePortalContainer-D13Xx24N.mjs.map → useThemePortalContainer-DeKoE-E_.mjs.map} +1 -1
- package/dist/variables-CTBx79yI.js +2 -0
- package/dist/{variables-D1vNo1lO.js.map → variables-CTBx79yI.js.map} +1 -1
- package/dist/variables-Do6SfyT0.mjs +258 -0
- package/dist/{variables-BrsAsWIF.mjs.map → variables-Do6SfyT0.mjs.map} +1 -1
- package/package.json +18 -18
- package/src/library.ts +72 -2
- package/tokens/color/variables.css +1 -0
- package/tokens/color/variables.d.ts +1 -0
- package/tokens/color/variables.dark.css +1 -0
- package/tokens/color/variables.dark.d.ts +1 -0
- package/tokens/color/variables.dark.js +1 -0
- package/tokens/color/variables.dark.json +1 -0
- package/tokens/color/variables.dark.scss +1 -0
- package/tokens/color/variables.js +1 -0
- package/tokens/color/variables.json +1 -0
- package/tokens/color/variables.scss +1 -0
- package/dist/countdown-5Ni6OlVY.mjs +0 -189
- package/dist/countdown-5Ni6OlVY.mjs.map +0 -1
- package/dist/countdown-CGXJyzB2.js +0 -2
- package/dist/countdown-CGXJyzB2.js.map +0 -1
- package/dist/date-field-CtpWDaSh.js +0 -2
- package/dist/date-range-field-B33XeBW8.js +0 -2
- package/dist/date-range-field-B33XeBW8.js.map +0 -1
- package/dist/date-range-field-BmjQeiOv.mjs.map +0 -1
- package/dist/dismissable-chip-group-5ALErhD2.js +0 -2
- package/dist/dismissable-chip-group-5ALErhD2.js.map +0 -1
- package/dist/dismissable-chip-group-DMNU7g5e.mjs +0 -94
- package/dist/dismissable-chip-group-DMNU7g5e.mjs.map +0 -1
- package/dist/dropdown-DJr5COdU.mjs +0 -945
- package/dist/dropdown-DJr5COdU.mjs.map +0 -1
- package/dist/dropdown-s8FhNU5N.js +0 -2
- package/dist/dropdown-s8FhNU5N.js.map +0 -1
- package/dist/search-field-BTJtRyw5.mjs +0 -184
- package/dist/search-field-BTJtRyw5.mjs.map +0 -1
- package/dist/search-field-nzVXak1a.js +0 -2
- package/dist/search-field-nzVXak1a.js.map +0 -1
- package/dist/use-autocomplete.es-BwAzMcau.js +0 -2
- package/dist/use-autocomplete.es-BwAzMcau.js.map +0 -1
- package/dist/use-autocomplete.es-CKb0RHKG.mjs +0 -144
- package/dist/use-autocomplete.es-CKb0RHKG.mjs.map +0 -1
- package/dist/useColorScheme-BHhPgv9q.js +0 -2
- package/dist/useThemePortalContainer-CUcqV327.js +0 -2
- package/dist/useThemePortalContainer-D13Xx24N.mjs +0 -9
- package/dist/variables-BrsAsWIF.mjs +0 -257
- package/dist/variables-D1vNo1lO.js +0 -2
|
@@ -1,184 +0,0 @@
|
|
|
1
|
-
import { jsx as e, jsxs as K } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as k, useId as V } from "react";
|
|
3
|
-
import { L as S } from "./listbox-CtV-Vcmy.mjs";
|
|
4
|
-
import { t as M } from "./use-autocomplete.es-CKb0RHKG.mjs";
|
|
5
|
-
import { c as j } from "./bind-CU-R61T-.mjs";
|
|
6
|
-
import { s as D } from "./search.es-DoFKg2Hr.mjs";
|
|
7
|
-
import { T as C } from "./text-field-MQHeITxy.mjs";
|
|
8
|
-
import { b as F } from "./button-mHw_J7JU.mjs";
|
|
9
|
-
const L = {
|
|
10
|
-
"purpur-search-field": "_purpur-search-field_fgjyk_1",
|
|
11
|
-
"purpur-search-field--has-clear-button": "_purpur-search-field--has-clear-button_fgjyk_4",
|
|
12
|
-
"purpur-search-field--no-gap": "_purpur-search-field--no-gap_fgjyk_13",
|
|
13
|
-
"purpur-search-field__wrapper": "_purpur-search-field__wrapper_fgjyk_17",
|
|
14
|
-
"purpur-search-field__wrapper--gap": "_purpur-search-field__wrapper--gap_fgjyk_20",
|
|
15
|
-
"purpur-search-field__search-icon": "_purpur-search-field__search-icon_fgjyk_24",
|
|
16
|
-
"purpur-search-field__close-icon": "_purpur-search-field__close-icon_fgjyk_24",
|
|
17
|
-
"purpur-search-field__search-icon--negative": "_purpur-search-field__search-icon--negative_fgjyk_27",
|
|
18
|
-
"purpur-search-field__close-icon--negative": "_purpur-search-field__close-icon--negative_fgjyk_27",
|
|
19
|
-
"purpur-search-field__autocomplete-root": "_purpur-search-field__autocomplete-root_fgjyk_30",
|
|
20
|
-
"purpur-search-field__listbox": "_purpur-search-field__listbox_fgjyk_34"
|
|
21
|
-
}, E = {
|
|
22
|
-
"purpur-search-field-button": "_purpur-search-field-button_c16yo_1",
|
|
23
|
-
"purpur-search-field-button--icon-only": "_purpur-search-field-button--icon-only_c16yo_1"
|
|
24
|
-
}, H = j.bind(E), I = "purpur-search-field-button", P = ({
|
|
25
|
-
["data-testid"]: t,
|
|
26
|
-
disabled: n,
|
|
27
|
-
iconOnly: p,
|
|
28
|
-
negative: u,
|
|
29
|
-
label: d,
|
|
30
|
-
type: r = "submit",
|
|
31
|
-
onClick: o
|
|
32
|
-
}) => {
|
|
33
|
-
const _ = {
|
|
34
|
-
className: H(I, {
|
|
35
|
-
[`${I}--icon-only`]: p
|
|
36
|
-
}),
|
|
37
|
-
disabled: n,
|
|
38
|
-
"data-testid": t,
|
|
39
|
-
negative: u,
|
|
40
|
-
onClick: o
|
|
41
|
-
};
|
|
42
|
-
return p ? /* @__PURE__ */ e(F, { ..._, "aria-label": d, iconOnly: !0, size: "sm", type: r, variant: "primary", children: /* @__PURE__ */ e(D, { size: "xs" }) }) : /* @__PURE__ */ e(F, { ..._, size: "sm", type: r, variant: "primary", children: d });
|
|
43
|
-
}, ee = ["button-attached", "no-button"], y = j.bind(L), l = "purpur-search-field", v = k(
|
|
44
|
-
({
|
|
45
|
-
["data-testid"]: t,
|
|
46
|
-
className: n,
|
|
47
|
-
clearButtonAriaLabel: p,
|
|
48
|
-
disabled: u,
|
|
49
|
-
submitBehavior: d = "form",
|
|
50
|
-
iconOnlySearchButton: r,
|
|
51
|
-
negative: o = !1,
|
|
52
|
-
onClear: _,
|
|
53
|
-
onSearch: f,
|
|
54
|
-
searchButtonLabel: a,
|
|
55
|
-
variant: m,
|
|
56
|
-
formRef: g,
|
|
57
|
-
wrapperStyle: s,
|
|
58
|
-
...i
|
|
59
|
-
}, x) => {
|
|
60
|
-
const b = (c) => t ? `${t}-${c}` : void 0, R = (typeof i.value == "number" ? i.value !== void 0 : i.value?.length) && !u && !i.readOnly && !i.loading, $ = d === "manual", A = y(n, l, {
|
|
61
|
-
[`${l}--no-gap`]: m === "button-attached",
|
|
62
|
-
[`${l}--has-clear-button`]: R
|
|
63
|
-
}), N = {
|
|
64
|
-
ref: x,
|
|
65
|
-
className: A,
|
|
66
|
-
clearButtonAriaLabel: p,
|
|
67
|
-
disabled: u,
|
|
68
|
-
negative: o,
|
|
69
|
-
onClear: _,
|
|
70
|
-
startAdornment: r ? null : /* @__PURE__ */ e(
|
|
71
|
-
D,
|
|
72
|
-
{
|
|
73
|
-
size: "xs",
|
|
74
|
-
className: y(`${l}__search-icon`, {
|
|
75
|
-
[`${l}__search-icon--negative`]: o
|
|
76
|
-
})
|
|
77
|
-
},
|
|
78
|
-
"1"
|
|
79
|
-
),
|
|
80
|
-
"data-testid": b("text-field"),
|
|
81
|
-
type: "search",
|
|
82
|
-
...i
|
|
83
|
-
}, w = m !== "no-button" ? /* @__PURE__ */ e(
|
|
84
|
-
P,
|
|
85
|
-
{
|
|
86
|
-
type: $ ? "button" : "submit",
|
|
87
|
-
onClick: $ ? (c) => f?.(c) : void 0,
|
|
88
|
-
disabled: u,
|
|
89
|
-
iconOnly: r,
|
|
90
|
-
negative: o,
|
|
91
|
-
label: a,
|
|
92
|
-
"data-testid": b("button")
|
|
93
|
-
}
|
|
94
|
-
) : null;
|
|
95
|
-
if ($) {
|
|
96
|
-
const c = (h) => {
|
|
97
|
-
i.onKeyDown?.(h), h.key === "Enter" && !h.defaultPrevented && (h.preventDefault(), f?.(h));
|
|
98
|
-
};
|
|
99
|
-
return /* @__PURE__ */ e(
|
|
100
|
-
"div",
|
|
101
|
-
{
|
|
102
|
-
className: y(`${l}__wrapper`),
|
|
103
|
-
"data-testid": t,
|
|
104
|
-
style: s,
|
|
105
|
-
children: /* @__PURE__ */ e(C, { ...N, onKeyDown: c, afterField: w })
|
|
106
|
-
}
|
|
107
|
-
);
|
|
108
|
-
}
|
|
109
|
-
return /* @__PURE__ */ e(
|
|
110
|
-
"form",
|
|
111
|
-
{
|
|
112
|
-
ref: g,
|
|
113
|
-
className: y(`${l}__wrapper`),
|
|
114
|
-
"data-testid": t,
|
|
115
|
-
style: s,
|
|
116
|
-
onSubmit: (c) => {
|
|
117
|
-
c.preventDefault(), f?.(c);
|
|
118
|
-
},
|
|
119
|
-
children: /* @__PURE__ */ e(C, { ...N, afterField: w })
|
|
120
|
-
}
|
|
121
|
-
);
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
v.displayName = "SearchFieldBase";
|
|
125
|
-
const O = j.bind(L), B = "purpur-search-field", z = k(
|
|
126
|
-
({
|
|
127
|
-
suggestions: t,
|
|
128
|
-
suggestionsLabel: n,
|
|
129
|
-
onSelectSuggestion: p,
|
|
130
|
-
openSuggestionsOnFocus: u,
|
|
131
|
-
suggestionsMaxHeight: d,
|
|
132
|
-
...r
|
|
133
|
-
}, o) => {
|
|
134
|
-
const _ = V(), f = r.id ?? _, a = M({
|
|
135
|
-
id: f,
|
|
136
|
-
options: t,
|
|
137
|
-
listboxLabel: n,
|
|
138
|
-
disabled: r.disabled,
|
|
139
|
-
negative: r.negative,
|
|
140
|
-
readOnly: r.readOnly,
|
|
141
|
-
openOnFocus: u,
|
|
142
|
-
listboxMaxHeight: d,
|
|
143
|
-
onSelect: p,
|
|
144
|
-
"data-testid": r["data-testid"]
|
|
145
|
-
}), m = (s) => {
|
|
146
|
-
a.inputRef.current = s, typeof o == "function" ? o(s) : o && (o.current = s);
|
|
147
|
-
}, g = (s) => {
|
|
148
|
-
r.onChange?.(s), a.isOpen || a.openListbox();
|
|
149
|
-
};
|
|
150
|
-
return /* @__PURE__ */ K(
|
|
151
|
-
"div",
|
|
152
|
-
{
|
|
153
|
-
ref: a.rootRef,
|
|
154
|
-
className: O(`${B}__autocomplete-root`),
|
|
155
|
-
children: [
|
|
156
|
-
/* @__PURE__ */ e(
|
|
157
|
-
v,
|
|
158
|
-
{
|
|
159
|
-
ref: m,
|
|
160
|
-
...r,
|
|
161
|
-
onChange: g,
|
|
162
|
-
id: f,
|
|
163
|
-
wrapperStyle: a.anchorStyle,
|
|
164
|
-
...a.inputProps
|
|
165
|
-
}
|
|
166
|
-
),
|
|
167
|
-
a.isOpen && /* @__PURE__ */ e(S, { ...a.listboxProps, className: O(`${B}__listbox`), children: t.map((s, i) => {
|
|
168
|
-
const { key: x, ...b } = a.getListboxItemProps(s, i);
|
|
169
|
-
return /* @__PURE__ */ e(S.Item, { ...b, children: s.label }, x);
|
|
170
|
-
}) })
|
|
171
|
-
]
|
|
172
|
-
}
|
|
173
|
-
);
|
|
174
|
-
}
|
|
175
|
-
);
|
|
176
|
-
z.displayName = "SearchFieldAutocomplete";
|
|
177
|
-
const q = k((t, n) => t.suggestions ? /* @__PURE__ */ e(z, { ref: n, ...t }) : /* @__PURE__ */ e(v, { ref: n, ...t }));
|
|
178
|
-
q.displayName = "SearchField";
|
|
179
|
-
export {
|
|
180
|
-
q as S,
|
|
181
|
-
z as a,
|
|
182
|
-
ee as s
|
|
183
|
-
};
|
|
184
|
-
//# sourceMappingURL=search-field-BTJtRyw5.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-field-BTJtRyw5.mjs","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n iconOnly?: boolean;\n negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n [\"data-testid\"]: dataTestid,\n disabled,\n iconOnly,\n negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n [\"data-testid\"]?: string;\n clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n /**\n * Event handler called when the search is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\n /**\n * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n * */\n searchButtonLabel?: string;\n variant: Variant;\n formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n iconOnlySearchButton?: false;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n iconOnlySearchButton: true;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype NoButton = {\n searchButtonLabel?: never;\n variant: \"no-button\";\n};\n\nexport type SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\n ...props\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const hasValue =\n typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),y=require("react"),S=require("./listbox-lXO21cJV.js"),V=require("./use-autocomplete.es-BwAzMcau.js"),k=require("./bind-DeUYJ6m9.js"),O=require("./search.es-Cg2amJSR.js"),q=require("./text-field-BSgqJjpv.js"),C=require("./button-C5CYysw5.js"),A={"purpur-search-field":"_purpur-search-field_fgjyk_1","purpur-search-field--has-clear-button":"_purpur-search-field--has-clear-button_fgjyk_4","purpur-search-field--no-gap":"_purpur-search-field--no-gap_fgjyk_13","purpur-search-field__wrapper":"_purpur-search-field__wrapper_fgjyk_17","purpur-search-field__wrapper--gap":"_purpur-search-field__wrapper--gap_fgjyk_20","purpur-search-field__search-icon":"_purpur-search-field__search-icon_fgjyk_24","purpur-search-field__close-icon":"_purpur-search-field__close-icon_fgjyk_24","purpur-search-field__search-icon--negative":"_purpur-search-field__search-icon--negative_fgjyk_27","purpur-search-field__close-icon--negative":"_purpur-search-field__close-icon--negative_fgjyk_27","purpur-search-field__autocomplete-root":"_purpur-search-field__autocomplete-root_fgjyk_30","purpur-search-field__listbox":"_purpur-search-field__listbox_fgjyk_34"},K={"purpur-search-field-button":"_purpur-search-field-button_c16yo_1","purpur-search-field-button--icon-only":"_purpur-search-field-button--icon-only_c16yo_1"},M=k.c.bind(K),R="purpur-search-field-button",E=({["data-testid"]:t,disabled:o,iconOnly:d,negative:u,label:p,type:r="submit",onClick:n})=>{const _={className:M(R,{[`${R}--icon-only`]:d}),disabled:o,"data-testid":t,negative:u,onClick:n};return d?e.jsx(C.Button,{..._,"aria-label":p,iconOnly:!0,size:"sm",type:r,variant:"primary",children:e.jsx(O.s,{size:"xs"})}):e.jsx(C.Button,{..._,size:"sm",type:r,variant:"primary",children:p})},H=["button-attached","no-button"],x=k.c.bind(A),l="purpur-search-field",v=y.forwardRef(({["data-testid"]:t,className:o,clearButtonAriaLabel:d,disabled:u,submitBehavior:p="form",iconOnlySearchButton:r,negative:n=!1,onClear:_,onSearch:f,searchButtonLabel:s,variant:b,formRef:g,wrapperStyle:a,...i},j)=>{const m=c=>t?`${t}-${c}`:void 0,L=(typeof i.value=="number"?i.value!==void 0:i.value?.length)&&!u&&!i.readOnly&&!i.loading,$=p==="manual",z=x(o,l,{[`${l}--no-gap`]:b==="button-attached",[`${l}--has-clear-button`]:L}),w={ref:j,className:z,clearButtonAriaLabel:d,disabled:u,negative:n,onClear:_,startAdornment:r?null:e.jsx(O.s,{size:"xs",className:x(`${l}__search-icon`,{[`${l}__search-icon--negative`]:n})},"1"),"data-testid":m("text-field"),type:"search",...i},F=b!=="no-button"?e.jsx(E,{type:$?"button":"submit",onClick:$?c=>f?.(c):void 0,disabled:u,iconOnly:r,negative:n,label:s,"data-testid":m("button")}):null;if($){const c=h=>{i.onKeyDown?.(h),h.key==="Enter"&&!h.defaultPrevented&&(h.preventDefault(),f?.(h))};return e.jsx("div",{className:x(`${l}__wrapper`),"data-testid":t,style:a,children:e.jsx(q.TextField,{...w,onKeyDown:c,afterField:F})})}return e.jsx("form",{ref:g,className:x(`${l}__wrapper`),"data-testid":t,style:a,onSubmit:c=>{c.preventDefault(),f?.(c)},children:e.jsx(q.TextField,{...w,afterField:F})})});v.displayName="SearchFieldBase";const B=k.c.bind(A),I="purpur-search-field",N=y.forwardRef(({suggestions:t,suggestionsLabel:o,onSelectSuggestion:d,openSuggestionsOnFocus:u,suggestionsMaxHeight:p,...r},n)=>{const _=y.useId(),f=r.id??_,s=V.te({id:f,options:t,listboxLabel:o,disabled:r.disabled,negative:r.negative,readOnly:r.readOnly,openOnFocus:u,listboxMaxHeight:p,onSelect:d,"data-testid":r["data-testid"]}),b=a=>{s.inputRef.current=a,typeof n=="function"?n(a):n&&(n.current=a)},g=a=>{r.onChange?.(a),s.isOpen||s.openListbox()};return e.jsxs("div",{ref:s.rootRef,className:B(`${I}__autocomplete-root`),children:[e.jsx(v,{ref:b,...r,onChange:g,id:f,wrapperStyle:s.anchorStyle,...s.inputProps}),s.isOpen&&e.jsx(S.Listbox,{...s.listboxProps,className:B(`${I}__listbox`),children:t.map((a,i)=>{const{key:j,...m}=s.getListboxItemProps(a,i);return e.jsx(S.Listbox.Item,{...m,children:a.label},j)})})]})});N.displayName="SearchFieldAutocomplete";const D=y.forwardRef((t,o)=>t.suggestions?e.jsx(N,{ref:o,...t}):e.jsx(v,{ref:o,...t}));D.displayName="SearchField";exports.SearchField=D;exports.SearchFieldAutocomplete=N;exports.searchFieldVariants=H;
|
|
2
|
-
//# sourceMappingURL=search-field-nzVXak1a.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"search-field-nzVXak1a.js","sources":["../../../components/search-field/src/search-field-button.tsx","../../../components/search-field/src/search-field-base.tsx","../../../components/search-field/src/search-field-autocomplete.tsx","../../../components/search-field/src/search-field.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button } from \"@purpur/button\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field-button.module.scss\";\n\ntype Props = {\n [\"data-testid\"]?: string;\n disabled?: boolean;\n iconOnly?: boolean;\n negative?: boolean;\n label: string;\n type?: \"submit\" | \"button\";\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n};\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field-button\";\n\nexport const SearchFieldButton = ({\n [\"data-testid\"]: dataTestid,\n disabled,\n iconOnly,\n negative,\n label,\n type = \"submit\",\n onClick,\n}: Props) => {\n const buttonProps = {\n className: cx(rootClassName, {\n [`${rootClassName}--icon-only`]: iconOnly,\n }),\n disabled,\n [\"data-testid\"]: dataTestid,\n negative,\n onClick,\n };\n\n if (iconOnly) {\n return (\n <Button {...buttonProps} aria-label={label} iconOnly size=\"sm\" type={type} variant=\"primary\">\n <IconSearch size=\"xs\" />\n </Button>\n );\n }\n\n return (\n <Button {...buttonProps} size=\"sm\" type={type} variant=\"primary\">\n {label}\n </Button>\n );\n};\n","import React, {\n type ChangeEvent,\n type CSSProperties,\n forwardRef,\n type RefObject,\n type SubmitEvent,\n} from \"react\";\nimport { IconSearch } from \"@purpur/icon/search\";\nimport { TextField, type TextFieldProps } from \"@purpur/text-field\";\nimport { type AutocompleteOption } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport { SearchFieldButton } from \"./search-field-button\";\n\nexport const searchFieldVariants = [\"button-attached\", \"no-button\"] as const;\n\ntype Variant = (typeof searchFieldVariants)[number];\n\ntype DefaultProps = {\n [\"data-testid\"]?: string;\n clearButtonAriaLabel: string;\n disabled?: boolean;\n /**\n * Will display only a search icon in the search button if `true`.\n * */\n iconOnlySearchButton?: boolean;\n negative?: boolean;\n onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n /**\n * Event handler called when the clear button is clicked.\n * */\n onClear: () => void;\n /**\n * Event handler called when the search is triggered.\n * */\n onSearch?: (event?: React.SyntheticEvent) => void;\n /**\n * Controls how the search field handles submission.\n * - `\"form\"` (default): Renders a `<form>` element and submits via form submission.\n * - `\"manual\"`: Renders a `<div>` instead of a `<form>` element.\n * Use this when the component is nested inside another form.\n * */\n submitBehavior?: \"form\" | \"manual\";\n /**\n * The label text (or `aria-label` if `iconOnlySearchButton` is `true`) of the search button.\n * */\n searchButtonLabel?: string;\n variant: Variant;\n formRef?: RefObject<HTMLFormElement>;\n};\n\ntype TextSearchButton = {\n iconOnlySearchButton?: false;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype IconOnlySearchButton = {\n iconOnlySearchButton: true;\n searchButtonLabel: string;\n variant: \"button-attached\";\n};\n\ntype NoButton = {\n searchButtonLabel?: never;\n variant: \"no-button\";\n};\n\nexport type SearchFieldBaseProps = DefaultProps &\n (TextSearchButton | IconOnlySearchButton | NoButton) &\n Omit<TextFieldProps, \"startAdornment\" | \"endAdornment\" | \"afterField\" | \"onChange\" | \"variant\">;\n\ntype SearchFieldBaseInternalProps = SearchFieldBaseProps & {\n wrapperStyle?: CSSProperties;\n};\n\ntype SearchFieldAutocompleteSharedProps = {\n /**\n * Called when the user selects a suggestion.\n */\n onSelectSuggestion?: (option: AutocompleteOption) => void;\n /**\n * Open the suggestions listbox when the input receives focus.\n */\n openSuggestionsOnFocus?: boolean;\n /**\n * Maximum height of the suggestions listbox. A number is interpreted as px.\n */\n suggestionsMaxHeight?: string | number;\n};\n\ntype SearchFieldWithoutAutocomplete = SearchFieldAutocompleteSharedProps & {\n suggestions?: never;\n suggestionsLabel?: never;\n};\n\ntype SearchFieldWithAutocomplete = SearchFieldAutocompleteSharedProps & {\n /**\n * The list of suggestions to display in a listbox below the field.\n * No filtering is applied — pass the already-correct (pre-filtered) list.\n * If autocomplete should stay enabled while there are temporarily no matches,\n * pass an empty array instead of `undefined` or `null`. Changing this prop\n * from an absent value to an array switches between the regular and\n * autocomplete variants, which causes a re-render, drops input focus, and\n * hides the listbox.\n */\n suggestions: AutocompleteOption[];\n /**\n * Accessible label for the suggestions listbox.\n */\n suggestionsLabel: string;\n};\n\nexport type SearchFieldAutocompleteEnhancements =\n | SearchFieldWithoutAutocomplete\n | SearchFieldWithAutocomplete;\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport const SearchFieldBase = forwardRef<HTMLInputElement, SearchFieldBaseInternalProps>(\n (\n {\n [\"data-testid\"]: dataTestId,\n className,\n clearButtonAriaLabel,\n disabled,\n submitBehavior = \"form\",\n iconOnlySearchButton,\n negative = false,\n onClear,\n onSearch,\n searchButtonLabel,\n variant,\n formRef,\n wrapperStyle,\n ...props\n },\n ref\n ) => {\n const getTestId = (name: string) => (dataTestId ? `${dataTestId}-${name}` : undefined);\n const hasValue =\n typeof props.value === \"number\" ? props.value !== undefined : props.value?.length;\n const hasClearButton = hasValue && !disabled && !props.readOnly && !props.loading;\n const isManualSubmit = submitBehavior === \"manual\";\n\n const classes = cx(className, rootClassName, {\n [`${rootClassName}--no-gap`]: variant === \"button-attached\",\n [`${rootClassName}--has-clear-button`]: hasClearButton,\n });\n\n const textFieldProps: TextFieldProps = {\n ref,\n className: classes,\n clearButtonAriaLabel,\n disabled,\n negative,\n onClear,\n startAdornment: !iconOnlySearchButton ? (\n <IconSearch\n size=\"xs\"\n className={cx(`${rootClassName}__search-icon`, {\n [`${rootClassName}__search-icon--negative`]: negative,\n })}\n key=\"1\"\n />\n ) : null,\n \"data-testid\": getTestId(\"text-field\"),\n type: \"search\" as const,\n ...props,\n };\n\n const searchButton =\n variant !== \"no-button\" ? (\n <SearchFieldButton\n type={isManualSubmit ? \"button\" : \"submit\"}\n onClick={isManualSubmit ? (event) => onSearch?.(event) : undefined}\n disabled={disabled}\n iconOnly={iconOnlySearchButton}\n negative={negative}\n label={searchButtonLabel}\n data-testid={getTestId(\"button\")}\n />\n ) : null;\n\n if (isManualSubmit) {\n const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n props.onKeyDown?.(event);\n\n if (event.key === \"Enter\" && !event.defaultPrevented) {\n event.preventDefault();\n onSearch?.(event);\n }\n };\n\n return (\n <div\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n >\n <TextField {...textFieldProps} onKeyDown={handleKeyDown} afterField={searchButton} />\n </div>\n );\n }\n\n return (\n <form\n ref={formRef}\n className={cx(`${rootClassName}__wrapper`)}\n data-testid={dataTestId}\n style={wrapperStyle}\n onSubmit={(e: SubmitEvent<HTMLFormElement>) => {\n e.preventDefault();\n onSearch?.(e);\n }}\n >\n <TextField {...textFieldProps} afterField={searchButton} />\n </form>\n );\n }\n);\n\nSearchFieldBase.displayName = \"SearchFieldBase\";\n","import React, { forwardRef, useId } from \"react\";\nimport { Listbox } from \"@purpur/listbox\";\nimport { type AutocompleteOption, useAutocomplete } from \"@purpur/use-autocomplete\";\nimport c from \"classnames/bind\";\n\nimport styles from \"./search-field.module.scss\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n} from \"./search-field-base\";\n\nconst cx = c.bind(styles);\nconst rootClassName = \"purpur-search-field\";\n\nexport type SearchFieldAutocompleteProps = SearchFieldBaseProps &\n Extract<SearchFieldAutocompleteEnhancements, { suggestions: AutocompleteOption[] }>;\n\nexport const SearchFieldAutocomplete = forwardRef<HTMLInputElement, SearchFieldAutocompleteProps>(\n (\n {\n suggestions,\n suggestionsLabel,\n onSelectSuggestion,\n openSuggestionsOnFocus,\n suggestionsMaxHeight,\n ...searchFieldProps\n },\n ref\n ) => {\n const randomId = useId();\n const inputId = (searchFieldProps.id as string | undefined) ?? randomId;\n const autocomplete = useAutocomplete({\n id: inputId,\n options: suggestions,\n listboxLabel: suggestionsLabel,\n disabled: searchFieldProps.disabled,\n negative: searchFieldProps.negative,\n readOnly: searchFieldProps.readOnly,\n openOnFocus: openSuggestionsOnFocus,\n listboxMaxHeight: suggestionsMaxHeight,\n onSelect: onSelectSuggestion,\n [\"data-testid\"]: searchFieldProps[\"data-testid\"],\n });\n\n const setInputRef = (node: HTMLInputElement | null) => {\n (autocomplete.inputRef as React.MutableRefObject<HTMLInputElement | null>).current = node;\n if (typeof ref === \"function\") ref(node);\n else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n };\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n searchFieldProps.onChange?.(event);\n if (!autocomplete.isOpen) {\n autocomplete.openListbox();\n }\n };\n return (\n <div\n ref={autocomplete.rootRef as React.RefObject<HTMLDivElement>}\n className={cx(`${rootClassName}__autocomplete-root`)}\n >\n <SearchFieldBase\n ref={setInputRef}\n {...searchFieldProps}\n onChange={handleInputChange}\n id={inputId}\n wrapperStyle={autocomplete.anchorStyle}\n {...autocomplete.inputProps}\n />\n {autocomplete.isOpen && (\n <Listbox {...autocomplete.listboxProps} className={cx(`${rootClassName}__listbox`)}>\n {suggestions.map((option, index) => {\n const { key, ...listboxItemProps } = autocomplete.getListboxItemProps(option, index);\n\n return (\n <Listbox.Item key={key} {...listboxItemProps}>\n {option.label}\n </Listbox.Item>\n );\n })}\n </Listbox>\n )}\n </div>\n );\n }\n);\n\nSearchFieldAutocomplete.displayName = \"SearchFieldAutocomplete\";\n","import React, { forwardRef } from \"react\";\n\nimport { SearchFieldAutocomplete } from \"./search-field-autocomplete\";\nimport {\n type SearchFieldAutocompleteEnhancements,\n SearchFieldBase,\n type SearchFieldBaseProps,\n searchFieldVariants,\n} from \"./search-field-base\";\n\nexport { searchFieldVariants };\n\nexport type SearchFieldProps = SearchFieldBaseProps & SearchFieldAutocompleteEnhancements;\n\nexport const SearchField = forwardRef<HTMLInputElement, SearchFieldProps>((props, ref) => {\n if (props.suggestions) {\n return <SearchFieldAutocomplete ref={ref} {...props} />;\n }\n\n return <SearchFieldBase ref={ref} {...props} />;\n});\n\nSearchField.displayName = \"SearchField\";\n\nexport {\n SearchFieldAutocomplete,\n type SearchFieldAutocompleteProps,\n} from \"./search-field-autocomplete\";\n"],"names":["cx","c","styles","rootClassName","SearchFieldButton","dataTestid","disabled","iconOnly","negative","label","type","onClick","buttonProps","Button","IconSearch","jsx","searchFieldVariants","SearchFieldBase","forwardRef","dataTestId","className","clearButtonAriaLabel","submitBehavior","iconOnlySearchButton","onClear","onSearch","searchButtonLabel","variant","formRef","wrapperStyle","props","ref","getTestId","name","hasClearButton","isManualSubmit","classes","textFieldProps","searchButton","event","handleKeyDown","TextField","e","SearchFieldAutocomplete","suggestions","suggestionsLabel","onSelectSuggestion","openSuggestionsOnFocus","suggestionsMaxHeight","searchFieldProps","randomId","useId","inputId","autocomplete","useAutocomplete","setInputRef","node","handleInputChange","jsxs","Listbox","option","index","key","listboxItemProps","SearchField"],"mappings":"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"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const o=require("react"),W=({id:f,options:v,listboxLabel:L,selectedOption:c,negative:S,disabled:m=!1,readOnly:g=!1,openOnFocus:$=!1,listboxMaxHeight:l,highlightFirstOption:y=!1,onSelect:A,closeOnSelect:T=!0,noOptionsText:K,["data-testid"]:k})=>{const M=o.useId(),u=o.useRef(null),h=o.useRef(null),p=o.useRef(null),x=o.useRef({}),[C,E]=o.useState(!1),[n,d]=o.useState(y?v[0]:void 0),R=`${f}-listbox`,F=`${f}-input`,w=e=>`${f}-listbox-item-${e.id}`,B=`--purpur-autocomplete-${M.replace(/:/g,"")}`,P={anchorName:B},D=e=>k?`${k}-${e}`:void 0,i=o.useCallback(()=>{E(!1),d(void 0)},[]);o.useEffect(()=>{const e=t=>{u.current&&!u.current.contains(t.target)&&!p.current?.contains(t.target)&&i()};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[i]);const b=({eventType:e})=>{E(!0),c&&requestAnimationFrame(()=>{d({...c,isSetByClickEvent:e==="CLICK"}),O(x.current[c.id])})},O=e=>{if(!e)return;const t=e.getBoundingClientRect(),s=p.current?.getBoundingClientRect()??{top:0,bottom:0};(t.top<s.top||t.bottom>s.bottom)&&e.scrollIntoView({block:"nearest"})},r=C&&(v.length>0||!!K),Y=e=>{const t=v.filter(a=>!a.disabled);if(!t.length)return;const s=n?t.findIndex(a=>a.id===n.id):-1;return e==="ArrowDown"?t[(s+1)%t.length]:t[(s-1+t.length)%t.length]},q=e=>{r||b({eventType:"KEYBOARD"});const t=Y(e);d(t?{...t}:void 0),t&&O(x.current[t.id])},I=e=>{e.disabled||(A?.(e),h.current?.focus(),T&&i())},U=()=>{b({eventType:"KEYBOARD"})},H=e=>{if(!(m||g))switch(e.key){case"ArrowUp":case"ArrowDown":e.preventDefault(),q(e.key);break;case"Enter":r&&n&&(e.preventDefault(),I(n));break;case"Escape":e.preventDefault(),i();break;case"Tab":i();break}},N=()=>{!C&&$&&!m&&!g&&b({eventType:"KEYBOARD"})},V=()=>{setTimeout(()=>{const e=document.activeElement;e!==document.body&&!h.current?.contains(e)&&!p.current?.contains(e)&&!u.current?.contains(e)&&i()})},j=()=>{m||g||(r?i():b({eventType:"CLICK"}))},z=o.useCallback(e=>{if(p.current=e,e&&typeof e.showPopover=="function")try{e.showPopover()}catch{}},[]),G={"aria-label":L,"aria-expanded":r,"data-testid":D("listbox"),id:R,ref:z,onMouseLeave:()=>d(void 0),popover:"manual",negative:S,style:{...l?{maxHeight:typeof l=="number"?`${l}px`:l}:{},positionAnchor:B}},J=(e,t)=>{const s=(e.id===n?.id||y&&!n&&t===0)&&!n?.isSetByClickEvent;return{"data-testid":D(`listbox-item-${e.id}`),id:w(e),key:e.id,onMouseMove:()=>{e.id!==n?.id&&d({...e,isSetByClickEvent:!0})},onMouseUp:()=>I(e),ref:a=>{a&&(x.current[e.id]=a)},tabIndex:-1,selected:e.id===c?.id,disabled:e.disabled,highlighted:s,hovered:e.id===n?.id&&!!n?.isSetByClickEvent,"aria-selected":e.id===c?.id}},Q={role:"combobox","aria-autocomplete":"list","aria-expanded":r,"aria-controls":R,"aria-activedescendant":n?w(n):void 0,autoComplete:"off",onKeyDown:H,onFocus:N,onBlur:V,onMouseDown:j};return{rootRef:u,inputRef:h,inputId:F,inputProps:Q,listboxProps:G,getListboxItemProps:J,isOpen:r,openListbox:U,anchorStyle:P}};exports.te=W;
|
|
2
|
-
//# sourceMappingURL=use-autocomplete.es-BwAzMcau.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-autocomplete.es-BwAzMcau.js","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as _, useRef as b, useState as A, useCallback as $, useEffect as H } from \"react\";\nconst te = ({\n id: p,\n options: m,\n listboxLabel: O,\n selectedOption: r,\n negative: K,\n disabled: v = !1,\n readOnly: h = !1,\n openOnFocus: S = !1,\n listboxMaxHeight: u,\n highlightFirstOption: y = !1,\n onSelect: T,\n closeOnSelect: P = !0,\n noOptionsText: M,\n [\"data-testid\"]: w\n}) => {\n const N = _(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n y ? m[0] : void 0\n ), C = `${p}-listbox`, Y = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${N.replace(/:/g, \"\")}`, q = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n I(!1), a(void 0);\n }, []);\n H(() => {\n const e = (t) => {\n l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n };\n return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n }, [o]);\n const f = ({ eventType: e }) => {\n I(!0), r && requestAnimationFrame(() => {\n a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n });\n }, D = (e) => {\n if (!e) return;\n const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n }, c = k && (m.length > 0 || !!M), F = (e) => {\n const t = m.filter((i) => !i.disabled);\n if (!t.length) return;\n const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n }, U = (e) => {\n c || f({ eventType: \"KEYBOARD\" });\n const t = F(e);\n a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n }, L = (e) => {\n e.disabled || (T?.(e), x.current?.focus(), P && o());\n }, V = () => {\n f({ eventType: \"KEYBOARD\" });\n }, j = (e) => {\n if (!(v || h))\n switch (e.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n e.preventDefault(), U(e.key);\n break;\n case \"Enter\":\n c && n && (e.preventDefault(), L(n));\n break;\n case \"Escape\":\n e.preventDefault(), o();\n break;\n case \"Tab\":\n o();\n break;\n }\n }, z = () => {\n !k && S && !v && !h && f({ eventType: \"KEYBOARD\" });\n }, G = () => {\n setTimeout(() => {\n const e = document.activeElement;\n e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n });\n }, J = () => {\n v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n }, Q = $((e) => {\n if (d.current = e, e && typeof e.showPopover == \"function\")\n try {\n e.showPopover();\n } catch {\n }\n }, []), W = {\n \"aria-label\": O,\n \"aria-expanded\": c,\n \"data-testid\": B(\"listbox\"),\n id: C,\n ref: Q,\n onMouseLeave: () => a(void 0),\n popover: \"manual\",\n negative: K,\n style: {\n ...u ? {\n maxHeight: typeof u == \"number\" ? `${u}px` : u\n } : {},\n positionAnchor: R\n }\n }, X = (e, t) => {\n const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n return {\n \"data-testid\": B(`listbox-item-${e.id}`),\n id: E(e),\n key: e.id,\n onMouseMove: () => {\n e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n },\n onMouseUp: () => L(e),\n ref: (i) => {\n i && (g.current[e.id] = i);\n },\n tabIndex: -1,\n selected: e.id === r?.id,\n disabled: e.disabled,\n highlighted: s,\n hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n \"aria-selected\": e.id === r?.id\n };\n }, Z = {\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-expanded\": c,\n \"aria-controls\": C,\n \"aria-activedescendant\": n ? E(n) : void 0,\n autoComplete: \"off\",\n onKeyDown: j,\n onFocus: z,\n onBlur: G,\n onMouseDown: J\n };\n return {\n rootRef: l,\n inputRef: x,\n inputId: Y,\n inputProps: Z,\n listboxProps: W,\n getListboxItemProps: X,\n isOpen: c,\n openListbox: V,\n anchorStyle: q\n };\n};\nexport {\n te as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["te","p","m","O","r","K","v","h","S","u","T","P","M","w","N","_","l","b","x","d","g","k","I","A","a","C","Y","E","R","q","B","o","$","H","f","D","c","F","i","U","L","V","j","z","G","J","Q","W","X","Z"],"mappings":"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"}
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
import { useId as Z, useRef as b, useState as R, useCallback as $, useEffect as _ } from "react";
|
|
2
|
-
const te = ({
|
|
3
|
-
id: f,
|
|
4
|
-
options: v,
|
|
5
|
-
listboxLabel: A,
|
|
6
|
-
selectedOption: a,
|
|
7
|
-
negative: S,
|
|
8
|
-
disabled: m = !1,
|
|
9
|
-
readOnly: g = !1,
|
|
10
|
-
openOnFocus: T = !1,
|
|
11
|
-
listboxMaxHeight: d,
|
|
12
|
-
highlightFirstOption: y = !1,
|
|
13
|
-
onSelect: K,
|
|
14
|
-
closeOnSelect: M = !0,
|
|
15
|
-
noOptionsText: F,
|
|
16
|
-
["data-testid"]: k
|
|
17
|
-
}) => {
|
|
18
|
-
const P = Z(), l = b(null), x = b(null), u = b(null), h = b({}), [E, C] = R(!1), [o, c] = R(
|
|
19
|
-
y ? v[0] : void 0
|
|
20
|
-
), w = `${f}-listbox`, Y = `${f}-input`, B = (e) => `${f}-listbox-item-${e.id}`, D = `--purpur-autocomplete-${P.replace(/:/g, "")}`, U = { anchorName: D }, O = (e) => k ? `${k}-${e}` : void 0, n = $(() => {
|
|
21
|
-
C(!1), c(void 0);
|
|
22
|
-
}, []);
|
|
23
|
-
_(() => {
|
|
24
|
-
const e = (t) => {
|
|
25
|
-
l.current && !l.current.contains(t.target) && !u.current?.contains(t.target) && n();
|
|
26
|
-
};
|
|
27
|
-
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
28
|
-
}, [n]);
|
|
29
|
-
const p = ({ eventType: e }) => {
|
|
30
|
-
C(!0), a && requestAnimationFrame(() => {
|
|
31
|
-
c({ ...a, isSetByClickEvent: e === "CLICK" }), I(h.current[a.id]);
|
|
32
|
-
});
|
|
33
|
-
}, I = (e) => {
|
|
34
|
-
if (!e) return;
|
|
35
|
-
const t = e.getBoundingClientRect(), i = u.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };
|
|
36
|
-
(t.top < i.top || t.bottom > i.bottom) && e.scrollIntoView({ block: "nearest" });
|
|
37
|
-
}, r = E && (v.length > 0 || !!F), q = (e) => {
|
|
38
|
-
const t = v.filter((s) => !s.disabled);
|
|
39
|
-
if (!t.length) return;
|
|
40
|
-
const i = o ? t.findIndex((s) => s.id === o.id) : -1;
|
|
41
|
-
return e === "ArrowDown" ? t[(i + 1) % t.length] : t[(i - 1 + t.length) % t.length];
|
|
42
|
-
}, H = (e) => {
|
|
43
|
-
r || p({ eventType: "KEYBOARD" });
|
|
44
|
-
const t = q(e);
|
|
45
|
-
c(t ? { ...t } : void 0), t && I(h.current[t.id]);
|
|
46
|
-
}, L = (e) => {
|
|
47
|
-
e.disabled || (K?.(e), x.current?.focus(), M && n());
|
|
48
|
-
}, N = () => {
|
|
49
|
-
p({ eventType: "KEYBOARD" });
|
|
50
|
-
}, V = (e) => {
|
|
51
|
-
if (!(m || g))
|
|
52
|
-
switch (e.key) {
|
|
53
|
-
case "ArrowUp":
|
|
54
|
-
case "ArrowDown":
|
|
55
|
-
e.preventDefault(), H(e.key);
|
|
56
|
-
break;
|
|
57
|
-
case "Enter":
|
|
58
|
-
r && o && (e.preventDefault(), L(o));
|
|
59
|
-
break;
|
|
60
|
-
case "Escape":
|
|
61
|
-
e.preventDefault(), n();
|
|
62
|
-
break;
|
|
63
|
-
case "Tab":
|
|
64
|
-
n();
|
|
65
|
-
break;
|
|
66
|
-
}
|
|
67
|
-
}, j = () => {
|
|
68
|
-
!E && T && !m && !g && p({ eventType: "KEYBOARD" });
|
|
69
|
-
}, z = () => {
|
|
70
|
-
setTimeout(() => {
|
|
71
|
-
const e = document.activeElement;
|
|
72
|
-
e !== document.body && !x.current?.contains(e) && !u.current?.contains(e) && !l.current?.contains(e) && n();
|
|
73
|
-
});
|
|
74
|
-
}, G = () => {
|
|
75
|
-
m || g || (r ? n() : p({ eventType: "CLICK" }));
|
|
76
|
-
}, J = $((e) => {
|
|
77
|
-
if (u.current = e, e && typeof e.showPopover == "function")
|
|
78
|
-
try {
|
|
79
|
-
e.showPopover();
|
|
80
|
-
} catch {
|
|
81
|
-
}
|
|
82
|
-
}, []), Q = {
|
|
83
|
-
"aria-label": A,
|
|
84
|
-
"aria-expanded": r,
|
|
85
|
-
"data-testid": O("listbox"),
|
|
86
|
-
id: w,
|
|
87
|
-
ref: J,
|
|
88
|
-
onMouseLeave: () => c(void 0),
|
|
89
|
-
popover: "manual",
|
|
90
|
-
negative: S,
|
|
91
|
-
style: {
|
|
92
|
-
...d ? {
|
|
93
|
-
maxHeight: typeof d == "number" ? `${d}px` : d
|
|
94
|
-
} : {},
|
|
95
|
-
positionAnchor: D
|
|
96
|
-
}
|
|
97
|
-
}, W = (e, t) => {
|
|
98
|
-
const i = (e.id === o?.id || y && !o && t === 0) && !o?.isSetByClickEvent;
|
|
99
|
-
return {
|
|
100
|
-
"data-testid": O(`listbox-item-${e.id}`),
|
|
101
|
-
id: B(e),
|
|
102
|
-
key: e.id,
|
|
103
|
-
onMouseMove: () => {
|
|
104
|
-
e.id !== o?.id && c({ ...e, isSetByClickEvent: !0 });
|
|
105
|
-
},
|
|
106
|
-
onMouseUp: () => L(e),
|
|
107
|
-
ref: (s) => {
|
|
108
|
-
s && (h.current[e.id] = s);
|
|
109
|
-
},
|
|
110
|
-
tabIndex: -1,
|
|
111
|
-
selected: e.id === a?.id,
|
|
112
|
-
disabled: e.disabled,
|
|
113
|
-
highlighted: i,
|
|
114
|
-
hovered: e.id === o?.id && !!o?.isSetByClickEvent,
|
|
115
|
-
"aria-selected": e.id === a?.id
|
|
116
|
-
};
|
|
117
|
-
}, X = {
|
|
118
|
-
role: "combobox",
|
|
119
|
-
"aria-autocomplete": "list",
|
|
120
|
-
"aria-expanded": r,
|
|
121
|
-
"aria-controls": w,
|
|
122
|
-
"aria-activedescendant": o ? B(o) : void 0,
|
|
123
|
-
autoComplete: "off",
|
|
124
|
-
onKeyDown: V,
|
|
125
|
-
onFocus: j,
|
|
126
|
-
onBlur: z,
|
|
127
|
-
onMouseDown: G
|
|
128
|
-
};
|
|
129
|
-
return {
|
|
130
|
-
rootRef: l,
|
|
131
|
-
inputRef: x,
|
|
132
|
-
inputId: Y,
|
|
133
|
-
inputProps: X,
|
|
134
|
-
listboxProps: Q,
|
|
135
|
-
getListboxItemProps: W,
|
|
136
|
-
isOpen: r,
|
|
137
|
-
openListbox: N,
|
|
138
|
-
anchorStyle: U
|
|
139
|
-
};
|
|
140
|
-
};
|
|
141
|
-
export {
|
|
142
|
-
te as t
|
|
143
|
-
};
|
|
144
|
-
//# sourceMappingURL=use-autocomplete.es-CKb0RHKG.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"use-autocomplete.es-CKb0RHKG.mjs","sources":["../../../hooks/autocomplete/dist/use-autocomplete.es.js"],"sourcesContent":["import { useId as _, useRef as b, useState as A, useCallback as $, useEffect as H } from \"react\";\nconst te = ({\n id: p,\n options: m,\n listboxLabel: O,\n selectedOption: r,\n negative: K,\n disabled: v = !1,\n readOnly: h = !1,\n openOnFocus: S = !1,\n listboxMaxHeight: u,\n highlightFirstOption: y = !1,\n onSelect: T,\n closeOnSelect: P = !0,\n noOptionsText: M,\n [\"data-testid\"]: w\n}) => {\n const N = _(), l = b(null), x = b(null), d = b(null), g = b({}), [k, I] = A(!1), [n, a] = A(\n y ? m[0] : void 0\n ), C = `${p}-listbox`, Y = `${p}-input`, E = (e) => `${p}-listbox-item-${e.id}`, R = `--purpur-autocomplete-${N.replace(/:/g, \"\")}`, q = { anchorName: R }, B = (e) => w ? `${w}-${e}` : void 0, o = $(() => {\n I(!1), a(void 0);\n }, []);\n H(() => {\n const e = (t) => {\n l.current && !l.current.contains(t.target) && !d.current?.contains(t.target) && o();\n };\n return document.addEventListener(\"mousedown\", e), () => document.removeEventListener(\"mousedown\", e);\n }, [o]);\n const f = ({ eventType: e }) => {\n I(!0), r && requestAnimationFrame(() => {\n a({ ...r, isSetByClickEvent: e === \"CLICK\" }), D(g.current[r.id]);\n });\n }, D = (e) => {\n if (!e) return;\n const t = e.getBoundingClientRect(), s = d.current?.getBoundingClientRect() ?? { top: 0, bottom: 0 };\n (t.top < s.top || t.bottom > s.bottom) && e.scrollIntoView({ block: \"nearest\" });\n }, c = k && (m.length > 0 || !!M), F = (e) => {\n const t = m.filter((i) => !i.disabled);\n if (!t.length) return;\n const s = n ? t.findIndex((i) => i.id === n.id) : -1;\n return e === \"ArrowDown\" ? t[(s + 1) % t.length] : t[(s - 1 + t.length) % t.length];\n }, U = (e) => {\n c || f({ eventType: \"KEYBOARD\" });\n const t = F(e);\n a(t ? { ...t } : void 0), t && D(g.current[t.id]);\n }, L = (e) => {\n e.disabled || (T?.(e), x.current?.focus(), P && o());\n }, V = () => {\n f({ eventType: \"KEYBOARD\" });\n }, j = (e) => {\n if (!(v || h))\n switch (e.key) {\n case \"ArrowUp\":\n case \"ArrowDown\":\n e.preventDefault(), U(e.key);\n break;\n case \"Enter\":\n c && n && (e.preventDefault(), L(n));\n break;\n case \"Escape\":\n e.preventDefault(), o();\n break;\n case \"Tab\":\n o();\n break;\n }\n }, z = () => {\n !k && S && !v && !h && f({ eventType: \"KEYBOARD\" });\n }, G = () => {\n setTimeout(() => {\n const e = document.activeElement;\n e !== document.body && !x.current?.contains(e) && !d.current?.contains(e) && !l.current?.contains(e) && o();\n });\n }, J = () => {\n v || h || (c ? o() : f({ eventType: \"CLICK\" }));\n }, Q = $((e) => {\n if (d.current = e, e && typeof e.showPopover == \"function\")\n try {\n e.showPopover();\n } catch {\n }\n }, []), W = {\n \"aria-label\": O,\n \"aria-expanded\": c,\n \"data-testid\": B(\"listbox\"),\n id: C,\n ref: Q,\n onMouseLeave: () => a(void 0),\n popover: \"manual\",\n negative: K,\n style: {\n ...u ? {\n maxHeight: typeof u == \"number\" ? `${u}px` : u\n } : {},\n positionAnchor: R\n }\n }, X = (e, t) => {\n const s = (e.id === n?.id || y && !n && t === 0) && !n?.isSetByClickEvent;\n return {\n \"data-testid\": B(`listbox-item-${e.id}`),\n id: E(e),\n key: e.id,\n onMouseMove: () => {\n e.id !== n?.id && a({ ...e, isSetByClickEvent: !0 });\n },\n onMouseUp: () => L(e),\n ref: (i) => {\n i && (g.current[e.id] = i);\n },\n tabIndex: -1,\n selected: e.id === r?.id,\n disabled: e.disabled,\n highlighted: s,\n hovered: e.id === n?.id && !!n?.isSetByClickEvent,\n \"aria-selected\": e.id === r?.id\n };\n }, Z = {\n role: \"combobox\",\n \"aria-autocomplete\": \"list\",\n \"aria-expanded\": c,\n \"aria-controls\": C,\n \"aria-activedescendant\": n ? E(n) : void 0,\n autoComplete: \"off\",\n onKeyDown: j,\n onFocus: z,\n onBlur: G,\n onMouseDown: J\n };\n return {\n rootRef: l,\n inputRef: x,\n inputId: Y,\n inputProps: Z,\n listboxProps: W,\n getListboxItemProps: X,\n isOpen: c,\n openListbox: V,\n anchorStyle: q\n };\n};\nexport {\n te as useAutocomplete\n};\n//# sourceMappingURL=use-autocomplete.es.js.map\n"],"names":["p","m","O","r","K","v","h","S","u","T","P","M","w","N","_","b","d","g","k","I","A","n","a","C","E","R","q","B","o","$","H","f","D","s","c","F","i","U","V","j","z","G","J","Q","W","X","Z"],"mappings":"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"}
|