@arbor-education/design-system.components 0.8.1 → 0.10.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/.github/workflows/release.yml +1 -1
- package/CHANGELOG.md +22 -0
- package/dist/components/button/Button.d.ts.map +1 -1
- package/dist/components/button/Button.js +2 -2
- package/dist/components/button/Button.js.map +1 -1
- package/dist/components/combobox/Combobox.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.js +10 -8
- package/dist/components/combobox/Combobox.js.map +1 -1
- package/dist/components/combobox/Combobox.stories.d.ts +1 -0
- package/dist/components/combobox/Combobox.stories.d.ts.map +1 -1
- package/dist/components/combobox/Combobox.stories.js +16 -0
- package/dist/components/combobox/Combobox.stories.js.map +1 -1
- package/dist/components/combobox/Combobox.test.js +107 -61
- package/dist/components/combobox/Combobox.test.js.map +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts +4 -2
- package/dist/components/combobox/ComboboxButtonTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxButtonTrigger.js +11 -4
- package/dist/components/combobox/ComboboxButtonTrigger.js.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts +3 -1
- package/dist/components/combobox/ComboboxTrigger.d.ts.map +1 -1
- package/dist/components/combobox/ComboboxTrigger.js +10 -2
- package/dist/components/combobox/ComboboxTrigger.js.map +1 -1
- package/dist/components/combobox/types.d.ts +3 -0
- package/dist/components/combobox/types.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts +3 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxPopoverBehavior.js +7 -6
- package/dist/components/combobox/useComboboxPopoverBehavior.js.map +1 -1
- package/dist/components/combobox/useComboboxState.d.ts.map +1 -1
- package/dist/components/combobox/useComboboxState.js +4 -1
- package/dist/components/combobox/useComboboxState.js.map +1 -1
- package/dist/components/datePicker/DatePicker.d.ts +4 -1
- package/dist/components/datePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.js +77 -37
- package/dist/components/datePicker/DatePicker.js.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.d.ts +28 -3
- package/dist/components/datePicker/DatePicker.stories.d.ts.map +1 -1
- package/dist/components/datePicker/DatePicker.stories.js +62 -9
- package/dist/components/datePicker/DatePicker.stories.js.map +1 -1
- package/dist/components/datePicker/DatePicker.test.js +133 -66
- package/dist/components/datePicker/DatePicker.test.js.map +1 -1
- package/dist/components/datePicker/DatePickerCalendarHeader.d.ts +8 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.d.ts.map +1 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.js +36 -0
- package/dist/components/datePicker/DatePickerCalendarHeader.js.map +1 -0
- package/dist/components/datePicker/dateInputUtils.d.ts +25 -0
- package/dist/components/datePicker/dateInputUtils.d.ts.map +1 -0
- package/dist/components/datePicker/dateInputUtils.js +60 -0
- package/dist/components/datePicker/dateInputUtils.js.map +1 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.d.ts +2 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.d.ts.map +1 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.js +4 -0
- package/dist/components/datePicker/datePickerTestUtils.test-helpers.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.d.ts +22 -0
- package/dist/components/dateTimePicker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.js +132 -0
- package/dist/components/dateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts +77 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.js +163 -0
- package/dist/components/dateTimePicker/DateTimePicker.stories.js.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.d.ts +2 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.d.ts.map +1 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.js +235 -0
- package/dist/components/dateTimePicker/DateTimePicker.test.js.map +1 -0
- package/dist/components/formField/FormField.d.ts +4 -0
- package/dist/components/formField/FormField.d.ts.map +1 -1
- package/dist/components/formField/FormField.js +2 -1
- package/dist/components/formField/FormField.js.map +1 -1
- package/dist/components/formField/FormField.stories.d.ts.map +1 -1
- package/dist/components/formField/FormField.stories.js +4 -1
- package/dist/components/formField/FormField.stories.js.map +1 -1
- package/dist/components/formField/FormField.test.d.ts.map +1 -1
- package/dist/components/formField/FormField.test.js +10 -5
- package/dist/components/formField/FormField.test.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts +1 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.d.ts.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js +7 -3
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.js.map +1 -1
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js +12 -0
- package/dist/components/formField/inputs/selectDropdown/SelectDropdown.test.js.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.d.ts +4 -1
- package/dist/components/formField/inputs/text/TextInput.d.ts.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.js +5 -4
- package/dist/components/formField/inputs/text/TextInput.js.map +1 -1
- package/dist/components/formField/inputs/text/TextInput.stories.d.ts +4 -1
- package/dist/components/formField/inputs/text/TextInput.stories.d.ts.map +1 -1
- package/dist/components/formField/inputs/time/TimeInput.d.ts +29 -0
- package/dist/components/formField/inputs/time/TimeInput.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.js +67 -0
- package/dist/components/formField/inputs/time/TimeInput.js.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts +60 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.js +132 -0
- package/dist/components/formField/inputs/time/TimeInput.stories.js.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.test.d.ts +2 -0
- package/dist/components/formField/inputs/time/TimeInput.test.d.ts.map +1 -0
- package/dist/components/formField/inputs/time/TimeInput.test.js +58 -0
- package/dist/components/formField/inputs/time/TimeInput.test.js.map +1 -0
- package/dist/components/table/Table.d.ts.map +1 -1
- package/dist/components/table/Table.js +2 -0
- package/dist/components/table/Table.js.map +1 -1
- package/dist/components/table/Table.stories.d.ts +1 -0
- package/dist/components/table/Table.stories.d.ts.map +1 -1
- package/dist/components/table/Table.stories.js +37 -0
- package/dist/components/table/Table.stories.js.map +1 -1
- package/dist/components/table/cellRenderers/BooleanCellRenderer.d.ts +3 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.js +15 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.js.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.d.ts +2 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.d.ts.map +1 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.js +31 -0
- package/dist/components/table/cellRenderers/BooleanCellRenderer.test.js.map +1 -0
- package/dist/index.css +309 -4
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/button/Button.tsx +2 -1
- package/src/components/combobox/Combobox.stories.tsx +18 -0
- package/src/components/combobox/Combobox.test.tsx +131 -61
- package/src/components/combobox/Combobox.tsx +15 -6
- package/src/components/combobox/ComboboxButtonTrigger.tsx +54 -25
- package/src/components/combobox/ComboboxTrigger.tsx +39 -15
- package/src/components/combobox/combobox.scss +18 -0
- package/src/components/combobox/types.ts +3 -0
- package/src/components/combobox/useComboboxPopoverBehavior.ts +10 -5
- package/src/components/combobox/useComboboxState.ts +4 -1
- package/src/components/datePicker/DatePicker.stories.tsx +67 -9
- package/src/components/datePicker/DatePicker.test.tsx +157 -72
- package/src/components/datePicker/DatePicker.tsx +163 -69
- package/src/components/datePicker/DatePickerCalendarHeader.tsx +82 -0
- package/src/components/datePicker/date-field-hint.scss +152 -0
- package/src/components/datePicker/dateInputUtils.ts +117 -0
- package/src/components/datePicker/datePicker.scss +53 -29
- package/src/components/datePicker/datePickerTestUtils.test-helpers.ts +6 -0
- package/src/components/dateTimePicker/DateTimePicker.stories.tsx +202 -0
- package/src/components/dateTimePicker/DateTimePicker.test.tsx +295 -0
- package/src/components/dateTimePicker/DateTimePicker.tsx +293 -0
- package/src/components/dateTimePicker/dateTimePicker.scss +17 -0
- package/src/components/formField/FormField.stories.tsx +10 -1
- package/src/components/formField/FormField.test.tsx +11 -5
- package/src/components/formField/FormField.tsx +5 -0
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.test.tsx +28 -0
- package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx +8 -2
- package/src/components/formField/inputs/text/TextInput.tsx +6 -3
- package/src/components/formField/inputs/time/TimeInput.stories.tsx +170 -0
- package/src/components/formField/inputs/time/TimeInput.test.tsx +86 -0
- package/src/components/formField/inputs/time/TimeInput.tsx +168 -0
- package/src/components/formField/inputs/time/timeInput.scss +33 -0
- package/src/components/row/row.scss +2 -2
- package/src/components/table/Table.stories.tsx +48 -0
- package/src/components/table/Table.tsx +2 -0
- package/src/components/table/cellRenderers/BooleanCellRenderer.test.tsx +37 -0
- package/src/components/table/cellRenderers/BooleanCellRenderer.tsx +34 -0
- package/src/components/table/cellRenderers/booleanCellRenderer.scss +7 -0
- package/src/index.scss +3 -0
- package/src/index.ts +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxButtonTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxButtonTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AA2BpD,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EACpC,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,GACI,EAAqB,EAAE;IAClD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAChD,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACrD,MAAM,gBAAgB,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IAEpD,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CACH,aAAa;SACV,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,CAAC,KAAK,IAAI,eAAe,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,QAAQ,IAAI,EAAE,EAAE,CAAC;SACxE,IAAI,CAAC,GAAG,CAAC,EACd,CAAC,eAAe,EAAE,aAAa,CAAC,CACjC,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EACnD,CAAC,eAAe,EAAE,aAAa,CAAC,CACjC,CAAC;IACF,MAAM,cAAc,GAAG,oBAAoB,KAAK,MAAM,CAAC;IACvD,MAAM,eAAe,GAAG,uBAAuB,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAE5E,MAAM,YAAY,GAAG,eAAe,CAAC,UAAU,EAAE,GAAG,YAAY,IAAI,MAAM,IAAI,eAAe,EAAE,CAAC,CAAC;IACjG,MAAM,qBAAqB,GAAG,eAAe,CAAC,eAAe,EAAE,GAAG,YAAY,IAAI,MAAM,EAAE,CAAC,CAAC;IAC5F,MAAM,aAAa,GAAG,eAAe,CAAC,gBAAgB,EAAE,GAAG,YAAY,IAAI,MAAM,EAAE,CAAC,CAAC;IACrF,MAAM,UAAU,GAAG,eAAe,CAAC,aAAa,EAAE,GAAG,YAAY,IAAI,MAAM,IAAI,eAAe,EAAE,CAAC,CAAC;IAClG,MAAM,uBAAuB,GAAG,eAAe,CAAC,OAAO,CAAC;IAExD,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,EAAE;YAAE,OAAO,CAAC,CAAC;QAClB,MAAM,MAAM,GAAG,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACpC,MAAM,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,GAAG,IAAI,GAAG,CAAC,CAAC;QACxE,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAErD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,GAAG,eAAe,CAAC,OAAO,CAAC;QACnC,IAAI,CAAC,EAAE;YAAE,OAAO,EAAE,CAAC;QACnB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YAC3C,MAAM,KAAK,GAAI,KAAqB,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;YACnE,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEnE,MAAM,MAAM,GAAG,eAAe,CAAC;QAC7B,cAAc,EAAE,YAAY;QAC5B,UAAU;QACV,OAAO;QACP,UAAU;QACV,aAAa;QACb,SAAS,EAAE,eAAe;KAC3B,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,YAAY,GAAG,CAAC,IAAI,UAAU,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,CAAC;IAClF,MAAM,YAAY,GAAG,UAAU;QAC7B,CAAC,CAAC,MAAM,CAAC,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,KAAK,CAAE,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC/E,CAAC,CAAC,aAAa,CAAC;IAClB,MAAM,YAAY,GAAG,cAAc,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAClF,MAAM,SAAS,GAAG,cAAc,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAEtF,MAAM,kBAAkB,GAAG,CAAC,GAAmB,EAAE,OAAe,EAAE,QAAqB,EAAE,EAAE,CAAC,CAC1F,KAAC,GAAG,IAEF,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,gBAAgB,KAAK,OAAO,EAC9E,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,SAAS,EAC5E,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,UAAU,eAAe,CAAC,GAAG,CAAC,EAAE,EAC7C,oBAAoB,EAAE,CAAC,CAAC,YAEvB,eAAe,CAAC,GAAG,CAAC,IARhB,GAAG,CAAC,KAAK,CASV,CACP,CAAC;IAEF,MAAM,yBAAyB,GAAG,CAAC,aAAsB,EAAE,EAAE,CAAC,CAC5D,KAAC,KAAK,IAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,SAAS,YAClF,aAAa,CAAC,MAAM,GACf,CACT,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,CAAC,MAAM,IAAC,OAAO,kBACrB,eACE,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACb,SAAS,mBACR,MAAM,mBACN,SAAS,gBACZ,SAAS,sBACH,eAAe,kBACnB,WAAW,EACzB,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE,8BAA8B,EAAE;gBAC5E,4BAA4B,EAAE,MAAM;gBACpC,6BAA6B,EAAE,QAAQ;gBACvC,gCAAgC,EAAE,QAAQ;aAC3C,CAAC,EACF,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,oBAAoB,aAE/B,eAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,UAAU,aACzD,cAAc;4BACb,CAAC,CAAC,CACE,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAK,SAAS,EAAC,gCAAgC,aAC5C,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,CAC7B,eAAM,SAAS,EAAC,iCAAiC,YAAE,WAAW,GAAQ,CACvE,EACA,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CACjC,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,IACpF,EACL,YAAY,IAAI,eAAM,SAAS,EAAC,8BAA8B,iBAAa,MAAM,uBAAS,IACvF,CACP;4BACH,CAAC,CAAC,CACE,eACE,SAAS,EAAE,UAAU,CAAC;oCACpB,iCAAiC,EAAE,iBAAiB,CAAC,MAAM,KAAK,CAAC;oCACjE,6BAA6B,EAAE,iBAAiB,CAAC,MAAM,GAAG,CAAC;iCAC5D,CAAC,YAED,iBAAiB,IAAI,WAAW,GAC5B,CACR,EACJ,SAAS,IAAI,yBAAyB,CAAC,IAAI,CAAC,IACzC,EACL,iBAAiB,IAAI,CACpB,eAAM,SAAS,EAAC,0BAA0B,iBAAa,MAAM,YAC1D,iBAAiB,GACb,CACR,EACA,mBAAmB,IAAI,CACtB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,CAAC,CAAC,gBACD,kBAAkB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,GAAI,GACzD,CACV,EAEA,cAAc,IAAI,CACjB,eAAK,SAAS,EAAC,sBAAsB,iBAAa,MAAM,aAEtD,cAAK,SAAS,EAAC,gCAAgC,EAAC,GAAG,EAAE,eAAe,YACjE,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE,CAAC,CACnC,eAAmC,SAAS,EAAC,2BAA2B,YACrE,kBAAkB,CAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,IADzD,WAAW,GAAG,CAAC,KAAK,EAAE,CAE1B,CACR,CAAC,GACE,EACN,eAAM,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAC,8BAA8B,uBAAS,EAC9E,eAAM,GAAG,EAAE,aAAa,YACrB,eAAe,CAAC,CAAC,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GACrD,IACH,CACP,IACG,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAqB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { ComboboxAriaInvalid, ComboboxOption } from './types';
|
|
1
|
+
import type { ComboboxAriaInvalid, ComboboxOption, ComboboxSelectedValueDisplay } from './types';
|
|
2
2
|
export type ComboboxTriggerProps = {
|
|
3
3
|
'inputRef': React.RefObject<HTMLInputElement | null>;
|
|
4
4
|
'triggerRef': React.RefObject<HTMLDivElement | null>;
|
|
@@ -16,6 +16,8 @@ export type ComboboxTriggerProps = {
|
|
|
16
16
|
'aria-invalid'?: ComboboxAriaInvalid;
|
|
17
17
|
'aria-label'?: string;
|
|
18
18
|
'showDropdownTrigger': boolean;
|
|
19
|
+
'selectedValueDisplay': ComboboxSelectedValueDisplay;
|
|
20
|
+
'triggerEndContent'?: React.ReactNode;
|
|
19
21
|
'selectedChips': ComboboxOption[];
|
|
20
22
|
'selectedChipValuesSet': Set<string>;
|
|
21
23
|
'focusedChipIndex': number | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEjG,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,4BAA4B,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAqH9E,CAAC"}
|
|
@@ -4,12 +4,20 @@ import { Icon } from '../icon/Icon';
|
|
|
4
4
|
import { Tag } from '../tag/Tag';
|
|
5
5
|
import { Popover } from 'radix-ui';
|
|
6
6
|
export const ComboboxTrigger = (props) => {
|
|
7
|
-
const { inputRef, triggerRef, comboboxId, listboxId, isOpen, hasError, disabled, placeholder, query, shouldShowPopover, showListboxLoading, activeDescendant, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, showDropdownTrigger, selectedChips, selectedChipValuesSet, focusedChipIndex, resolveTagLabel, removeValue, handleTriggerClick, handleInputChange, handleInputFocus, handleInputBlur, handleKeyDown, handleChevronClick, } = props;
|
|
7
|
+
const { inputRef, triggerRef, comboboxId, listboxId, isOpen, hasError, disabled, placeholder, query, shouldShowPopover, showListboxLoading, activeDescendant, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, showDropdownTrigger, selectedValueDisplay, triggerEndContent, selectedChips, selectedChipValuesSet, focusedChipIndex, resolveTagLabel, removeValue, handleTriggerClick, handleInputChange, handleInputFocus, handleInputBlur, handleKeyDown, handleChevronClick, } = props;
|
|
8
|
+
const selectedValueText = selectedChips.map(resolveTagLabel).join(', ');
|
|
9
|
+
const showSelectedValueText = selectedValueDisplay === 'text'
|
|
10
|
+
&& query.length === 0
|
|
11
|
+
&& selectedValueText.length > 0;
|
|
8
12
|
return (_jsx(Popover.Anchor, { asChild: true, children: _jsxs("div", { ref: triggerRef, className: classNames('ds-combobox__trigger', {
|
|
9
13
|
'ds-combobox__trigger--open': isOpen,
|
|
10
14
|
'ds-combobox__trigger--error': hasError,
|
|
11
15
|
'ds-combobox__trigger--disabled': disabled,
|
|
12
|
-
}), onClick: handleTriggerClick, children: [_jsxs("div", { className: "ds-combobox__chips-and-input", children: [
|
|
16
|
+
}), onClick: handleTriggerClick, children: [_jsxs("div", { className: "ds-combobox__chips-and-input", children: [selectedValueDisplay === 'tags'
|
|
17
|
+
? selectedChips.map((opt, chipIdx) => (_jsx(Tag, { color: "neutral", selected: selectedChipValuesSet.has(opt.value) || focusedChipIndex === chipIdx, slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined, onRemove: disabled ? undefined : () => removeValue(opt.value), removeLabel: `Remove ${resolveTagLabel(opt)}`, removeButtonTabIndex: -1, children: resolveTagLabel(opt) }, opt.value)))
|
|
18
|
+
: null, showSelectedValueText && (_jsx("span", { className: "ds-combobox__selected-value", children: selectedValueText })), _jsx("input", { ref: inputRef, id: comboboxId, className: classNames('ds-combobox__input', {
|
|
19
|
+
'ds-combobox__input--with-selected-value': showSelectedValueText,
|
|
20
|
+
}), type: "text", role: "combobox", "aria-autocomplete": "list", "aria-expanded": shouldShowPopover, "aria-controls": listboxId, "aria-activedescendant": activeDescendant, "aria-busy": showListboxLoading ? true : undefined, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, placeholder: selectedChips.length === 0 ? placeholder : undefined, value: query, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleKeyDown, onBlur: handleInputBlur, disabled: disabled, autoComplete: "off" })] }), triggerEndContent && (_jsx("span", { className: "ds-combobox__end-content", "aria-hidden": "true", children: triggerEndContent })), showDropdownTrigger && (_jsx("button", { type: "button", className: "ds-combobox__chevron", tabIndex: -1, "aria-label": "Open suggestions", onClick: handleChevronClick, disabled: disabled, children: _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16 }) }))] }) }));
|
|
13
21
|
};
|
|
14
22
|
ComboboxTrigger.displayName = 'Combobox.Trigger';
|
|
15
23
|
//# sourceMappingURL=ComboboxTrigger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,6 +13,7 @@ export type ComboboxOption = {
|
|
|
13
13
|
export type ComboboxCreateResult = string | ComboboxOption | void;
|
|
14
14
|
export type ComboboxSearchFn = (option: ComboboxOption, query: string) => boolean;
|
|
15
15
|
export type ComboboxSearchType = 'prefix' | 'substring' | ComboboxSearchFn;
|
|
16
|
+
export type ComboboxSelectedValueDisplay = 'tags' | 'text';
|
|
16
17
|
export type ComboboxProps = {
|
|
17
18
|
'options': ComboboxOption[];
|
|
18
19
|
'multiple'?: boolean;
|
|
@@ -29,7 +30,9 @@ export type ComboboxProps = {
|
|
|
29
30
|
'disabled'?: boolean;
|
|
30
31
|
'dropdownOnFocus'?: boolean;
|
|
31
32
|
'triggerVariant'?: 'input' | 'button';
|
|
33
|
+
'selectedValueDisplay'?: ComboboxSelectedValueDisplay;
|
|
32
34
|
'showDropdownTrigger'?: boolean;
|
|
35
|
+
'triggerEndContent'?: React.ReactNode;
|
|
33
36
|
'showSelectionCountBadge'?: boolean;
|
|
34
37
|
'selectionCountA11yLabel'?: string | ((count: number) => string);
|
|
35
38
|
'loading'?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,8EAA8E;AAC9E,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAClF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,WAAW,GAAG,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,8EAA8E;AAC9E,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,CAAC;AAClE,MAAM,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAClF,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,WAAW,GAAG,gBAAgB,CAAC;AAC3E,MAAM,MAAM,4BAA4B,GAAG,MAAM,GAAG,MAAM,CAAC;AAE3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,cAAc,EAAE,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAE7C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,oBAAoB,CAAC;IAC7D,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE5C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACtC,sBAAsB,CAAC,EAAE,4BAA4B,CAAC;IACtD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,yBAAyB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAChF,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,MAAM,CAAC;IAEnD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC"}
|
|
@@ -21,6 +21,8 @@ type UseComboboxPopoverBehaviorParams = {
|
|
|
21
21
|
clearChipSelection: () => void;
|
|
22
22
|
exitChipNav: () => void;
|
|
23
23
|
triggerContainsInput?: boolean;
|
|
24
|
+
/** Search field is inside the popover (button trigger); keep shell mounted while open even with zero matches. */
|
|
25
|
+
renderSearchInputInListbox: boolean;
|
|
24
26
|
};
|
|
25
27
|
export type UseComboboxPopoverBehaviorReturn = {
|
|
26
28
|
shouldRenderPopoverContent: boolean;
|
|
@@ -33,6 +35,6 @@ export type UseComboboxPopoverBehaviorReturn = {
|
|
|
33
35
|
handleChevronClick: (e: React.MouseEvent) => void;
|
|
34
36
|
handlePopoverInteractOutside: (e: ComboboxInteractOutsideEvent) => void;
|
|
35
37
|
};
|
|
36
|
-
export declare const useComboboxPopoverBehavior: ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput, }: UseComboboxPopoverBehaviorParams) => UseComboboxPopoverBehaviorReturn;
|
|
38
|
+
export declare const useComboboxPopoverBehavior: ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput, renderSearchInputInListbox, }: UseComboboxPopoverBehaviorParams) => UseComboboxPopoverBehaviorReturn;
|
|
37
39
|
export {};
|
|
38
40
|
//# sourceMappingURL=useComboboxPopoverBehavior.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxPopoverBehavior.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,KAAK,4BAA4B,GAAG,UAAU,CAC5C,WAAW,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC,CACxD,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,gCAAgC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useComboboxPopoverBehavior.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAG/E,KAAK,4BAA4B,GAAG,UAAU,CAC5C,WAAW,CAAC,qBAAqB,CAAC,mBAAmB,CAAC,CAAC,CACxD,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,gCAAgC,GAAG;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iHAAiH;IACjH,0BAA0B,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACjE,kBAAkB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAClD,4BAA4B,EAAE,CAAC,CAAC,EAAE,4BAA4B,KAAK,IAAI,CAAC;CACzE,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,gTAsBxC,gCAAgC,KAAG,gCAqHrC,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { useCallback, useEffect } from 'react';
|
|
2
|
-
export const useComboboxPopoverBehavior = ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput = true, }) => {
|
|
3
|
-
const shouldRenderPopoverContent = loading || totalItems > 0;
|
|
2
|
+
export const useComboboxPopoverBehavior = ({ inputRef, triggerRef, listboxRef, disabled, dropdownOnFocus, loading, onSearch, isAsync, isOpen, setIsOpen, setQuery, setHighlightIndex, openPopover, totalItems, showCreateRow, filteredOptionsLength, highlightIndex, clearChipSelection, exitChipNav, triggerContainsInput = true, renderSearchInputInListbox, }) => {
|
|
3
|
+
const shouldRenderPopoverContent = loading || totalItems > 0 || (renderSearchInputInListbox && isOpen);
|
|
4
4
|
const shouldShowPopover = isOpen && shouldRenderPopoverContent;
|
|
5
5
|
const showListboxLoading = Boolean(loading && shouldShowPopover);
|
|
6
|
+
const canOpenPopover = loading || totalItems > 0 || renderSearchInputInListbox;
|
|
6
7
|
const handleInputChange = useCallback((e) => {
|
|
7
8
|
const val = e.target.value;
|
|
8
9
|
clearChipSelection();
|
|
@@ -44,10 +45,10 @@ export const useComboboxPopoverBehavior = ({ inputRef, triggerRef, listboxRef, d
|
|
|
44
45
|
const requestOpen = useCallback(() => {
|
|
45
46
|
if (disabled)
|
|
46
47
|
return;
|
|
47
|
-
if (
|
|
48
|
+
if (canOpenPopover) {
|
|
48
49
|
openPopover();
|
|
49
50
|
}
|
|
50
|
-
}, [disabled, openPopover,
|
|
51
|
+
}, [disabled, openPopover, canOpenPopover]);
|
|
51
52
|
const handleTriggerClick = useCallback(() => {
|
|
52
53
|
if (disabled)
|
|
53
54
|
return;
|
|
@@ -79,10 +80,10 @@ export const useComboboxPopoverBehavior = ({ inputRef, triggerRef, listboxRef, d
|
|
|
79
80
|
if (triggerContainsInput) {
|
|
80
81
|
inputRef.current?.focus();
|
|
81
82
|
}
|
|
82
|
-
if (
|
|
83
|
+
if (canOpenPopover) {
|
|
83
84
|
openPopover();
|
|
84
85
|
}
|
|
85
|
-
}, [disabled, inputRef, openPopover,
|
|
86
|
+
}, [disabled, inputRef, openPopover, canOpenPopover, triggerContainsInput]);
|
|
86
87
|
const handlePopoverInteractOutside = useCallback((e) => {
|
|
87
88
|
const target = e.target;
|
|
88
89
|
if (target && triggerRef.current?.contains(target)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxPopoverBehavior.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"useComboboxPopoverBehavior.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxPopoverBehavior.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxState.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AASnF,KAAK,sBAAsB,GAAG,IAAI,CAChC,aAAa,EACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,YAAY,GACZ,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,UAAU,CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhE,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,sBAAsB,KAAG,
|
|
1
|
+
{"version":3,"file":"useComboboxState.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAwB,cAAc,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AASnF,KAAK,sBAAsB,GAAG,IAAI,CAChC,aAAa,EACX,SAAS,GACT,UAAU,GACV,OAAO,GACP,cAAc,GACd,eAAe,GACf,UAAU,GACV,YAAY,GACZ,aAAa,GACb,aAAa,GACb,iBAAiB,GACjB,UAAU,CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACvD,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAEhE,iBAAiB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC/B,aAAa,EAAE,cAAc,EAAE,CAAC;IAChC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,gBAAgB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC9B,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IAEnB,YAAY,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,WAAW,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,mBAAmB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,QAAQ,sBAAsB,KAAG,sBAsLjE,CAAC"}
|
|
@@ -46,7 +46,10 @@ export const useComboboxState = (params) => {
|
|
|
46
46
|
: [optionValue];
|
|
47
47
|
updateValue(next);
|
|
48
48
|
setQuery('');
|
|
49
|
-
|
|
49
|
+
if (!multiple) {
|
|
50
|
+
setIsOpen(false);
|
|
51
|
+
}
|
|
52
|
+
}, [multiple, selectedValues, selectedValuesSet, setIsOpen, updateValue]);
|
|
50
53
|
const removeValue = useCallback((optionValue) => {
|
|
51
54
|
updateValue(selectedValues.filter(v => v !== optionValue));
|
|
52
55
|
}, [selectedValues, updateValue]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useComboboxState.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"useComboboxState.js","sourceRoot":"","sources":["../../../src/components/combobox/useComboboxState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAGlE,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE,CAChD,sBAAsB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChF,SAAS,EAAE,CAAC,MAAsB,EAAE,KAAa,EAAE,EAAE,CACnD,sBAAsB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,CAAC;CACtE,CAAC;AA2CX,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAA0B,EAAE;IACzF,MAAM,EACJ,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,UAAU,GAAG,QAAQ,EACrB,WAAW,GAAG,KAAK,EACnB,WAAW,EACX,eAAe,EACf,QAAQ,GAAG,KAAK,GACjB,GAAG,MAAM,CAAC;IAEX,MAAM,YAAY,GAAG,eAAe,KAAK,SAAS,CAAC;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,YAAY,IAAI,EAAE,CAAC,CAAC;IACjF,MAAM,cAAc,GAAG,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,CAAC;IAEtE,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAEnF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAc,EAAE,EAAE;QACjB,IAAI,CAAC,YAAY;YAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QAC1C,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAC9B,CAAC;IAEF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAmB,EAAE,CAAC,CAAC;IAE3E,MAAM,OAAO,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IAClC,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,EAChF,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,cAAc,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,OAAO,CAAC;QAChD,MAAM,cAAc,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAC9D,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5E,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,MAAM,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,IAAI,OAAO,IAAI,CAAC,KAAK;YAAE,OAAO,aAAa,CAAC;QAC5C,OAAO,aAAa,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5C,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EACnD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CACH,WAAW;WACR,KAAK,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;WACvB,CAAC,eAAe,CAAC,IAAI,CACtB,CAAC,CAAC,EAAE,CACF,sBAAsB,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,sBAAsB,CAAC,KAAK,CAAC,CACpE,EACH,CAAC,WAAW,EAAE,KAAK,EAAE,eAAe,CAAC,CACtC,CAAC;IAEF,MAAM,UAAU,GAAG,eAAe,CAAC,MAAM,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,WAAmB,EAAE,EAAE;QACtB,MAAM,IAAI,GAAG,QAAQ;YACnB,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,WAAW,CAAC;gBAClC,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC;gBAC/C,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,WAAW,CAAC;YACpC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;QAClB,WAAW,CAAC,IAAI,CAAC,CAAC;QAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,WAAW,CAAC,CACtE,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,WAAmB,EAAE,EAAE;QACtB,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC;IAC7D,CAAC,EACD,CAAC,cAAc,EAAE,WAAW,CAAC,CAC9B,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,WAAW,CAAC,EAAE,CAAC,CAAC;QAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,IAAI,CAAC,QAAQ;YAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,MAA4B,EAAE,UAAkB,EAAU,EAAE;QAC3D,MAAM,QAAQ,GAAmB;YAC/B,KAAK,EAAE,UAAU,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;YACpD,KAAK,EAAE,UAAU;SAClB,CAAC;QAEF,MAAM,OAAO,GACT,OAAO,MAAM,KAAK,QAAQ;YAC1B,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,CAAC,CAAC,CAAC,MAAM,IAAI,QAAQ,CAAC,CAAC;QAE3B,MAAM,eAAe,GAAG,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/E,IAAI,CAAC,eAAe,EAAE,CAAC;YACrB,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE;gBACzB,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC;oBAAE,OAAO,IAAI,CAAC;gBAC/D,OAAO,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC;QAED,OAAO,eAAe,EAAE,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC;IACjD,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC;QAC7B,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,MAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CACjC,GAAG,CAAC,EAAE,CAAC,sBAAsB,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,sBAAsB,CAAC,OAAO,CAAC,CAC7E,CAAC;QACF,IAAI,QAAQ,EAAE,CAAC;YACb,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC7B,OAAO;QACT,CAAC;QAED,MAAM,YAAY,GAAG,WAAW,EAAE,CAAC,OAAO,CAAC,CAAC;QAC5C,MAAM,YAAY,GAAG,mBAAmB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAChE,YAAY,CAAC,YAAY,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3E,MAAM,mBAAmB,GAAG,WAAW,CACrC,CAAC,WAAmB,EAAE,EAAE;QACtB,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,WAAW,CAAC,CAAC,CAAC;QAEzE,IAAI,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC;YACzC,WAAW,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC;QAC7D,CAAC;QAED,eAAe,EAAE,CAAC,WAAW,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,cAAc,EAAE,WAAW,EAAE,eAAe,CAAC,CAC/C,CAAC;IAEF,OAAO;QACL,cAAc;QACd,iBAAiB;QACjB,KAAK;QACL,QAAQ;QACR,MAAM;QACN,SAAS;QACT,cAAc;QACd,iBAAiB;QAEjB,aAAa;QACb,eAAe;QACf,gBAAgB;QAChB,aAAa;QACb,UAAU;QAEV,YAAY;QACZ,WAAW;QACX,QAAQ;QACR,YAAY;QACZ,mBAAmB;QACnB,WAAW;QAEX,OAAO;KACR,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
+
import { type DateDisplayFormat } from './dateInputUtils';
|
|
1
2
|
export type DatePickerProps = {
|
|
2
3
|
'className'?: string;
|
|
3
|
-
'
|
|
4
|
+
'displayFormat'?: DateDisplayFormat;
|
|
5
|
+
'placeholder'?: string;
|
|
4
6
|
'onChange'?: (newDate?: Date) => void;
|
|
5
7
|
'id'?: string;
|
|
6
8
|
'hasError'?: boolean;
|
|
7
9
|
'aria-describedby'?: string;
|
|
8
10
|
'aria-invalid'?: boolean;
|
|
9
11
|
'value'?: Date;
|
|
12
|
+
'defaultValue'?: Date;
|
|
10
13
|
};
|
|
11
14
|
export declare const DatePicker: (props: DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
15
|
//# sourceMappingURL=DatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAOA,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,iBAAiB,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,IAAI,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,OAAO,eAAe,4CA6MhD,CAAC"}
|
|
@@ -2,59 +2,99 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { Button } from '../button/Button';
|
|
4
4
|
import { TextInput } from '../formField/inputs/text/TextInput';
|
|
5
|
-
import { format, isValid, parse } from 'date-fns';
|
|
6
5
|
import { Popover } from 'radix-ui';
|
|
7
|
-
import { useContext, useRef, useState } from 'react';
|
|
6
|
+
import { useContext, useEffect, useRef, useState } from 'react';
|
|
8
7
|
import { DayPicker } from 'react-day-picker';
|
|
9
|
-
import { useComponentDidUpdate } from '../../utils/hooks/useComponentDidUpdate';
|
|
10
8
|
import { PopupParentContext } from '../../utils/PopupParentContext';
|
|
9
|
+
import { formatNativeDateInputValue, formatTimeInputValue, getDatePlaceholder, mergeDateAndTime, parseNativeDateInputValue, } from './dateInputUtils';
|
|
10
|
+
import { DatePickerCalendarHeader } from './DatePickerCalendarHeader';
|
|
11
|
+
const TIME_PRESERVATION_GRANULARITY = 'minute';
|
|
11
12
|
export const DatePicker = (props) => {
|
|
12
|
-
const { className,
|
|
13
|
-
const
|
|
14
|
-
const
|
|
15
|
-
const [
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
const { className, displayFormat = 'default', onChange, id, hasError, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, value, defaultValue, placeholder, } = props;
|
|
14
|
+
const initialValue = value ?? defaultValue;
|
|
15
|
+
const isControlled = value !== undefined;
|
|
16
|
+
const [month, setMonth] = useState(initialValue ?? new Date());
|
|
17
|
+
const [selectedDate, setSelectedDate] = useState(initialValue);
|
|
18
|
+
const [inputValue, setInputValue] = useState(initialValue ? formatNativeDateInputValue(initialValue) : '');
|
|
19
|
+
const [isPickerOpen, setIsPickerOpen] = useState(false);
|
|
20
|
+
const inputRef = useRef(null);
|
|
21
|
+
const selectedDateRef = useRef(selectedDate);
|
|
22
|
+
selectedDateRef.current = selectedDate;
|
|
23
|
+
const resolvedPlaceholder = placeholder ?? getDatePlaceholder(displayFormat);
|
|
24
|
+
const showFieldHint = selectedDate === undefined && inputValue === '';
|
|
25
|
+
const overlayHint = resolvedPlaceholder;
|
|
26
|
+
const hasCustomEmptyHint = showFieldHint && placeholder !== undefined;
|
|
27
|
+
useEffect(() => {
|
|
28
|
+
if (!isControlled) {
|
|
29
|
+
return;
|
|
30
|
+
}
|
|
31
|
+
const valueTime = value?.getTime();
|
|
32
|
+
const selectedTime = selectedDateRef.current?.getTime();
|
|
33
|
+
if (valueTime !== selectedTime) {
|
|
20
34
|
setSelectedDate(value);
|
|
21
|
-
setMonth(value);
|
|
35
|
+
setMonth(value ?? new Date());
|
|
36
|
+
setInputValue(value ? formatNativeDateInputValue(value) : '');
|
|
22
37
|
}
|
|
23
|
-
}, [value]);
|
|
24
|
-
const
|
|
38
|
+
}, [value, isControlled]);
|
|
39
|
+
const mergeParsedDateWithExistingTime = (parsedDay) => (selectedDate
|
|
40
|
+
? mergeDateAndTime(parsedDay, formatTimeInputValue(selectedDate, TIME_PRESERVATION_GRANULARITY), TIME_PRESERVATION_GRANULARITY)
|
|
41
|
+
: parsedDay);
|
|
25
42
|
const onInputChange = (e) => {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
43
|
+
const nextInputValue = e.target.value;
|
|
44
|
+
setInputValue(nextInputValue);
|
|
45
|
+
const parsedDay = parseNativeDateInputValue(nextInputValue);
|
|
46
|
+
if (parsedDay) {
|
|
47
|
+
const next = mergeParsedDateWithExistingTime(parsedDay);
|
|
48
|
+
setSelectedDate(next);
|
|
49
|
+
setMonth(next);
|
|
50
|
+
onChange?.(next);
|
|
31
51
|
}
|
|
32
52
|
else {
|
|
33
53
|
setSelectedDate(undefined);
|
|
54
|
+
onChange?.(undefined);
|
|
34
55
|
}
|
|
35
56
|
};
|
|
36
|
-
const
|
|
37
|
-
|
|
38
|
-
|
|
57
|
+
const mergePreservingTime = (calendarDay) => {
|
|
58
|
+
const timeSource = selectedDate ?? calendarDay;
|
|
59
|
+
return mergeDateAndTime(calendarDay, formatTimeInputValue(timeSource, TIME_PRESERVATION_GRANULARITY), TIME_PRESERVATION_GRANULARITY);
|
|
39
60
|
};
|
|
40
|
-
|
|
41
|
-
if (
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
61
|
+
const onDayPickerSelect = (date) => {
|
|
62
|
+
if (!date) {
|
|
63
|
+
setSelectedDate(undefined);
|
|
45
64
|
setInputValue('');
|
|
65
|
+
setIsPickerOpen(false);
|
|
66
|
+
onChange?.(undefined);
|
|
67
|
+
return;
|
|
46
68
|
}
|
|
47
|
-
|
|
48
|
-
|
|
69
|
+
const next = mergePreservingTime(date);
|
|
70
|
+
setSelectedDate(next);
|
|
71
|
+
setMonth(next);
|
|
72
|
+
setInputValue(formatNativeDateInputValue(next));
|
|
73
|
+
setIsPickerOpen(false);
|
|
74
|
+
onChange?.(next);
|
|
75
|
+
};
|
|
76
|
+
const handleTodayClick = () => {
|
|
77
|
+
const day = new Date();
|
|
78
|
+
const next = mergeDateAndTime(day, formatTimeInputValue(selectedDate ?? day, TIME_PRESERVATION_GRANULARITY), TIME_PRESERVATION_GRANULARITY);
|
|
79
|
+
setSelectedDate(next);
|
|
80
|
+
setMonth(next);
|
|
81
|
+
setInputValue(formatNativeDateInputValue(next));
|
|
82
|
+
setIsPickerOpen(false);
|
|
83
|
+
onChange?.(next);
|
|
84
|
+
};
|
|
85
|
+
/** Custom empty hint: open only on pointer (not Tab focus) so keyboard users are not surprised by the popover. */
|
|
86
|
+
const onFieldHintInputPointerDown = (e) => {
|
|
87
|
+
if (hasCustomEmptyHint) {
|
|
88
|
+
e.preventDefault();
|
|
89
|
+
setIsPickerOpen(true);
|
|
49
90
|
}
|
|
50
|
-
|
|
51
|
-
}, [selectedDate, dateFormat, onChange]);
|
|
91
|
+
};
|
|
52
92
|
const popupParentRef = useContext(PopupParentContext);
|
|
53
|
-
return (_jsxs("div", { className: classNames('ds-date-picker', className), children: [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
93
|
+
return (_jsxs("div", { className: classNames('ds-date-picker', className), children: [_jsxs("div", { className: classNames('ds-date-picker__field', { 'ds-date-picker__field--show-hint': showFieldHint }), children: [_jsx(TextInput, { ref: inputRef, type: "date", value: inputValue, onChange: onInputChange, onPointerDown: onFieldHintInputPointerDown, readOnly: hasCustomEmptyHint, id: id, placeholder: showFieldHint ? '' : resolvedPlaceholder, hasError: hasError, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: "ds-date-picker__input" }), showFieldHint
|
|
94
|
+
? (_jsx("span", { className: "ds-date-picker__field-hint", "aria-hidden": "true", children: overlayHint }))
|
|
95
|
+
: null] }), _jsxs(Popover.Root, { open: isPickerOpen, onOpenChange: open => setIsPickerOpen(open), children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx(Button, { className: "ds-date-picker__button", variant: "text-link", iconLeftName: "date", iconLeftScreenReaderText: "Open date picker" }) }), _jsx(Popover.Portal, { container: popupParentRef.current, children: _jsx(Popover.Content, { align: "end", sideOffset: 5, onOpenAutoFocus: e => e.preventDefault(), onCloseAutoFocus: (e) => {
|
|
96
|
+
e.preventDefault();
|
|
97
|
+
inputRef.current?.focus();
|
|
98
|
+
}, children: _jsxs("div", { className: "ds-date-picker__popup", children: [_jsx(DatePickerCalendarHeader, { month: month, onMonthChange: setMonth }), _jsx(DayPicker, { className: "ds-date-picker__calendar", month: month, onMonthChange: setMonth, autoFocus: true, role: "application", mode: "single", selected: selectedDate, onSelect: onDayPickerSelect, hideNavigation: true, footer: (_jsx(Button, { variant: "text-link", onClick: handleTodayClick, className: "ds-date-picker__today-button", children: "Today" })) })] }) }) })] })] }));
|
|
59
99
|
};
|
|
60
100
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,15 +2,37 @@ import type { StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: (props: import("./DatePicker").DatePickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react-vite").ReactRenderer, {
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
displayFormat?: import("./dateInputUtils").DateDisplayFormat | undefined;
|
|
8
|
+
placeholder?: string | undefined;
|
|
9
|
+
onChange?: ((newDate?: Date) => void) | undefined;
|
|
10
|
+
id?: string | undefined;
|
|
11
|
+
hasError?: boolean | undefined;
|
|
12
|
+
'aria-describedby'?: string | undefined;
|
|
13
|
+
'aria-invalid'?: boolean | undefined;
|
|
14
|
+
value?: Date | undefined;
|
|
15
|
+
defaultValue?: Date | undefined;
|
|
16
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
5
17
|
parameters: {
|
|
6
18
|
layout: string;
|
|
19
|
+
docs: {
|
|
20
|
+
description: {
|
|
21
|
+
component: string;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
7
24
|
};
|
|
8
25
|
tags: string[];
|
|
9
26
|
args: {
|
|
10
27
|
onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
|
|
11
28
|
};
|
|
12
29
|
argTypes: {
|
|
13
|
-
|
|
30
|
+
displayFormat: {
|
|
31
|
+
control: "inline-radio";
|
|
32
|
+
options: string[];
|
|
33
|
+
description: string;
|
|
34
|
+
};
|
|
35
|
+
placeholder: {
|
|
14
36
|
control: "text";
|
|
15
37
|
description: string;
|
|
16
38
|
};
|
|
@@ -26,6 +48,9 @@ declare const meta: {
|
|
|
26
48
|
export default meta;
|
|
27
49
|
type Story = StoryObj<typeof meta>;
|
|
28
50
|
export declare const Default: Story;
|
|
29
|
-
export declare const
|
|
30
|
-
|
|
51
|
+
export declare const FriendlyFormat: Story;
|
|
52
|
+
/** `placeholder` overrides the default empty-state hint. */
|
|
53
|
+
export declare const PlaceholderCustomOverride: Story;
|
|
54
|
+
/** Friendly format with custom hint copy. */
|
|
55
|
+
export declare const PlaceholderFriendlyWithCustomCopy: Story;
|
|
31
56
|
//# sourceMappingURL=DatePicker.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"DatePicker.stories.d.ts","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;4BAsBR,CAAF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBmC,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAC;AAEF,4DAA4D;AAC5D,eAAO,MAAM,yBAAyB,EAAE,KAavC,CAAC;AAEF,6CAA6C;AAC7C,eAAO,MAAM,iCAAiC,EAAE,KAa/C,CAAC"}
|