@bspk/ui 1.0.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/Accordion.d.ts +20 -0
- package/Accordion.js +18 -0
- package/Accordion.js.map +1 -0
- package/Badge.d.ts +33 -0
- package/Badge.js +43 -0
- package/Badge.js.map +1 -0
- package/BannerAlert.d.ts +53 -0
- package/BannerAlert.js +133 -0
- package/BannerAlert.js.map +1 -0
- package/BottomNavigation.d.ts +20 -0
- package/BottomNavigation.js +18 -0
- package/BottomNavigation.js.map +1 -0
- package/BottomSheet.d.ts +20 -0
- package/BottomSheet.js +18 -0
- package/BottomSheet.js.map +1 -0
- package/Breadcrumb.d.ts +20 -0
- package/Breadcrumb.js +18 -0
- package/Breadcrumb.js.map +1 -0
- package/Button.d.ts +66 -0
- package/Button.js +254 -0
- package/Button.js.map +1 -0
- package/ButtonDock.d.ts +20 -0
- package/ButtonDock.js +18 -0
- package/ButtonDock.js.map +1 -0
- package/CODE_OF_CONDUCT.md +137 -0
- package/CONTRIBUTING.md +42 -0
- package/Card.d.ts +37 -0
- package/Card.js +38 -0
- package/Card.js.map +1 -0
- package/Chart.d.ts +20 -0
- package/Chart.js +18 -0
- package/Chart.js.map +1 -0
- package/Checkbox.d.ts +26 -0
- package/Checkbox.js +123 -0
- package/Checkbox.js.map +1 -0
- package/CheckboxGroup.d.ts +49 -0
- package/CheckboxGroup.js +18 -0
- package/CheckboxGroup.js.map +1 -0
- package/CheckboxOption.d.ts +14 -0
- package/CheckboxOption.js +16 -0
- package/CheckboxOption.js.map +1 -0
- package/Chip.d.ts +50 -0
- package/Chip.js +87 -0
- package/Chip.js.map +1 -0
- package/DatePicker.d.ts +20 -0
- package/DatePicker.js +18 -0
- package/DatePicker.js.map +1 -0
- package/Dialog.d.ts +46 -0
- package/Dialog.js +221 -0
- package/Dialog.js.map +1 -0
- package/Divider.d.ts +44 -0
- package/Divider.js +76 -0
- package/Divider.js.map +1 -0
- package/Drawer.d.ts +20 -0
- package/Drawer.js +18 -0
- package/Drawer.js.map +1 -0
- package/Dropdown.d.ts +50 -0
- package/Dropdown.js +153 -0
- package/Dropdown.js.map +1 -0
- package/DropdownField.d.ts +16 -0
- package/DropdownField.js +19 -0
- package/DropdownField.js.map +1 -0
- package/EmptyState.d.ts +35 -0
- package/EmptyState.js +20 -0
- package/EmptyState.js.map +1 -0
- package/Fab.d.ts +43 -0
- package/Fab.js +146 -0
- package/Fab.js.map +1 -0
- package/FileUpload.d.ts +20 -0
- package/FileUpload.js +18 -0
- package/FileUpload.js.map +1 -0
- package/FormField.d.ts +48 -0
- package/FormField.js +39 -0
- package/FormField.js.map +1 -0
- package/GUIDELINES.md +41 -0
- package/Image.d.ts +20 -0
- package/Image.js +18 -0
- package/Image.js.map +1 -0
- package/Img.d.ts +26 -0
- package/Img.js +20 -0
- package/Img.js.map +1 -0
- package/InlineAlert.d.ts +31 -0
- package/InlineAlert.js +73 -0
- package/InlineAlert.js.map +1 -0
- package/LICENSE +395 -0
- package/Layout.d.ts +48 -0
- package/Layout.js +24 -0
- package/Layout.js.map +1 -0
- package/Link.d.ts +38 -0
- package/Link.js +37 -0
- package/Link.js.map +1 -0
- package/ListItem.d.ts +68 -0
- package/ListItem.js +207 -0
- package/ListItem.js.map +1 -0
- package/Menu.d.ts +86 -0
- package/Menu.js +98 -0
- package/Menu.js.map +1 -0
- package/MenuButton.d.ts +16 -0
- package/MenuButton.js +30 -0
- package/MenuButton.js.map +1 -0
- package/Modal.d.ts +31 -0
- package/Modal.js +53 -0
- package/Modal.js.map +1 -0
- package/MultiSelection.d.ts +20 -0
- package/MultiSelection.js +18 -0
- package/MultiSelection.js.map +1 -0
- package/NavigationRail.d.ts +20 -0
- package/NavigationRail.js +18 -0
- package/NavigationRail.js.map +1 -0
- package/NumberField.d.ts +17 -0
- package/NumberField.js +20 -0
- package/NumberField.js.map +1 -0
- package/NumberInput.d.ts +34 -0
- package/NumberInput.js +188 -0
- package/NumberInput.js.map +1 -0
- package/OTPInput.d.ts +20 -0
- package/OTPInput.js +18 -0
- package/OTPInput.js.map +1 -0
- package/PageControl.d.ts +20 -0
- package/PageControl.js +18 -0
- package/PageControl.js.map +1 -0
- package/PasswordInput.d.ts +20 -0
- package/PasswordInput.js +18 -0
- package/PasswordInput.js.map +1 -0
- package/PhoneNumberInput.d.ts +20 -0
- package/PhoneNumberInput.js +18 -0
- package/PhoneNumberInput.js.map +1 -0
- package/Popover.d.ts +44 -0
- package/Popover.js +152 -0
- package/Popover.js.map +1 -0
- package/Portal.d.ts +24 -0
- package/Portal.js +23 -0
- package/Portal.js.map +1 -0
- package/Profile.d.ts +41 -0
- package/Profile.js +83 -0
- package/Profile.js.map +1 -0
- package/ProgressBar.d.ts +38 -0
- package/ProgressBar.js +64 -0
- package/ProgressBar.js.map +1 -0
- package/ProgressCircle.d.ts +31 -0
- package/ProgressCircle.js +82 -0
- package/ProgressCircle.js.map +1 -0
- package/ProgressionStepper.d.ts +66 -0
- package/ProgressionStepper.js +197 -0
- package/ProgressionStepper.js.map +1 -0
- package/ProgressionStepperBar.d.ts +31 -0
- package/ProgressionStepperBar.js +51 -0
- package/ProgressionStepperBar.js.map +1 -0
- package/README.md +13 -0
- package/Radio.d.ts +17 -0
- package/Radio.js +97 -0
- package/Radio.js.map +1 -0
- package/RadioGroup.d.ts +31 -0
- package/RadioGroup.js +18 -0
- package/RadioGroup.js.map +1 -0
- package/RadioOption.d.ts +14 -0
- package/RadioOption.js +16 -0
- package/RadioOption.js.map +1 -0
- package/Rating.d.ts +16 -0
- package/Rating.js +18 -0
- package/Rating.js.map +1 -0
- package/SearchBar.d.ts +26 -0
- package/SearchBar.js +49 -0
- package/SearchBar.js.map +1 -0
- package/SegmentedControl.d.ts +69 -0
- package/SegmentedControl.js +136 -0
- package/SegmentedControl.js.map +1 -0
- package/Skeleton.d.ts +28 -0
- package/Skeleton.js +57 -0
- package/Skeleton.js.map +1 -0
- package/SliderInput.d.ts +16 -0
- package/SliderInput.js +18 -0
- package/SliderInput.js.map +1 -0
- package/Snackbar.d.ts +16 -0
- package/Snackbar.js +18 -0
- package/Snackbar.js.map +1 -0
- package/StylesProviderAnywhere.d.ts +10 -0
- package/StylesProviderAnywhere.js +29 -0
- package/StylesProviderAnywhere.js.map +1 -0
- package/StylesProviderBetterHomesGardens.d.ts +10 -0
- package/StylesProviderBetterHomesGardens.js +29 -0
- package/StylesProviderBetterHomesGardens.js.map +1 -0
- package/StylesProviderCartus.d.ts +10 -0
- package/StylesProviderCartus.js +29 -0
- package/StylesProviderCartus.js.map +1 -0
- package/StylesProviderCentury21.d.ts +10 -0
- package/StylesProviderCentury21.js +29 -0
- package/StylesProviderCentury21.js.map +1 -0
- package/StylesProviderColdwellBanker.d.ts +10 -0
- package/StylesProviderColdwellBanker.js +29 -0
- package/StylesProviderColdwellBanker.js.map +1 -0
- package/StylesProviderCorcoran.d.ts +10 -0
- package/StylesProviderCorcoran.js +29 -0
- package/StylesProviderCorcoran.js.map +1 -0
- package/StylesProviderDenaliBoss.d.ts +10 -0
- package/StylesProviderDenaliBoss.js +29 -0
- package/StylesProviderDenaliBoss.js.map +1 -0
- package/StylesProviderEra.d.ts +10 -0
- package/StylesProviderEra.js +29 -0
- package/StylesProviderEra.js.map +1 -0
- package/StylesProviderSothebys.d.ts +10 -0
- package/StylesProviderSothebys.js +29 -0
- package/StylesProviderSothebys.js.map +1 -0
- package/Switch.d.ts +33 -0
- package/Switch.js +85 -0
- package/Switch.js.map +1 -0
- package/SwitchGroup.d.ts +35 -0
- package/SwitchGroup.js +18 -0
- package/SwitchGroup.js.map +1 -0
- package/SwitchOption.d.ts +14 -0
- package/SwitchOption.js +16 -0
- package/SwitchOption.js.map +1 -0
- package/TabGroup.d.ts +73 -0
- package/TabGroup.js +119 -0
- package/TabGroup.js.map +1 -0
- package/Table.d.ts +45 -0
- package/Table.js +66 -0
- package/Table.js.map +1 -0
- package/Tag.d.ts +56 -0
- package/Tag.js +77 -0
- package/Tag.js.map +1 -0
- package/TextField.d.ts +16 -0
- package/TextField.js +19 -0
- package/TextField.js.map +1 -0
- package/TextInput.d.ts +45 -0
- package/TextInput.js +172 -0
- package/TextInput.js.map +1 -0
- package/Textarea.d.ts +63 -0
- package/Textarea.js +113 -0
- package/Textarea.js.map +1 -0
- package/TextareaField.d.ts +16 -0
- package/TextareaField.js +26 -0
- package/TextareaField.js.map +1 -0
- package/TimePicker.d.ts +16 -0
- package/TimePicker.js +18 -0
- package/TimePicker.js.map +1 -0
- package/ToggleOption.d.ts +27 -0
- package/ToggleOption.js +91 -0
- package/ToggleOption.js.map +1 -0
- package/Tooltip.d.ts +39 -0
- package/Tooltip.js +104 -0
- package/Tooltip.js.map +1 -0
- package/TopNavigation.d.ts +16 -0
- package/TopNavigation.js +18 -0
- package/TopNavigation.js.map +1 -0
- package/Txt.d.ts +38 -0
- package/Txt.js +21 -0
- package/Txt.js.map +1 -0
- package/hooks/useCheckboxGroupState.d.ts +37 -0
- package/hooks/useCheckboxGroupState.js +61 -0
- package/hooks/useCheckboxGroupState.js.map +1 -0
- package/hooks/useCheckboxState.d.ts +23 -0
- package/hooks/useCheckboxState.js +40 -0
- package/hooks/useCheckboxState.js.map +1 -0
- package/hooks/useFloating.d.ts +38 -0
- package/hooks/useFloating.js +156 -0
- package/hooks/useFloating.js.map +1 -0
- package/hooks/useFloatingMenu.d.ts +35 -0
- package/hooks/useFloatingMenu.js +71 -0
- package/hooks/useFloatingMenu.js.map +1 -0
- package/hooks/useId.d.ts +8 -0
- package/hooks/useId.js +16 -0
- package/hooks/useId.js.map +1 -0
- package/hooks/useKeyboardNavigation.d.ts +35 -0
- package/hooks/useKeyboardNavigation.js +79 -0
- package/hooks/useKeyboardNavigation.js.map +1 -0
- package/hooks/useLongPress.d.ts +11 -0
- package/hooks/useLongPress.js +49 -0
- package/hooks/useLongPress.js.map +1 -0
- package/hooks/useModalState.d.ts +22 -0
- package/hooks/useModalState.js +37 -0
- package/hooks/useModalState.js.map +1 -0
- package/hooks/useNavOptions.d.ts +28 -0
- package/hooks/useNavOptions.js +46 -0
- package/hooks/useNavOptions.js.map +1 -0
- package/hooks/useOutsideClick.d.ts +31 -0
- package/hooks/useOutsideClick.js +50 -0
- package/hooks/useOutsideClick.js.map +1 -0
- package/hooks/useRadioState.d.ts +23 -0
- package/hooks/useRadioState.js +38 -0
- package/hooks/useRadioState.js.map +1 -0
- package/hooks/useSwitchGroupState.d.ts +37 -0
- package/hooks/useSwitchGroupState.js +60 -0
- package/hooks/useSwitchGroupState.js.map +1 -0
- package/hooks/useTimeout.d.ts +26 -0
- package/hooks/useTimeout.js +45 -0
- package/hooks/useTimeout.js.map +1 -0
- package/hooks/useValidChildren.d.ts +6 -0
- package/hooks/useValidChildren.js +33 -0
- package/hooks/useValidChildren.js.map +1 -0
- package/index.d.ts +125 -0
- package/index.js +20 -0
- package/index.js.map +1 -0
- package/meta.d.ts +44 -0
- package/meta.js +5789 -0
- package/meta.js.map +1 -0
- package/package.json +73 -0
- package/src/Accordion.tsx +33 -0
- package/src/Badge.tsx +75 -0
- package/src/BannerAlert.tsx +211 -0
- package/src/BottomNavigation.tsx +33 -0
- package/src/BottomSheet.tsx +33 -0
- package/src/Breadcrumb.tsx +33 -0
- package/src/Button.tsx +358 -0
- package/src/ButtonDock.tsx +33 -0
- package/src/Card.tsx +66 -0
- package/src/Chart.tsx +33 -0
- package/src/Checkbox.tsx +174 -0
- package/src/CheckboxGroup.tsx +95 -0
- package/src/CheckboxOption.tsx +27 -0
- package/src/Chip.tsx +155 -0
- package/src/DatePicker.tsx +33 -0
- package/src/Dialog.tsx +304 -0
- package/src/Divider.tsx +129 -0
- package/src/Drawer.tsx +33 -0
- package/src/Dropdown.tsx +251 -0
- package/src/DropdownField.tsx +57 -0
- package/src/EmptyState.tsx +73 -0
- package/src/Fab.tsx +222 -0
- package/src/FileUpload.tsx +33 -0
- package/src/FormField.tsx +107 -0
- package/src/Image.tsx +33 -0
- package/src/Img.tsx +39 -0
- package/src/InlineAlert.tsx +119 -0
- package/src/Layout.tsx +82 -0
- package/src/Link.tsx +82 -0
- package/src/ListItem.tsx +316 -0
- package/src/Menu.tsx +263 -0
- package/src/MenuButton.tsx +45 -0
- package/src/Modal.tsx +104 -0
- package/src/MultiSelection.tsx +33 -0
- package/src/NavigationRail.tsx +33 -0
- package/src/NumberField.tsx +47 -0
- package/src/NumberInput.tsx +282 -0
- package/src/OTPInput.tsx +33 -0
- package/src/PageControl.tsx +33 -0
- package/src/PasswordInput.tsx +33 -0
- package/src/PhoneNumberInput.tsx +33 -0
- package/src/Popover.tsx +237 -0
- package/src/Portal.tsx +36 -0
- package/src/Profile.tsx +140 -0
- package/src/ProgressBar.tsx +110 -0
- package/src/ProgressCircle.tsx +153 -0
- package/src/ProgressionStepper.tsx +294 -0
- package/src/ProgressionStepperBar.tsx +95 -0
- package/src/Radio.tsx +119 -0
- package/src/RadioGroup.tsx +62 -0
- package/src/RadioOption.tsx +24 -0
- package/src/Rating.tsx +29 -0
- package/src/SearchBar.tsx +121 -0
- package/src/SegmentedControl.tsx +233 -0
- package/src/Skeleton.tsx +90 -0
- package/src/SliderInput.tsx +29 -0
- package/src/Snackbar.tsx +29 -0
- package/src/StylesProviderAnywhere.tsx +31 -0
- package/src/StylesProviderBetterHomesGardens.tsx +31 -0
- package/src/StylesProviderCartus.tsx +31 -0
- package/src/StylesProviderCentury21.tsx +31 -0
- package/src/StylesProviderColdwellBanker.tsx +31 -0
- package/src/StylesProviderCorcoran.tsx +31 -0
- package/src/StylesProviderDenaliBoss.tsx +31 -0
- package/src/StylesProviderEra.tsx +31 -0
- package/src/StylesProviderSothebys.tsx +31 -0
- package/src/Switch.tsx +122 -0
- package/src/SwitchGroup.tsx +60 -0
- package/src/SwitchOption.tsx +24 -0
- package/src/TabGroup.tsx +219 -0
- package/src/Table.tsx +126 -0
- package/src/Tag.tsx +149 -0
- package/src/TextField.tsx +61 -0
- package/src/TextInput.tsx +265 -0
- package/src/Textarea.tsx +205 -0
- package/src/TextareaField.tsx +67 -0
- package/src/TimePicker.tsx +29 -0
- package/src/ToggleOption.tsx +117 -0
- package/src/Tooltip.tsx +170 -0
- package/src/TopNavigation.tsx +29 -0
- package/src/Txt.tsx +69 -0
- package/src/hooks/useCheckboxGroupState.ts +79 -0
- package/src/hooks/useCheckboxState.ts +48 -0
- package/src/hooks/useFloating.ts +202 -0
- package/src/hooks/useFloatingMenu.ts +110 -0
- package/src/hooks/useId.ts +14 -0
- package/src/hooks/useKeyboardNavigation.ts +98 -0
- package/src/hooks/useLongPress.ts +53 -0
- package/src/hooks/useModalState.ts +37 -0
- package/src/hooks/useNavOptions.ts +76 -0
- package/src/hooks/useOutsideClick.ts +51 -0
- package/src/hooks/useRadioState.ts +42 -0
- package/src/hooks/useSwitchGroupState.ts +75 -0
- package/src/hooks/useTimeout.ts +45 -0
- package/src/hooks/useValidChildren.ts +54 -0
- package/src/index.ts +160 -0
- package/src/meta.ts +6238 -0
- package/src/package.json +3 -0
- package/src/styles/anywhere.css +1693 -0
- package/src/styles/anywhere.ts +1694 -0
- package/src/styles/base.css +160 -0
- package/src/styles/base.ts +161 -0
- package/src/styles/better-homes-gardens.css +1693 -0
- package/src/styles/better-homes-gardens.ts +1694 -0
- package/src/styles/cartus.css +1691 -0
- package/src/styles/cartus.ts +1692 -0
- package/src/styles/century-21.css +1689 -0
- package/src/styles/century-21.ts +1690 -0
- package/src/styles/coldwell-banker.css +1691 -0
- package/src/styles/coldwell-banker.ts +1692 -0
- package/src/styles/corcoran.css +1685 -0
- package/src/styles/corcoran.ts +1686 -0
- package/src/styles/denali-boss.css +1681 -0
- package/src/styles/denali-boss.ts +1682 -0
- package/src/styles/era.css +1685 -0
- package/src/styles/era.ts +1686 -0
- package/src/styles/sothebys.css +1677 -0
- package/src/styles/sothebys.ts +1678 -0
- package/src/utils/children.ts +80 -0
- package/src/utils/colorVariants.ts +74 -0
- package/src/utils/errors.tsx +104 -0
- package/src/utils/getValidNode.ts +7 -0
- package/src/utils/keyboard.ts +382 -0
- package/src/utils/placeholder.test.ts +7 -0
- package/src/utils/ref.ts +11 -0
- package/src/utils/scrollElementIntoView.ts +29 -0
- package/src/utils/srOnly.ts +14 -0
- package/src/utils/tryIntPsrse.ts +7 -0
- package/src/utils/txtVariants.ts +53 -0
- package/styles/anywhere.css +1693 -0
- package/styles/anywhere.d.ts +2 -0
- package/styles/anywhere.js +1697 -0
- package/styles/anywhere.js.map +1 -0
- package/styles/anywhere.ts +1694 -0
- package/styles/base.css +160 -0
- package/styles/base.d.ts +2 -0
- package/styles/base.js +164 -0
- package/styles/base.js.map +1 -0
- package/styles/base.ts +161 -0
- package/styles/better-homes-gardens.css +1693 -0
- package/styles/better-homes-gardens.d.ts +2 -0
- package/styles/better-homes-gardens.js +1697 -0
- package/styles/better-homes-gardens.js.map +1 -0
- package/styles/better-homes-gardens.ts +1694 -0
- package/styles/cartus.css +1691 -0
- package/styles/cartus.d.ts +2 -0
- package/styles/cartus.js +1695 -0
- package/styles/cartus.js.map +1 -0
- package/styles/cartus.ts +1692 -0
- package/styles/century-21.css +1689 -0
- package/styles/century-21.d.ts +2 -0
- package/styles/century-21.js +1693 -0
- package/styles/century-21.js.map +1 -0
- package/styles/century-21.ts +1690 -0
- package/styles/coldwell-banker.css +1691 -0
- package/styles/coldwell-banker.d.ts +2 -0
- package/styles/coldwell-banker.js +1695 -0
- package/styles/coldwell-banker.js.map +1 -0
- package/styles/coldwell-banker.ts +1692 -0
- package/styles/corcoran.css +1685 -0
- package/styles/corcoran.d.ts +2 -0
- package/styles/corcoran.js +1689 -0
- package/styles/corcoran.js.map +1 -0
- package/styles/corcoran.ts +1686 -0
- package/styles/denali-boss.css +1681 -0
- package/styles/denali-boss.d.ts +2 -0
- package/styles/denali-boss.js +1685 -0
- package/styles/denali-boss.js.map +1 -0
- package/styles/denali-boss.ts +1682 -0
- package/styles/era.css +1685 -0
- package/styles/era.d.ts +2 -0
- package/styles/era.js +1689 -0
- package/styles/era.js.map +1 -0
- package/styles/era.ts +1686 -0
- package/styles/sothebys.css +1677 -0
- package/styles/sothebys.d.ts +2 -0
- package/styles/sothebys.js +1681 -0
- package/styles/sothebys.js.map +1 -0
- package/styles/sothebys.ts +1678 -0
- package/utils/children.d.ts +29 -0
- package/utils/children.js +70 -0
- package/utils/children.js.map +1 -0
- package/utils/colorVariants.d.ts +5 -0
- package/utils/colorVariants.js +61 -0
- package/utils/colorVariants.js.map +1 -0
- package/utils/errors.d.ts +36 -0
- package/utils/errors.js +65 -0
- package/utils/errors.js.map +1 -0
- package/utils/getValidNode.d.ts +2 -0
- package/utils/getValidNode.js +9 -0
- package/utils/getValidNode.js.map +1 -0
- package/utils/keyboard.d.ts +4 -0
- package/utils/keyboard.js +140 -0
- package/utils/keyboard.js.map +1 -0
- package/utils/ref.d.ts +5 -0
- package/utils/ref.js +10 -0
- package/utils/ref.js.map +1 -0
- package/utils/scrollElementIntoView.d.ts +8 -0
- package/utils/scrollElementIntoView.js +30 -0
- package/utils/scrollElementIntoView.js.map +1 -0
- package/utils/srOnly.d.ts +14 -0
- package/utils/srOnly.js +15 -0
- package/utils/srOnly.js.map +1 -0
- package/utils/tryIntPsrse.d.ts +2 -0
- package/utils/tryIntPsrse.js +10 -0
- package/utils/tryIntPsrse.js.map +1 -0
- package/utils/txtVariants.d.ts +2 -0
- package/utils/txtVariants.js +30 -0
- package/utils/txtVariants.js.map +1 -0
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export declare function isValidIcon(child: unknown): boolean;
|
|
3
|
+
export declare function getChildName(child: unknown): string;
|
|
4
|
+
export declare function getChildTypeName(child: unknown): string;
|
|
5
|
+
export declare function isChildNamed(child: unknown, name: string): boolean;
|
|
6
|
+
export declare function isReactFragment(node: unknown): node is ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Convert children to a flat array of children elements, removing any fragment wrappers in the process.
|
|
9
|
+
*
|
|
10
|
+
* @param children The children to convert to an array.
|
|
11
|
+
* @param ignoreParent If true, ignore parent elements and only return the children
|
|
12
|
+
*/
|
|
13
|
+
export declare function childrenToArray(children: ReactNode): ReactNode[];
|
|
14
|
+
export type ChildElement = {
|
|
15
|
+
child: ReactNode;
|
|
16
|
+
name: string;
|
|
17
|
+
} | {
|
|
18
|
+
child: string;
|
|
19
|
+
name: string;
|
|
20
|
+
};
|
|
21
|
+
/**
|
|
22
|
+
* Get the children of a component as an array of objects with the child and the name of the child.
|
|
23
|
+
*
|
|
24
|
+
* Filter out unknown empty strings or non-truthy children other than zeros.
|
|
25
|
+
*
|
|
26
|
+
* @param children The children to get the elements from.
|
|
27
|
+
*/
|
|
28
|
+
export declare function getChildrenElements(children: ReactNode): ChildElement[];
|
|
29
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { isValidElement, Fragment, Children } from 'react';
|
|
2
|
+
|
|
3
|
+
function isValidIcon(child) {
|
|
4
|
+
return isChildNamed(child, 'Icon');
|
|
5
|
+
}
|
|
6
|
+
function getChildName(child) {
|
|
7
|
+
if (!child)
|
|
8
|
+
return '';
|
|
9
|
+
const typeChild = typeof child;
|
|
10
|
+
if (['string', 'number', 'boolean', 'bigint'].includes(typeChild))
|
|
11
|
+
return typeChild;
|
|
12
|
+
return (isValidElement(child) ? child.type?.bspkName : '') || '';
|
|
13
|
+
}
|
|
14
|
+
function getChildTypeName(child) {
|
|
15
|
+
if (!child)
|
|
16
|
+
return '';
|
|
17
|
+
const typeChild = typeof child;
|
|
18
|
+
if (['string', 'number', 'boolean', 'bigint'].includes(typeChild))
|
|
19
|
+
return typeChild;
|
|
20
|
+
if (isValidElement(child)) {
|
|
21
|
+
if (typeof child.type === 'string')
|
|
22
|
+
return child.type;
|
|
23
|
+
return child.type.name || '';
|
|
24
|
+
}
|
|
25
|
+
return '';
|
|
26
|
+
}
|
|
27
|
+
function isChildNamed(child, name) {
|
|
28
|
+
return getChildName(child) === name;
|
|
29
|
+
}
|
|
30
|
+
function isReactFragment(node) {
|
|
31
|
+
return isValidElement(node) && node.type === Fragment;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Convert children to a flat array of children elements, removing any fragment wrappers in the process.
|
|
35
|
+
*
|
|
36
|
+
* @param children The children to convert to an array.
|
|
37
|
+
* @param ignoreParent If true, ignore parent elements and only return the children
|
|
38
|
+
*/
|
|
39
|
+
function childrenToArray(children) {
|
|
40
|
+
return Children.toArray(children).flatMap((child) => {
|
|
41
|
+
if (isValidElement(child)) {
|
|
42
|
+
if (isReactFragment(child) && child.props.children)
|
|
43
|
+
return childrenToArray(child.props.children);
|
|
44
|
+
return child;
|
|
45
|
+
}
|
|
46
|
+
if (Array.isArray(child))
|
|
47
|
+
return childrenToArray(child);
|
|
48
|
+
if (child !== null && child !== undefined)
|
|
49
|
+
return child;
|
|
50
|
+
return [];
|
|
51
|
+
}, []);
|
|
52
|
+
}
|
|
53
|
+
/**
|
|
54
|
+
* Get the children of a component as an array of objects with the child and the name of the child.
|
|
55
|
+
*
|
|
56
|
+
* Filter out unknown empty strings or non-truthy children other than zeros.
|
|
57
|
+
*
|
|
58
|
+
* @param children The children to get the elements from.
|
|
59
|
+
*/
|
|
60
|
+
function getChildrenElements(children) {
|
|
61
|
+
return (Array.isArray(children) ? children : childrenToArray(children))
|
|
62
|
+
.filter((child) => {
|
|
63
|
+
return (typeof child === 'string' && child.trim() !== '') || child === 0 || child;
|
|
64
|
+
})
|
|
65
|
+
.map((child) => ({ child, name: getChildName(child) }));
|
|
66
|
+
}
|
|
67
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
68
|
+
|
|
69
|
+
export { childrenToArray, getChildName, getChildTypeName, getChildrenElements, isChildNamed, isReactFragment, isValidIcon };
|
|
70
|
+
//# sourceMappingURL=children.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"children.js","sources":["../src/utils/children.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export type ColorVariant = 'blue' | 'green' | 'grey' | 'lime' | 'magenta' | 'orange' | 'pink' | 'primary' | 'purple' | 'red' | 'secondary' | 'teal' | 'white' | 'yellow';
|
|
2
|
+
export declare const COLOR_VARIABLES: Record<ColorVariant, {
|
|
3
|
+
foreground: string;
|
|
4
|
+
surface: string;
|
|
5
|
+
}>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
const COLOR_VARIABLES = {
|
|
2
|
+
grey: {
|
|
3
|
+
foreground: '--foreground-neutral-on-surface-variant-01',
|
|
4
|
+
surface: '--surface-neutral-t2-lowest',
|
|
5
|
+
},
|
|
6
|
+
white: {
|
|
7
|
+
foreground: '--foreground-neutral-on-surface-variant-01',
|
|
8
|
+
surface: '--surface-neutral-t1-base',
|
|
9
|
+
},
|
|
10
|
+
primary: {
|
|
11
|
+
foreground: '--foreground-brand-primary-depth',
|
|
12
|
+
surface: '--surface-brand-primary-highlight',
|
|
13
|
+
},
|
|
14
|
+
secondary: {
|
|
15
|
+
foreground: '--foreground-brand-secondary-depth',
|
|
16
|
+
surface: '--surface-brand-secondary-highlight',
|
|
17
|
+
},
|
|
18
|
+
blue: {
|
|
19
|
+
foreground: '--foreground-spectrum-blue',
|
|
20
|
+
surface: '--surface-spectrum-blue',
|
|
21
|
+
},
|
|
22
|
+
green: {
|
|
23
|
+
foreground: '--foreground-spectrum-green',
|
|
24
|
+
surface: '--surface-spectrum-green',
|
|
25
|
+
},
|
|
26
|
+
lime: {
|
|
27
|
+
foreground: '--foreground-spectrum-lime',
|
|
28
|
+
surface: '--surface-spectrum-lime',
|
|
29
|
+
},
|
|
30
|
+
magenta: {
|
|
31
|
+
foreground: '--foreground-spectrum-magenta',
|
|
32
|
+
surface: '--surface-spectrum-magenta',
|
|
33
|
+
},
|
|
34
|
+
orange: {
|
|
35
|
+
foreground: '--foreground-spectrum-orange',
|
|
36
|
+
surface: '--surface-spectrum-orange',
|
|
37
|
+
},
|
|
38
|
+
pink: {
|
|
39
|
+
foreground: '--foreground-spectrum-pink',
|
|
40
|
+
surface: '--surface-spectrum-pink',
|
|
41
|
+
},
|
|
42
|
+
purple: {
|
|
43
|
+
foreground: '--foreground-spectrum-purple',
|
|
44
|
+
surface: '--surface-spectrum-purple',
|
|
45
|
+
},
|
|
46
|
+
red: {
|
|
47
|
+
foreground: '--foreground-spectrum-red',
|
|
48
|
+
surface: '--surface-spectrum-red',
|
|
49
|
+
},
|
|
50
|
+
teal: {
|
|
51
|
+
foreground: '--foreground-spectrum-teal',
|
|
52
|
+
surface: '--surface-spectrum-teal',
|
|
53
|
+
},
|
|
54
|
+
yellow: {
|
|
55
|
+
foreground: '--foreground-spectrum-yellow',
|
|
56
|
+
surface: '--surface-spectrum-yellow',
|
|
57
|
+
},
|
|
58
|
+
};
|
|
59
|
+
|
|
60
|
+
export { COLOR_VARIABLES };
|
|
61
|
+
//# sourceMappingURL=colorVariants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorVariants.js","sources":["../src/utils/colorVariants.ts"],"sourcesContent":[null],"names":[],"mappings":"AAgBa,MAAA,eAAe,GAAkE;AAC1F,IAAA,IAAI,EAAE;AACF,QAAA,UAAU,EAAE,4CAA4C;AACxD,QAAA,OAAO,EAAE,6BAA6B;AACzC,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,4CAA4C;AACxD,QAAA,OAAO,EAAE,2BAA2B;AACvC,KAAA;AACD,IAAA,OAAO,EAAE;AACL,QAAA,UAAU,EAAE,kCAAkC;AAC9C,QAAA,OAAO,EAAE,mCAAmC;AAC/C,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,UAAU,EAAE,oCAAoC;AAChD,QAAA,OAAO,EAAE,qCAAqC;AACjD,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,UAAU,EAAE,4BAA4B;AACxC,QAAA,OAAO,EAAE,yBAAyB;AACrC,KAAA;AACD,IAAA,KAAK,EAAE;AACH,QAAA,UAAU,EAAE,6BAA6B;AACzC,QAAA,OAAO,EAAE,0BAA0B;AACtC,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,UAAU,EAAE,4BAA4B;AACxC,QAAA,OAAO,EAAE,yBAAyB;AACrC,KAAA;AACD,IAAA,OAAO,EAAE;AACL,QAAA,UAAU,EAAE,+BAA+B;AAC3C,QAAA,OAAO,EAAE,4BAA4B;AACxC,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,UAAU,EAAE,8BAA8B;AAC1C,QAAA,OAAO,EAAE,2BAA2B;AACvC,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,UAAU,EAAE,4BAA4B;AACxC,QAAA,OAAO,EAAE,yBAAyB;AACrC,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,UAAU,EAAE,8BAA8B;AAC1C,QAAA,OAAO,EAAE,2BAA2B;AACvC,KAAA;AACD,IAAA,GAAG,EAAE;AACD,QAAA,UAAU,EAAE,2BAA2B;AACvC,QAAA,OAAO,EAAE,wBAAwB;AACpC,KAAA;AACD,IAAA,IAAI,EAAE;AACF,QAAA,UAAU,EAAE,4BAA4B;AACxC,QAAA,OAAO,EAAE,yBAAyB;AACrC,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,UAAU,EAAE,8BAA8B;AAC1C,QAAA,OAAO,EAAE,2BAA2B;AACvC,KAAA;;;;;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* ERROR LOGGING
|
|
3
|
+
*
|
|
4
|
+
* When an error is logged it is stored in a buffer.
|
|
5
|
+
*
|
|
6
|
+
* After a debounce period all errors are merged and of they no longer exist are cleared.
|
|
7
|
+
*
|
|
8
|
+
* These errors are grouped by contextId and dispatched as a custom event.
|
|
9
|
+
*
|
|
10
|
+
* At this point the buffer is cleared.
|
|
11
|
+
*/
|
|
12
|
+
export type ErrorDetail = {
|
|
13
|
+
message: string;
|
|
14
|
+
data?: unknown;
|
|
15
|
+
contextId?: string;
|
|
16
|
+
location: Location;
|
|
17
|
+
exists: boolean;
|
|
18
|
+
};
|
|
19
|
+
export declare const bspkErrorType: (contextId: string) => string;
|
|
20
|
+
export type LogError = (exists: boolean, log: string | {
|
|
21
|
+
message: string;
|
|
22
|
+
data: unknown;
|
|
23
|
+
}) => boolean;
|
|
24
|
+
export declare function logError(detail: Pick<ErrorDetail, 'contextId' | 'data' | 'exists' | 'message'>): boolean;
|
|
25
|
+
export declare function useErrorLogger(): {
|
|
26
|
+
logError: LogError;
|
|
27
|
+
};
|
|
28
|
+
export declare function ErrorLogContext({ children, id }: {
|
|
29
|
+
children: React.ReactNode;
|
|
30
|
+
id: string;
|
|
31
|
+
}): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
32
|
+
export declare function useErrorLog(): {
|
|
33
|
+
errors: ErrorDetail[];
|
|
34
|
+
contextId: string | undefined;
|
|
35
|
+
};
|
|
36
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/utils/errors.js
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { jsx } from '@emotion/react/jsx-runtime';
|
|
2
|
+
import { createContext, useContext, useState, useEffect } from 'react';
|
|
3
|
+
|
|
4
|
+
const bspkErrorType = (contextId) => `bspk-error-${contextId}`;
|
|
5
|
+
let logBuffer = {};
|
|
6
|
+
let logDebounce = null;
|
|
7
|
+
function logError(detail) {
|
|
8
|
+
if (!detail.contextId)
|
|
9
|
+
return detail.exists;
|
|
10
|
+
const bufferKey = `${detail.contextId}-${detail.message}`;
|
|
11
|
+
logBuffer[bufferKey] = logBuffer[bufferKey] || [];
|
|
12
|
+
logBuffer[bufferKey].push({ ...detail, location: document.location });
|
|
13
|
+
if (logDebounce)
|
|
14
|
+
clearTimeout(logDebounce);
|
|
15
|
+
logDebounce = setTimeout(() => {
|
|
16
|
+
const contextErrors = {};
|
|
17
|
+
Object.values(logBuffer).flatMap((siblingErrors) => {
|
|
18
|
+
const lastSiblingError = siblingErrors[siblingErrors.length - 1];
|
|
19
|
+
const nextErrors = lastSiblingError.exists ? [lastSiblingError] : [];
|
|
20
|
+
if (lastSiblingError.contextId) {
|
|
21
|
+
// we send all errors to the contextId even if they are empty so we can clear the errors
|
|
22
|
+
contextErrors[lastSiblingError.contextId] = contextErrors[lastSiblingError.contextId] || [];
|
|
23
|
+
contextErrors[lastSiblingError.contextId].push(...nextErrors);
|
|
24
|
+
}
|
|
25
|
+
else if (nextErrors.length) {
|
|
26
|
+
// eslint-disable-next-line no-console
|
|
27
|
+
nextErrors.forEach((e) => console.error(e));
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
logBuffer = {};
|
|
31
|
+
Object.entries(contextErrors).forEach(([contextId, errors]) => {
|
|
32
|
+
globalThis.dispatchEvent(new CustomEvent(bspkErrorType(contextId), { detail: errors }));
|
|
33
|
+
});
|
|
34
|
+
}, 500);
|
|
35
|
+
return detail.exists;
|
|
36
|
+
}
|
|
37
|
+
const errorContext = createContext(undefined);
|
|
38
|
+
function useErrorLogger() {
|
|
39
|
+
const contextId = useContext(errorContext);
|
|
40
|
+
return {
|
|
41
|
+
logError: (exists, message, data) => logError({ exists, contextId, message, data }),
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
function ErrorLogContext({ children, id }) {
|
|
45
|
+
return jsx(errorContext.Provider, { value: id, children: children });
|
|
46
|
+
}
|
|
47
|
+
function useErrorLog() {
|
|
48
|
+
const [errors, setErrors] = useState([]);
|
|
49
|
+
const contextId = useContext(errorContext);
|
|
50
|
+
useEffect(() => {
|
|
51
|
+
if (!contextId)
|
|
52
|
+
return;
|
|
53
|
+
const listener = (event) => {
|
|
54
|
+
// eslint-disable-next-line no-console
|
|
55
|
+
event.detail.forEach(console.error);
|
|
56
|
+
setErrors(event.detail);
|
|
57
|
+
};
|
|
58
|
+
globalThis.addEventListener(bspkErrorType(contextId), listener);
|
|
59
|
+
return () => globalThis.removeEventListener(bspkErrorType(contextId), listener);
|
|
60
|
+
}, [contextId]);
|
|
61
|
+
return { errors, contextId };
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
export { ErrorLogContext, bspkErrorType, logError, useErrorLog, useErrorLogger };
|
|
65
|
+
//# sourceMappingURL=errors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"errors.js","sources":["../src/utils/errors.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { isValidElement } from 'react';
|
|
2
|
+
|
|
3
|
+
function getValidNode(node) {
|
|
4
|
+
return isValidElement(node) || typeof node === 'string' || typeof node === 'number' ? node : undefined;
|
|
5
|
+
}
|
|
6
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
7
|
+
|
|
8
|
+
export { getValidNode };
|
|
9
|
+
//# sourceMappingURL=getValidNode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getValidNode.js","sources":["../src/utils/getValidNode.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEM,SAAU,YAAY,CAAc,IAAO,EAAA;IAC7C,OAAO,cAAc,CAAC,IAAI,CAAC,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;AAC3G,CAAC;AAED;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export type KeyboardEventKey = ' ' | '_' | '-' | ';' | ':' | '!' | '?' | '.' | '' | '"' | '(' | ')' | '[' | ']' | '{' | '}' | '@' | '*' | '/' | '\\' | '&' | '#' | '%' | '`' | '^' | '+' | '<' | '=' | '>' | '|' | '~' | '$' | '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | 'A' | 'a' | 'Alt' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'AudioVolumeDown' | 'AudioVolumeMute' | 'AudioVolumeUp' | 'B' | 'b' | 'Backspace' | 'C' | 'c' | 'CapsLock' | 'ContextMenu' | 'Control' | 'D' | 'd' | 'Delete' | 'E' | 'e' | 'End' | 'Enter' | 'Escape' | 'F' | 'f' | 'F1' | 'F2' | 'F3' | 'F4' | 'F5' | 'F6' | 'F7' | 'F8' | 'F9' | 'F10' | 'F11' | 'F12' | 'G' | 'g' | 'H' | 'h' | 'Home' | 'I' | 'i' | 'Insert' | 'J' | 'j' | 'K' | 'k' | 'L' | 'l' | 'M' | 'm' | 'Meta' | 'N' | 'n' | 'NumLock' | 'O' | 'o' | 'P' | 'p' | 'PageDown' | 'PageUp' | 'Pause' | 'PrintScreen' | 'Q' | 'q' | 'R' | 'r' | 'S' | 's' | 'ScrollLock' | 'Shift' | 'T' | 't' | 'Tab' | 'U' | 'u' | 'V' | 'v' | 'W' | 'w' | 'X' | 'x' | 'Y' | 'y' | 'Z' | 'z' | "'";
|
|
2
|
+
export type KeyboardEventCode = 'AltLeft' | 'AltRight' | 'ArrowDown' | 'ArrowLeft' | 'ArrowRight' | 'ArrowUp' | 'AudioVolumeDown' | 'AudioVolumeMute' | 'AudioVolumeUp' | 'Backquote' | 'Backslash' | 'Backspace' | 'BracketLeft' | 'BracketRight' | 'CapsLock' | 'Comma' | 'ContextMenu' | 'ControlLeft' | 'ControlRight' | 'Delete' | 'Digit0' | 'Digit1' | 'Digit2' | 'Digit3' | 'Digit4' | 'Digit5' | 'Digit6' | 'Digit7' | 'Digit8' | 'Digit9' | 'End' | 'Enter' | 'Equal' | 'Escape' | 'F1' | 'F2' | 'F3' | 'F4' | 'F5' | 'F6' | 'F7' | 'F8' | 'F9' | 'F10' | 'F11' | 'F12' | 'Home' | 'Insert' | 'KeyA' | 'KeyB' | 'KeyC' | 'KeyD' | 'KeyE' | 'KeyF' | 'KeyG' | 'KeyH' | 'KeyI' | 'KeyJ' | 'KeyK' | 'KeyL' | 'KeyM' | 'KeyN' | 'KeyO' | 'KeyP' | 'KeyQ' | 'KeyR' | 'KeyS' | 'KeyT' | 'KeyU' | 'KeyV' | 'KeyW' | 'KeyX' | 'KeyY' | 'KeyZ' | 'MetaLeft' | 'MetaRight' | 'Minus' | 'NumLock' | 'Numpad0' | 'Numpad1' | 'Numpad2' | 'Numpad3' | 'Numpad4' | 'Numpad5' | 'Numpad6' | 'Numpad7' | 'Numpad8' | 'Numpad9' | 'NumpadAdd' | 'NumpadDecimal' | 'NumpadDivide' | 'NumpadMultiply' | 'NumpadSubtract' | 'PageDown' | 'PageUp' | 'Pause' | 'Period' | 'PrintScreen' | 'Quote' | 'ScrollLock' | 'Semicolon' | 'ShiftLeft' | 'ShiftRight' | 'Slash' | 'Space' | 'Tab';
|
|
3
|
+
export declare const EVENT_KEY: Record<KeyboardEventKey, KeyboardEventKey>;
|
|
4
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -0,0 +1,140 @@
|
|
|
1
|
+
const EVENT_KEY = Object.freeze({
|
|
2
|
+
Backspace: 'Backspace',
|
|
3
|
+
Tab: 'Tab',
|
|
4
|
+
Enter: 'Enter',
|
|
5
|
+
Shift: 'Shift',
|
|
6
|
+
Control: 'Control',
|
|
7
|
+
Alt: 'Alt',
|
|
8
|
+
Pause: 'Pause',
|
|
9
|
+
CapsLock: 'CapsLock',
|
|
10
|
+
Escape: 'Escape',
|
|
11
|
+
' ': ' ',
|
|
12
|
+
PageUp: 'PageUp',
|
|
13
|
+
PageDown: 'PageDown',
|
|
14
|
+
End: 'End',
|
|
15
|
+
Home: 'Home',
|
|
16
|
+
ArrowLeft: 'ArrowLeft',
|
|
17
|
+
ArrowUp: 'ArrowUp',
|
|
18
|
+
ArrowRight: 'ArrowRight',
|
|
19
|
+
ArrowDown: 'ArrowDown',
|
|
20
|
+
PrintScreen: 'PrintScreen',
|
|
21
|
+
Insert: 'Insert',
|
|
22
|
+
Delete: 'Delete',
|
|
23
|
+
'0': '0',
|
|
24
|
+
'1': '1',
|
|
25
|
+
'2': '2',
|
|
26
|
+
'3': '3',
|
|
27
|
+
'4': '4',
|
|
28
|
+
'5': '5',
|
|
29
|
+
'6': '6',
|
|
30
|
+
'7': '7',
|
|
31
|
+
'8': '8',
|
|
32
|
+
'9': '9',
|
|
33
|
+
A: 'A',
|
|
34
|
+
B: 'B',
|
|
35
|
+
C: 'C',
|
|
36
|
+
D: 'D',
|
|
37
|
+
E: 'E',
|
|
38
|
+
F: 'F',
|
|
39
|
+
G: 'G',
|
|
40
|
+
H: 'H',
|
|
41
|
+
I: 'I',
|
|
42
|
+
J: 'J',
|
|
43
|
+
K: 'K',
|
|
44
|
+
L: 'L',
|
|
45
|
+
M: 'M',
|
|
46
|
+
N: 'N',
|
|
47
|
+
O: 'O',
|
|
48
|
+
P: 'P',
|
|
49
|
+
Q: 'Q',
|
|
50
|
+
R: 'R',
|
|
51
|
+
S: 'S',
|
|
52
|
+
T: 'T',
|
|
53
|
+
U: 'U',
|
|
54
|
+
V: 'V',
|
|
55
|
+
W: 'W',
|
|
56
|
+
X: 'X',
|
|
57
|
+
Y: 'Y',
|
|
58
|
+
Z: 'Z',
|
|
59
|
+
a: 'a',
|
|
60
|
+
b: 'b',
|
|
61
|
+
c: 'c',
|
|
62
|
+
d: 'd',
|
|
63
|
+
e: 'e',
|
|
64
|
+
f: 'f',
|
|
65
|
+
g: 'g',
|
|
66
|
+
h: 'h',
|
|
67
|
+
i: 'i',
|
|
68
|
+
j: 'j',
|
|
69
|
+
k: 'k',
|
|
70
|
+
l: 'l',
|
|
71
|
+
m: 'm',
|
|
72
|
+
n: 'n',
|
|
73
|
+
o: 'o',
|
|
74
|
+
p: 'p',
|
|
75
|
+
q: 'q',
|
|
76
|
+
r: 'r',
|
|
77
|
+
s: 's',
|
|
78
|
+
t: 't',
|
|
79
|
+
u: 'u',
|
|
80
|
+
v: 'v',
|
|
81
|
+
w: 'w',
|
|
82
|
+
x: 'x',
|
|
83
|
+
y: 'y',
|
|
84
|
+
z: 'z',
|
|
85
|
+
Meta: 'Meta',
|
|
86
|
+
ContextMenu: 'ContextMenu',
|
|
87
|
+
AudioVolumeMute: 'AudioVolumeMute',
|
|
88
|
+
AudioVolumeDown: 'AudioVolumeDown',
|
|
89
|
+
AudioVolumeUp: 'AudioVolumeUp',
|
|
90
|
+
F1: 'F1',
|
|
91
|
+
F2: 'F2',
|
|
92
|
+
F3: 'F3',
|
|
93
|
+
F4: 'F4',
|
|
94
|
+
F5: 'F5',
|
|
95
|
+
F6: 'F6',
|
|
96
|
+
F7: 'F7',
|
|
97
|
+
F8: 'F8',
|
|
98
|
+
F9: 'F9',
|
|
99
|
+
F10: 'F10',
|
|
100
|
+
F11: 'F11',
|
|
101
|
+
F12: 'F12',
|
|
102
|
+
NumLock: 'NumLock',
|
|
103
|
+
ScrollLock: 'ScrollLock',
|
|
104
|
+
';': ';',
|
|
105
|
+
'=': '=',
|
|
106
|
+
'': '',
|
|
107
|
+
'-': '-',
|
|
108
|
+
'.': '.',
|
|
109
|
+
'/': '/',
|
|
110
|
+
'`': '`',
|
|
111
|
+
'[': '[',
|
|
112
|
+
'\\': '\\',
|
|
113
|
+
']': ']',
|
|
114
|
+
"'": "'",
|
|
115
|
+
'~': '~',
|
|
116
|
+
'!': '!',
|
|
117
|
+
'@': '@',
|
|
118
|
+
'#': '#',
|
|
119
|
+
$: '$',
|
|
120
|
+
'%': '%',
|
|
121
|
+
'^': '^',
|
|
122
|
+
'&': '&',
|
|
123
|
+
'*': '*',
|
|
124
|
+
'(': '(',
|
|
125
|
+
')': ')',
|
|
126
|
+
_: '_',
|
|
127
|
+
'+': '+',
|
|
128
|
+
'{': '{',
|
|
129
|
+
'}': '}',
|
|
130
|
+
'|': '|',
|
|
131
|
+
':': ':',
|
|
132
|
+
'"': '"',
|
|
133
|
+
'<': '<',
|
|
134
|
+
'>': '>',
|
|
135
|
+
'?': '?',
|
|
136
|
+
});
|
|
137
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
138
|
+
|
|
139
|
+
export { EVENT_KEY };
|
|
140
|
+
//# sourceMappingURL=keyboard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"keyboard.js","sources":["../src/utils/keyboard.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/utils/ref.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MutableRefObject, RefCallback } from 'react';
|
|
2
|
+
export type InnerRef<T extends HTMLElement | null> = MutableRefObject<T> | RefCallback<T>;
|
|
3
|
+
/** Sets a ref using either a ref callback or a ref object */
|
|
4
|
+
export declare function setRef<T extends HTMLElement | null>(ref: InnerRef<T>, node: T): void;
|
|
5
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/utils/ref.js
ADDED
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/** Sets a ref using either a ref callback or a ref object */
|
|
2
|
+
function setRef(ref, node) {
|
|
3
|
+
if (typeof ref === 'function')
|
|
4
|
+
return ref(node);
|
|
5
|
+
ref.current = node;
|
|
6
|
+
}
|
|
7
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
8
|
+
|
|
9
|
+
export { setRef };
|
|
10
|
+
//# sourceMappingURL=ref.js.map
|
package/utils/ref.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ref.js","sources":["../src/utils/ref.ts"],"sourcesContent":[null],"names":[],"mappings":"AAIA;AACgB,SAAA,MAAM,CAA+B,GAAgB,EAAE,IAAO,EAAA;IAC1E,IAAI,OAAO,GAAG,KAAK,UAAU;AAAE,QAAA,OAAO,GAAG,CAAC,IAAI,CAAC,CAAC;AAChD,IAAA,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;AACvB,CAAC;AAED;;;;"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Scrolls the container to make the element visible.
|
|
3
|
+
*
|
|
4
|
+
* @param element -- The element to scroll into view.
|
|
5
|
+
* @param container -- The container to scroll.
|
|
6
|
+
*/
|
|
7
|
+
export declare function scrollElementIntoView(element: HTMLElement, container: HTMLElement): void;
|
|
8
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Scrolls the container to make the element visible.
|
|
3
|
+
*
|
|
4
|
+
* @param element -- The element to scroll into view.
|
|
5
|
+
* @param container -- The container to scroll.
|
|
6
|
+
*/
|
|
7
|
+
function scrollElementIntoView(element, container) {
|
|
8
|
+
const elementRect = element.getBoundingClientRect();
|
|
9
|
+
const containerRect = container.getBoundingClientRect();
|
|
10
|
+
if (elementRect.top < containerRect.top) {
|
|
11
|
+
// Element is above the visible area
|
|
12
|
+
container.scrollTop -= containerRect.top - elementRect.top;
|
|
13
|
+
}
|
|
14
|
+
else if (elementRect.bottom > containerRect.bottom) {
|
|
15
|
+
// Element is below the visible area
|
|
16
|
+
container.scrollTop += elementRect.bottom - containerRect.bottom;
|
|
17
|
+
}
|
|
18
|
+
if (elementRect.left < containerRect.left) {
|
|
19
|
+
// Element is to the left of the visible area
|
|
20
|
+
container.scrollLeft -= containerRect.left - elementRect.left;
|
|
21
|
+
}
|
|
22
|
+
else if (elementRect.right > containerRect.right) {
|
|
23
|
+
// Element is to the right of the visible area
|
|
24
|
+
container.scrollLeft += elementRect.right - containerRect.right;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
28
|
+
|
|
29
|
+
export { scrollElementIntoView };
|
|
30
|
+
//# sourceMappingURL=scrollElementIntoView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrollElementIntoView.js","sources":["../src/utils/scrollElementIntoView.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;AAKG;AACa,SAAA,qBAAqB,CAAC,OAAoB,EAAE,SAAsB,EAAA;AAC9E,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;AAEpD,IAAA,MAAM,aAAa,GAAG,SAAS,CAAC,qBAAqB,EAAE,CAAC;IAExD,IAAI,WAAW,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG,EAAE;;QAErC,SAAS,CAAC,SAAS,IAAI,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG,CAAC;KAC9D;SAAM,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,EAAE;;QAElD,SAAS,CAAC,SAAS,IAAI,WAAW,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC;KACpE;IAED,IAAI,WAAW,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,EAAE;;QAEvC,SAAS,CAAC,UAAU,IAAI,aAAa,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI,CAAC;KACjE;SAAM,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,EAAE;;QAEhD,SAAS,CAAC,UAAU,IAAI,WAAW,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;KACnE;AACL,CAAC;AAED;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This function returns an object with a `data-sr-only` attribute if the `hide` parameter is true.
|
|
3
|
+
*
|
|
4
|
+
* This is useful for hiding content visually but keeping it accessible to screen readers.
|
|
5
|
+
*
|
|
6
|
+
* @param hide
|
|
7
|
+
* @returns An object with a `data-sr-only` attribute if the `hide` parameter is true
|
|
8
|
+
*/
|
|
9
|
+
export declare function srOnly(hide: unknown): {
|
|
10
|
+
'data-sr-only': boolean;
|
|
11
|
+
} | {
|
|
12
|
+
'data-sr-only'?: undefined;
|
|
13
|
+
};
|
|
14
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
package/utils/srOnly.js
ADDED
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This function returns an object with a `data-sr-only` attribute if the `hide` parameter is true.
|
|
3
|
+
*
|
|
4
|
+
* This is useful for hiding content visually but keeping it accessible to screen readers.
|
|
5
|
+
*
|
|
6
|
+
* @param hide
|
|
7
|
+
* @returns An object with a `data-sr-only` attribute if the `hide` parameter is true
|
|
8
|
+
*/
|
|
9
|
+
function srOnly(hide) {
|
|
10
|
+
return hide ? { 'data-sr-only': true } : {};
|
|
11
|
+
}
|
|
12
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
13
|
+
|
|
14
|
+
export { srOnly };
|
|
15
|
+
//# sourceMappingURL=srOnly.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"srOnly.js","sources":["../src/utils/srOnly.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;;;;;;;AAOG;AAEG,SAAU,MAAM,CAAC,IAAa,EAAA;AAChC,IAAA,OAAO,IAAI,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;AAChD,CAAC;AAED;;;;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
function tryIntParse(value) {
|
|
2
|
+
if (value === null || value === undefined)
|
|
3
|
+
return null;
|
|
4
|
+
const parsed = parseInt(value, 10);
|
|
5
|
+
return isNaN(parsed) ? null : parsed;
|
|
6
|
+
}
|
|
7
|
+
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
8
|
+
|
|
9
|
+
export { tryIntParse };
|
|
10
|
+
//# sourceMappingURL=tryIntPsrse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tryIntPsrse.js","sources":["../src/utils/tryIntPsrse.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAM,SAAU,WAAW,CAAC,KAAyC,EAAA;AACjE,IAAA,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI,CAAC;IACvD,MAAM,MAAM,GAAG,QAAQ,CAAC,KAAe,EAAE,EAAE,CAAC,CAAC;AAC7C,IAAA,OAAO,KAAK,CAAC,MAAM,CAAC,GAAG,IAAI,GAAG,MAAM,CAAC;AACzC,CAAC;AAED;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export type TxtVariant = 'body-base' | 'body-large' | 'body-small' | 'body-x-small' | 'display-regular-large' | 'display-regular-medium' | 'display-regular-small' | 'display-semibold-large' | 'display-semibold-medium' | 'display-semibold-small' | 'heading-h1' | 'heading-h2' | 'heading-h3' | 'heading-h4' | 'heading-h5' | 'heading-h6' | 'labels-base' | 'labels-large' | 'labels-small' | 'labels-x-small' | 'subheader-large' | 'subheader-medium' | 'subheader-x-large' | 'subheader-xx-large' | 'subheader-xxx-large';
|
|
2
|
+
export declare const TXT_VARIANTS: TxtVariant[];
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
const TXT_VARIANTS = [
|
|
2
|
+
'body-base',
|
|
3
|
+
'body-large',
|
|
4
|
+
'body-small',
|
|
5
|
+
'body-x-small',
|
|
6
|
+
'labels-base',
|
|
7
|
+
'labels-large',
|
|
8
|
+
'labels-small',
|
|
9
|
+
'labels-x-small',
|
|
10
|
+
'display-regular-large',
|
|
11
|
+
'display-regular-medium',
|
|
12
|
+
'display-regular-small',
|
|
13
|
+
'display-semibold-large',
|
|
14
|
+
'display-semibold-medium',
|
|
15
|
+
'display-semibold-small',
|
|
16
|
+
'heading-h1',
|
|
17
|
+
'heading-h2',
|
|
18
|
+
'heading-h3',
|
|
19
|
+
'heading-h4',
|
|
20
|
+
'heading-h5',
|
|
21
|
+
'heading-h6',
|
|
22
|
+
'subheader-large',
|
|
23
|
+
'subheader-medium',
|
|
24
|
+
'subheader-x-large',
|
|
25
|
+
'subheader-xx-large',
|
|
26
|
+
'subheader-xxx-large',
|
|
27
|
+
];
|
|
28
|
+
|
|
29
|
+
export { TXT_VARIANTS };
|
|
30
|
+
//# sourceMappingURL=txtVariants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"txtVariants.js","sources":["../src/utils/txtVariants.ts"],"sourcesContent":[null],"names":[],"mappings":"AA0Ba,MAAA,YAAY,GAAiB;IACtC,WAAW;IACX,YAAY;IACZ,YAAY;IACZ,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,gBAAgB;IAChB,uBAAuB;IACvB,wBAAwB;IACxB,uBAAuB;IACvB,wBAAwB;IACxB,yBAAyB;IACzB,wBAAwB;IACxB,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,YAAY;IACZ,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,oBAAoB;IACpB,qBAAqB;;;;;"}
|