@luxonis/common-fe-components 1.24.0 → 1.24.2
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/dist/components/custom/Alert.d.ts +3 -1
- package/dist/components/custom/Alert.d.ts.map +1 -1
- package/dist/components/custom/Alert.js +6 -5
- package/dist/components/custom/Alert.js.map +1 -1
- package/dist/components/custom/Badge.d.ts +1 -1
- package/dist/components/custom/Badge.d.ts.map +1 -1
- package/dist/components/custom/Badge.js +7 -7
- package/dist/components/custom/Badge.js.map +1 -1
- package/dist/components/custom/BadgeButton.d.ts.map +1 -1
- package/dist/components/custom/BadgeButton.js +3 -3
- package/dist/components/custom/BadgeButton.js.map +1 -1
- package/dist/components/custom/BadgeLine.d.ts +1 -1
- package/dist/components/custom/BadgeLine.d.ts.map +1 -1
- package/dist/components/custom/BadgeLine.js +4 -4
- package/dist/components/custom/BadgeLine.js.map +1 -1
- package/dist/components/custom/Button.d.ts +5 -5
- package/dist/components/custom/Button.d.ts.map +1 -1
- package/dist/components/custom/Button.js +21 -13
- package/dist/components/custom/Button.js.map +1 -1
- package/dist/components/custom/Card.d.ts.map +1 -1
- package/dist/components/custom/Card.js +9 -7
- package/dist/components/custom/Card.js.map +1 -1
- package/dist/components/custom/CardList.d.ts +3 -3
- package/dist/components/custom/CardList.d.ts.map +1 -1
- package/dist/components/custom/CardList.js +7 -6
- package/dist/components/custom/CardList.js.map +1 -1
- package/dist/components/custom/Checkbox.d.ts +3 -1
- package/dist/components/custom/Checkbox.d.ts.map +1 -1
- package/dist/components/custom/Checkbox.js +10 -8
- package/dist/components/custom/Checkbox.js.map +1 -1
- package/dist/components/custom/Circle.d.ts +3 -3
- package/dist/components/custom/Circle.d.ts.map +1 -1
- package/dist/components/custom/Circle.js +6 -5
- package/dist/components/custom/Circle.js.map +1 -1
- package/dist/components/custom/Command.d.ts.map +1 -1
- package/dist/components/custom/Command.js +1 -1
- package/dist/components/custom/Command.js.map +1 -1
- package/dist/components/custom/DatePicker.d.ts.map +1 -1
- package/dist/components/custom/DatePicker.js +17 -11
- package/dist/components/custom/DatePicker.js.map +1 -1
- package/dist/components/custom/DropdownMenu.d.ts +2 -2
- package/dist/components/custom/DropdownMenu.d.ts.map +1 -1
- package/dist/components/custom/DropdownMenu.js +3 -3
- package/dist/components/custom/DropdownMenu.js.map +1 -1
- package/dist/components/custom/Dropzone.d.ts +2 -2
- package/dist/components/custom/Dropzone.d.ts.map +1 -1
- package/dist/components/custom/Dropzone.js +30 -20
- package/dist/components/custom/Dropzone.js.map +1 -1
- package/dist/components/custom/EmptyView.d.ts.map +1 -1
- package/dist/components/custom/EmptyView.js +4 -3
- package/dist/components/custom/EmptyView.js.map +1 -1
- package/dist/components/custom/ErrorView.d.ts +1 -1
- package/dist/components/custom/ErrorView.d.ts.map +1 -1
- package/dist/components/custom/ErrorView.js +11 -9
- package/dist/components/custom/ErrorView.js.map +1 -1
- package/dist/components/custom/ExternalLink.d.ts.map +1 -1
- package/dist/components/custom/ExternalLink.js +3 -3
- package/dist/components/custom/ExternalLink.js.map +1 -1
- package/dist/components/custom/FilterDropdown.d.ts +2 -2
- package/dist/components/custom/FilterDropdown.d.ts.map +1 -1
- package/dist/components/custom/FilterDropdown.js +41 -24
- package/dist/components/custom/FilterDropdown.js.map +1 -1
- package/dist/components/custom/Flex.d.ts +1 -1
- package/dist/components/custom/Flex.d.ts.map +1 -1
- package/dist/components/custom/Flex.js +3 -3
- package/dist/components/custom/Flex.js.map +1 -1
- package/dist/components/custom/Form.d.ts +6 -5
- package/dist/components/custom/Form.d.ts.map +1 -1
- package/dist/components/custom/Form.js +28 -19
- package/dist/components/custom/Form.js.map +1 -1
- package/dist/components/custom/FullscreenImage.d.ts.map +1 -1
- package/dist/components/custom/FullscreenImage.js +2 -2
- package/dist/components/custom/FullscreenImage.js.map +1 -1
- package/dist/components/custom/Grid.d.ts +1 -1
- package/dist/components/custom/Grid.d.ts.map +1 -1
- package/dist/components/custom/Grid.js +5 -4
- package/dist/components/custom/Grid.js.map +1 -1
- package/dist/components/custom/Icon.d.ts.map +1 -1
- package/dist/components/custom/Icon.js +1 -1
- package/dist/components/custom/Icon.js.map +1 -1
- package/dist/components/custom/IconHelp.d.ts.map +1 -1
- package/dist/components/custom/IconHelp.js +1 -1
- package/dist/components/custom/IconHelp.js.map +1 -1
- package/dist/components/custom/Input.d.ts.map +1 -1
- package/dist/components/custom/Input.js +12 -6
- package/dist/components/custom/Input.js.map +1 -1
- package/dist/components/custom/KpiDisplay.d.ts.map +1 -1
- package/dist/components/custom/KpiDisplay.js +1 -1
- package/dist/components/custom/KpiDisplay.js.map +1 -1
- package/dist/components/custom/LabelledProgress.d.ts.map +1 -1
- package/dist/components/custom/LabelledProgress.js +2 -2
- package/dist/components/custom/LabelledProgress.js.map +1 -1
- package/dist/components/custom/Markdown.d.ts.map +1 -1
- package/dist/components/custom/Markdown.js +15 -12
- package/dist/components/custom/Markdown.js.map +1 -1
- package/dist/components/custom/Modal.d.ts +4 -4
- package/dist/components/custom/Modal.d.ts.map +1 -1
- package/dist/components/custom/Modal.js +20 -14
- package/dist/components/custom/Modal.js.map +1 -1
- package/dist/components/custom/MonospaceBlock.d.ts.map +1 -1
- package/dist/components/custom/MonospaceBlock.js +5 -5
- package/dist/components/custom/MonospaceBlock.js.map +1 -1
- package/dist/components/custom/PasswordInput.d.ts +1 -1
- package/dist/components/custom/PasswordInput.d.ts.map +1 -1
- package/dist/components/custom/PasswordInput.js +4 -4
- package/dist/components/custom/PasswordInput.js.map +1 -1
- package/dist/components/custom/ProgressTicker.d.ts.map +1 -1
- package/dist/components/custom/ProgressTicker.js +1 -1
- package/dist/components/custom/ProgressTicker.js.map +1 -1
- package/dist/components/custom/RadioGroup.d.ts +48 -48
- package/dist/components/custom/RadioGroup.d.ts.map +1 -1
- package/dist/components/custom/RadioGroup.js +28 -28
- package/dist/components/custom/RadioGroup.js.map +1 -1
- package/dist/components/custom/Select.d.ts.map +1 -1
- package/dist/components/custom/Select.js +6 -2
- package/dist/components/custom/Select.js.map +1 -1
- package/dist/components/custom/SelectCards.d.ts.map +1 -1
- package/dist/components/custom/SelectCards.js +5 -5
- package/dist/components/custom/SelectCards.js.map +1 -1
- package/dist/components/custom/Slider.d.ts +48 -48
- package/dist/components/custom/Slider.d.ts.map +1 -1
- package/dist/components/custom/Slider.js +2 -2
- package/dist/components/custom/Slider.js.map +1 -1
- package/dist/components/custom/SourceCode.d.ts.map +1 -1
- package/dist/components/custom/SourceCode.js +13 -7
- package/dist/components/custom/SourceCode.js.map +1 -1
- package/dist/components/custom/StatusBar.d.ts.map +1 -1
- package/dist/components/custom/StatusBar.js +3 -3
- package/dist/components/custom/StatusBar.js.map +1 -1
- package/dist/components/custom/Stepper.d.ts.map +1 -1
- package/dist/components/custom/Stepper.js +6 -6
- package/dist/components/custom/Stepper.js.map +1 -1
- package/dist/components/custom/Switch.d.ts +1 -0
- package/dist/components/custom/Switch.d.ts.map +1 -1
- package/dist/components/custom/Switch.js +3 -3
- package/dist/components/custom/Switch.js.map +1 -1
- package/dist/components/custom/Table.d.ts +1 -1
- package/dist/components/custom/Table.d.ts.map +1 -1
- package/dist/components/custom/Table.js +14 -10
- package/dist/components/custom/Table.js.map +1 -1
- package/dist/components/custom/Text.d.ts +5 -0
- package/dist/components/custom/Text.d.ts.map +1 -1
- package/dist/components/custom/Text.js +6 -6
- package/dist/components/custom/Text.js.map +1 -1
- package/dist/components/custom/TimePicker.d.ts.map +1 -1
- package/dist/components/custom/TimePicker.js +3 -3
- package/dist/components/custom/TimePicker.js.map +1 -1
- package/dist/components/custom/Toast.d.ts +5 -5
- package/dist/components/custom/Toast.d.ts.map +1 -1
- package/dist/components/custom/Toast.js +8 -8
- package/dist/components/custom/Toast.js.map +1 -1
- package/dist/components/custom/Toggle.d.ts +5 -0
- package/dist/components/custom/Toggle.d.ts.map +1 -0
- package/dist/components/custom/Toggle.js +12 -0
- package/dist/components/custom/Toggle.js.map +1 -0
- package/dist/components/custom/Tooltip.d.ts.map +1 -1
- package/dist/components/custom/Tooltip.js +6 -6
- package/dist/components/custom/Tooltip.js.map +1 -1
- package/dist/components/custom/TurnstileWidget.d.ts.map +1 -1
- package/dist/components/custom/TurnstileWidget.js +1 -1
- package/dist/components/custom/TurnstileWidget.js.map +1 -1
- package/dist/components/custom/VideoPlayer.d.ts.map +1 -1
- package/dist/components/custom/VideoPlayer.js +32 -12
- package/dist/components/custom/VideoPlayer.js.map +1 -1
- package/dist/components/custom/devices/devices-constants.d.ts.map +1 -1
- package/dist/components/custom/devices/devices-constants.js +13 -2
- package/dist/components/custom/devices/devices-constants.js.map +1 -1
- package/dist/components/custom/devices/devices-family.d.ts +1 -1
- package/dist/components/custom/devices/devices-family.d.ts.map +1 -1
- package/dist/components/custom/devices/devices-family.js +7 -4
- package/dist/components/custom/devices/devices-family.js.map +1 -1
- package/dist/components/custom/devices/devices-list.d.ts.map +1 -1
- package/dist/components/custom/devices/devices-list.js +13 -2
- package/dist/components/custom/devices/devices-list.js.map +1 -1
- package/dist/components/custom/devices/devices.d.ts +1 -1
- package/dist/components/custom/devices/devices.d.ts.map +1 -1
- package/dist/components/custom/devices/devices.js +15 -9
- package/dist/components/custom/devices/devices.js.map +1 -1
- package/dist/components/custom/devices/index.d.ts +2 -2
- package/dist/components/custom/devices/index.d.ts.map +1 -1
- package/dist/components/custom/devices/index.js +2 -2
- package/dist/components/custom/devices/index.js.map +1 -1
- package/dist/components/custom/index.d.ts +33 -32
- package/dist/components/custom/index.d.ts.map +1 -1
- package/dist/components/custom/index.js +33 -32
- package/dist/components/custom/index.js.map +1 -1
- package/dist/components/custom/oak4/Oak4DeviceCard.d.ts.map +1 -1
- package/dist/components/custom/oak4/Oak4DeviceCard.js +3 -3
- package/dist/components/custom/oak4/Oak4DeviceCard.js.map +1 -1
- package/dist/components/shadow-panda/Accordion.d.ts +2 -2
- package/dist/components/shadow-panda/Accordion.d.ts.map +1 -1
- package/dist/components/shadow-panda/Accordion.js +3 -3
- package/dist/components/shadow-panda/Accordion.js.map +1 -1
- package/dist/components/shadow-panda/Avatar.d.ts +1 -1
- package/dist/components/shadow-panda/Avatar.d.ts.map +1 -1
- package/dist/components/shadow-panda/Avatar.js +1 -1
- package/dist/components/shadow-panda/Avatar.js.map +1 -1
- package/dist/components/shadow-panda/Calendar.d.ts +1 -1
- package/dist/components/shadow-panda/Calendar.d.ts.map +1 -1
- package/dist/components/shadow-panda/Calendar.js +2 -2
- package/dist/components/shadow-panda/Calendar.js.map +1 -1
- package/dist/components/shadow-panda/DropdownMenu.d.ts +2 -2
- package/dist/components/shadow-panda/DropdownMenu.d.ts.map +1 -1
- package/dist/components/shadow-panda/DropdownMenu.js +6 -6
- package/dist/components/shadow-panda/DropdownMenu.js.map +1 -1
- package/dist/components/shadow-panda/Form.d.ts +1 -1
- package/dist/components/shadow-panda/Form.d.ts.map +1 -1
- package/dist/components/shadow-panda/Form.js +12 -10
- package/dist/components/shadow-panda/Form.js.map +1 -1
- package/dist/components/shadow-panda/Popover.d.ts +22 -22
- package/dist/components/shadow-panda/Popover.d.ts.map +1 -1
- package/dist/components/shadow-panda/Popover.js +3 -3
- package/dist/components/shadow-panda/Popover.js.map +1 -1
- package/dist/components/shadow-panda/Progress.d.ts +1 -1
- package/dist/components/shadow-panda/Progress.d.ts.map +1 -1
- package/dist/components/shadow-panda/Progress.js +3 -3
- package/dist/components/shadow-panda/Progress.js.map +1 -1
- package/dist/components/shadow-panda/Separator.d.ts +1 -1
- package/dist/components/shadow-panda/Separator.d.ts.map +1 -1
- package/dist/components/shadow-panda/Separator.js +3 -3
- package/dist/components/shadow-panda/Separator.js.map +1 -1
- package/dist/components/shadow-panda/Skeleton.js +1 -1
- package/dist/components/shadow-panda/Skeleton.js.map +1 -1
- package/dist/components/shadow-panda/Table.d.ts.map +1 -1
- package/dist/components/shadow-panda/Table.js +8 -8
- package/dist/components/shadow-panda/Table.js.map +1 -1
- package/dist/components/shadow-panda/Tabs.d.ts +1 -1
- package/dist/components/shadow-panda/Tabs.d.ts.map +1 -1
- package/dist/components/shadow-panda/Tabs.js +1 -1
- package/dist/components/shadow-panda/Tabs.js.map +1 -1
- package/dist/components/shadow-panda/Textarea.d.ts.map +1 -1
- package/dist/components/shadow-panda/Textarea.js +2 -2
- package/dist/components/shadow-panda/Textarea.js.map +1 -1
- package/dist/components/shadow-panda/Toaster.d.ts.map +1 -1
- package/dist/components/shadow-panda/Toaster.js +3 -3
- package/dist/components/shadow-panda/Toaster.js.map +1 -1
- package/dist/components/shadow-panda/_Alert.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Alert.js +2 -2
- package/dist/components/shadow-panda/_Alert.js.map +1 -1
- package/dist/components/shadow-panda/_Badge.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Badge.js +1 -1
- package/dist/components/shadow-panda/_Badge.js.map +1 -1
- package/dist/components/shadow-panda/_Button.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Button.js +2 -2
- package/dist/components/shadow-panda/_Button.js.map +1 -1
- package/dist/components/shadow-panda/_Card.js +5 -5
- package/dist/components/shadow-panda/_Card.js.map +1 -1
- package/dist/components/shadow-panda/_Checkbox.d.ts +1 -1
- package/dist/components/shadow-panda/_Checkbox.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Checkbox.js +5 -5
- package/dist/components/shadow-panda/_Checkbox.js.map +1 -1
- package/dist/components/shadow-panda/_Command.d.ts +4 -4
- package/dist/components/shadow-panda/_Command.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Command.js +4 -4
- package/dist/components/shadow-panda/_Command.js.map +1 -1
- package/dist/components/shadow-panda/_Dialog.d.ts +2 -2
- package/dist/components/shadow-panda/_Dialog.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Dialog.js +2 -2
- package/dist/components/shadow-panda/_Dialog.js.map +1 -1
- package/dist/components/shadow-panda/_Input.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Input.js +1 -1
- package/dist/components/shadow-panda/_Input.js.map +1 -1
- package/dist/components/shadow-panda/_Label.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Label.js +1 -1
- package/dist/components/shadow-panda/_Label.js.map +1 -1
- package/dist/components/shadow-panda/_RadioGroup.d.ts +2 -2
- package/dist/components/shadow-panda/_RadioGroup.d.ts.map +1 -1
- package/dist/components/shadow-panda/_RadioGroup.js +3 -3
- package/dist/components/shadow-panda/_RadioGroup.js.map +1 -1
- package/dist/components/shadow-panda/_Select.d.ts +2 -2
- package/dist/components/shadow-panda/_Select.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Select.js +4 -4
- package/dist/components/shadow-panda/_Select.js.map +1 -1
- package/dist/components/shadow-panda/_Slider.d.ts +1 -1
- package/dist/components/shadow-panda/_Slider.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Slider.js +25 -18
- package/dist/components/shadow-panda/_Slider.js.map +1 -1
- package/dist/components/shadow-panda/_Toggle.d.ts +6 -0
- package/dist/components/shadow-panda/_Toggle.d.ts.map +1 -0
- package/dist/components/shadow-panda/_Toggle.js +6 -0
- package/dist/components/shadow-panda/_Toggle.js.map +1 -0
- package/dist/components/shadow-panda/_Tooltip.d.ts +1 -1
- package/dist/components/shadow-panda/_Tooltip.d.ts.map +1 -1
- package/dist/components/shadow-panda/_Tooltip.js +1 -1
- package/dist/components/shadow-panda/_Tooltip.js.map +1 -1
- package/dist/components/shadow-panda/index.d.ts +6 -5
- package/dist/components/shadow-panda/index.d.ts.map +1 -1
- package/dist/components/shadow-panda/index.js +6 -5
- package/dist/components/shadow-panda/index.js.map +1 -1
- package/dist/components/skeletons/Button.d.ts.map +1 -1
- package/dist/components/skeletons/Button.js +2 -2
- package/dist/components/skeletons/Button.js.map +1 -1
- package/dist/components/skeletons/Grid.d.ts +1 -1
- package/dist/components/skeletons/Grid.d.ts.map +1 -1
- package/dist/components/skeletons/Grid.js +5 -5
- package/dist/components/skeletons/Grid.js.map +1 -1
- package/dist/components/skeletons/Input.d.ts.map +1 -1
- package/dist/components/skeletons/Input.js +2 -2
- package/dist/components/skeletons/Input.js.map +1 -1
- package/dist/components/skeletons/Table.d.ts.map +1 -1
- package/dist/components/skeletons/Table.js +4 -4
- package/dist/components/skeletons/Table.js.map +1 -1
- package/dist/components/skeletons/Textarea.d.ts.map +1 -1
- package/dist/components/skeletons/Textarea.js +2 -2
- package/dist/components/skeletons/Textarea.js.map +1 -1
- package/dist/components/skeletons/index.d.ts +1 -1
- package/dist/components/skeletons/index.d.ts.map +1 -1
- package/dist/components/skeletons/index.js +1 -1
- package/dist/components/skeletons/index.js.map +1 -1
- package/dist/helpers.d.ts +1 -1
- package/dist/helpers.d.ts.map +1 -1
- package/dist/helpers.js +4 -4
- package/dist/helpers.js.map +1 -1
- package/dist/hooks/copy.d.ts.map +1 -1
- package/dist/hooks/copy.js +3 -1
- package/dist/hooks/copy.js.map +1 -1
- package/dist/hooks/dropzone.d.ts +1 -1
- package/dist/hooks/dropzone.d.ts.map +1 -1
- package/dist/hooks/dropzone.js +10 -4
- package/dist/hooks/dropzone.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +1 -1
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/modal.d.ts.map +1 -1
- package/dist/hooks/modal.js +1 -1
- package/dist/hooks/modal.js.map +1 -1
- package/dist/hooks/use-toast.d.ts.map +1 -1
- package/dist/hooks/use-toast.js +9 -5
- package/dist/hooks/use-toast.js.map +1 -1
- package/dist/hooks/use-translations.d.ts +1 -1
- package/dist/hooks/use-translations.d.ts.map +1 -1
- package/dist/hooks/use-translations.js +2 -2
- package/dist/hooks/use-translations.js.map +1 -1
- package/dist/hooks/use-window-width.js.map +1 -1
- package/dist/icons/index.d.ts +2 -2
- package/dist/icons/index.d.ts.map +1 -1
- package/dist/icons/index.js +2 -2
- package/dist/icons/index.js.map +1 -1
- package/dist/icons/react-icons.d.ts +11 -10
- package/dist/icons/react-icons.d.ts.map +1 -1
- package/dist/icons/react-icons.js +11 -10
- package/dist/icons/react-icons.js.map +1 -1
- package/dist/icons/style-provider.d.ts.map +1 -1
- package/dist/icons/style-provider.js +2 -2
- package/dist/icons/style-provider.js.map +1 -1
- package/dist/icons/svg/AccessDenied.d.ts.map +1 -1
- package/dist/icons/svg/AccessDenied.js.map +1 -1
- package/dist/icons/svg/Empty.d.ts.map +1 -1
- package/dist/icons/svg/Empty.js.map +1 -1
- package/dist/icons/svg/Error.d.ts.map +1 -1
- package/dist/icons/svg/Error.js.map +1 -1
- package/dist/icons/svg/Logo.d.ts.map +1 -1
- package/dist/icons/svg/Logo.js.map +1 -1
- package/dist/index.css +2 -2
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/panda.buildinfo.json +3 -2
- package/dist/panda.css +4 -0
- package/dist/panda.d.ts.map +1 -1
- package/dist/panda.js +98 -90
- package/dist/panda.js.map +1 -1
- package/dist/recipes/colors.d.ts.map +1 -1
- package/dist/recipes/colors.js +1 -8
- package/dist/recipes/colors.js.map +1 -1
- package/dist/recipes/hover.d.ts.map +1 -1
- package/dist/recipes/hover.js.map +1 -1
- package/dist/translations/en/common/common.js +1 -1
- package/dist/translations/en/common/common.js.map +1 -1
- package/dist/translations/en/index.d.ts.map +1 -1
- package/dist/translations/en/index.js +1 -1
- package/dist/translations/en/index.js.map +1 -1
- package/dist/translations/formatters.d.ts +1 -1
- package/dist/translations/formatters.d.ts.map +1 -1
- package/dist/translations/formatters.js.map +1 -1
- package/package.json +89 -89
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { IconType } from 'react-icons';
|
|
2
|
-
import React from 'react';
|
|
3
1
|
import type { ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { IconType } from 'react-icons';
|
|
4
4
|
import type { ButtonProps } from './Button.js';
|
|
5
5
|
type FilterDropdownProps<T extends string> = {
|
|
6
6
|
onChange: (value: T[]) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FilterDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FilterDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FilterDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAU5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ/C,KAAK,mBAAmB,CAAC,CAAC,SAAS,MAAM,IAAI;IAC5C,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,cAAc,4BACnB,oBAAoB,CAAC,CAAC,KAC3B,MAAM,GAAG,QAgQX,CAAC"}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import { log } from '@luxonis/common-fe-utils';
|
|
4
|
-
import
|
|
5
|
-
import { cx } from '../../styled-system/css/cx.mjs';
|
|
3
|
+
import React from 'react';
|
|
6
4
|
import { css } from '../../styled-system/css/css.mjs';
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import { Icon } from './Icon.js';
|
|
10
|
-
import { Flex } from './Flex.js';
|
|
11
|
-
import { DropdownMenuContent } from './DropdownMenu.js';
|
|
12
|
-
import { Button } from './Button.js';
|
|
5
|
+
import { cx } from '../../styled-system/css/cx.mjs';
|
|
6
|
+
import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuTrigger, } from '../shadow-panda/DropdownMenu.js';
|
|
13
7
|
import { Badge } from './Badge.js';
|
|
8
|
+
import { Button } from './Button.js';
|
|
9
|
+
import { DropdownMenuContent } from './DropdownMenu.js';
|
|
10
|
+
import { Flex } from './Flex.js';
|
|
11
|
+
import { Icon } from './Icon.js';
|
|
12
|
+
import { Label } from './Text.js';
|
|
13
|
+
import { Tooltip } from './Tooltip.js';
|
|
14
14
|
export const FilterDropdown = (props) => {
|
|
15
15
|
const { onChange, defaultValues, actions = false, placeholder, maxDisplayedValues = 2, options, prefix, disabled = false, width = 'fit-content', predefinedValues, icon, shouldDisplayIcon = false, shouldClear = false, tooltipContent, contentClassName, ...rest } = props;
|
|
16
16
|
const [values, setValues] = React.useState(defaultValues);
|
|
@@ -27,15 +27,16 @@ export const FilterDropdown = (props) => {
|
|
|
27
27
|
log.info('to be implemented');
|
|
28
28
|
setOpen(false);
|
|
29
29
|
};
|
|
30
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
30
31
|
React.useEffect(() => {
|
|
31
|
-
onChange(Object.keys(values).filter(key => values[key]));
|
|
32
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
32
|
+
onChange(Object.keys(values).filter((key) => values[key]));
|
|
33
33
|
}, [values]);
|
|
34
34
|
// If options change, clear all filters
|
|
35
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
35
36
|
React.useEffect(() => {
|
|
36
37
|
handleClear();
|
|
37
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
38
38
|
}, [options]);
|
|
39
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
39
40
|
const checkValue = React.useCallback((option, checked) => {
|
|
40
41
|
// TODO: Remove after we support multiple filters on BE
|
|
41
42
|
if (shouldClear) {
|
|
@@ -45,27 +46,27 @@ export const FilterDropdown = (props) => {
|
|
|
45
46
|
...prev,
|
|
46
47
|
[option]: checked,
|
|
47
48
|
}));
|
|
48
|
-
},
|
|
49
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
50
|
-
[shouldClear]);
|
|
49
|
+
}, [shouldClear]);
|
|
51
50
|
const valuesApplied = React.useMemo(() => {
|
|
52
|
-
const allFalse = Object.values(values).every(value => value === false);
|
|
51
|
+
const allFalse = Object.values(values).every((value) => value === false);
|
|
53
52
|
if (allFalse) {
|
|
54
|
-
return placeholder ? _jsx(Label, { text: placeholder }) : icon ? _jsx(Icon, { icon: icon, pointerEvents: "none" }) : 'Filter';
|
|
53
|
+
return placeholder ? (_jsx(Label, { text: placeholder })) : icon ? (_jsx(Icon, { icon: icon, pointerEvents: "none" })) : ('Filter');
|
|
55
54
|
}
|
|
56
55
|
return Object.entries(values)
|
|
57
|
-
.map(([valueLabel, value]) =>
|
|
58
|
-
.filter(value => value !== null);
|
|
56
|
+
.map(([valueLabel, value]) => value ? (_jsx(Badge, { label: options[valueLabel] }, valueLabel)) : null)
|
|
57
|
+
.filter((value) => value !== null);
|
|
59
58
|
}, [icon, options, placeholder, values]);
|
|
60
59
|
const valuesDisplay = React.useMemo(() => {
|
|
61
|
-
if (Array.isArray(valuesApplied) &&
|
|
60
|
+
if (Array.isArray(valuesApplied) &&
|
|
61
|
+
maxDisplayedValues &&
|
|
62
|
+
valuesApplied.length > maxDisplayedValues) {
|
|
62
63
|
return (_jsxs(_Fragment, { children: [valuesApplied.slice(-maxDisplayedValues), _jsx(Badge, { label: `+${valuesApplied.length - maxDisplayedValues}` })] }));
|
|
63
64
|
}
|
|
64
65
|
return valuesApplied;
|
|
65
66
|
}, [maxDisplayedValues, valuesApplied]);
|
|
66
67
|
const predefinedValuesApplied = React.useMemo(() => {
|
|
67
68
|
if (predefinedValues && Array.isArray(predefinedValues)) {
|
|
68
|
-
return predefinedValues.map(value => _jsx(Badge, { label: value, variant: "gray" }, value));
|
|
69
|
+
return predefinedValues.map((value) => (_jsx(Badge, { label: value, variant: "gray" }, value)));
|
|
69
70
|
}
|
|
70
71
|
return [];
|
|
71
72
|
}, [predefinedValues]);
|
|
@@ -77,12 +78,28 @@ export const FilterDropdown = (props) => {
|
|
|
77
78
|
}
|
|
78
79
|
return predefinedValuesApplied;
|
|
79
80
|
}, [maxDisplayedValues, predefinedValuesApplied]);
|
|
80
|
-
return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: tooltipContent ? (_jsx(Tooltip, { content: tooltipContent, children: _jsx(Button, { variant: shouldDisplayIcon &&
|
|
81
|
+
return (_jsxs(DropdownMenu, { open: open, onOpenChange: setOpen, children: [_jsx(DropdownMenuTrigger, { asChild: true, disabled: disabled, children: tooltipContent ? (_jsx(Tooltip, { content: tooltipContent, children: _jsx(Button, { variant: shouldDisplayIcon &&
|
|
82
|
+
Array.isArray(valuesApplied) &&
|
|
83
|
+
valuesApplied.length > 0
|
|
84
|
+
? 'filled'
|
|
85
|
+
: 'outline', colorVariant: shouldDisplayIcon &&
|
|
86
|
+
Array.isArray(valuesApplied) &&
|
|
87
|
+
valuesApplied.length > 0
|
|
88
|
+
? 'active'
|
|
89
|
+
: 'white', onClick: (e) => {
|
|
81
90
|
e.preventDefault();
|
|
82
91
|
setOpen(!open);
|
|
83
|
-
}, width: width, disabled: Object.keys(options).length === 0, ...rest, children: shouldDisplayIcon && icon ? (_jsx(Icon, { icon: icon, pointerEvents: "none" })) : (_jsxs(_Fragment, { children: [predefinedValues && predefinedValuesDisplay, prefix && (_jsxs(_Fragment, { children: [`${prefix}:`, valuesDisplay] })), !predefinedValues && !prefix && valuesDisplay] })) }) })) : (_jsx(Button, { variant: shouldDisplayIcon &&
|
|
92
|
+
}, width: width, disabled: Object.keys(options).length === 0, ...rest, children: shouldDisplayIcon && icon ? (_jsx(Icon, { icon: icon, pointerEvents: "none" })) : (_jsxs(_Fragment, { children: [predefinedValues && predefinedValuesDisplay, prefix && (_jsxs(_Fragment, { children: [`${prefix}:`, valuesDisplay] })), !predefinedValues && !prefix && valuesDisplay] })) }) })) : (_jsx(Button, { variant: shouldDisplayIcon &&
|
|
93
|
+
Array.isArray(valuesApplied) &&
|
|
94
|
+
valuesApplied.length > 0
|
|
95
|
+
? 'filled'
|
|
96
|
+
: 'outline', colorVariant: shouldDisplayIcon &&
|
|
97
|
+
Array.isArray(valuesApplied) &&
|
|
98
|
+
valuesApplied.length > 0
|
|
99
|
+
? 'active'
|
|
100
|
+
: 'white', onClick: (e) => {
|
|
84
101
|
e.preventDefault();
|
|
85
102
|
setOpen(!open);
|
|
86
|
-
}, width: width, ...rest, children: shouldDisplayIcon && icon ? (_jsx(Icon, { icon: icon, pointerEvents: "none" })) : (_jsxs(_Fragment, { children: [predefinedValues && predefinedValuesDisplay, prefix && (_jsxs(_Fragment, { children: [`${prefix}:`, valuesDisplay] })), !predefinedValues && !prefix && valuesDisplay] })) })) }), _jsxs(DropdownMenuContent, { width: "container.smaller.sm", className: cx(css({ maxHeight: 'container.xs', overflowY: 'auto' }), contentClassName), children: [_jsx(DropdownMenuGroup, { children: Object.entries(options).map(([key, value]) => (_jsx(DropdownMenuCheckboxItem, { cursor: "pointer", checked: values[key], onCheckedChange: checked => checkValue(key, checked), onSelect: event => event.preventDefault(), children: value }, key))) }), _jsx(DropdownMenuGroup, { children: actions && (_jsxs(Flex, { justifyContent: "space-between", marginTop: "sm", children: [_jsx(Button, { label: "Clear", variant: "ghost", onClick: handleClear }), _jsxs(Flex, { gap: "sm", children: [_jsx(Button, { label: "Cancel", variant: "outline", colorVariant: "white", onClick: handleCancel }), _jsx(Button, { label: "Apply", variant: "filled", colorVariant: "active", onClick: handleApply })] })] })) })] })] }));
|
|
103
|
+
}, width: width, ...rest, children: shouldDisplayIcon && icon ? (_jsx(Icon, { icon: icon, pointerEvents: "none" })) : (_jsxs(_Fragment, { children: [predefinedValues && predefinedValuesDisplay, prefix && (_jsxs(_Fragment, { children: [`${prefix}:`, valuesDisplay] })), !predefinedValues && !prefix && valuesDisplay] })) })) }), _jsxs(DropdownMenuContent, { width: "container.smaller.sm", className: cx(css({ maxHeight: 'container.xs', overflowY: 'auto' }), contentClassName), children: [_jsx(DropdownMenuGroup, { children: Object.entries(options).map(([key, value]) => (_jsx(DropdownMenuCheckboxItem, { cursor: "pointer", checked: values[key], onCheckedChange: (checked) => checkValue(key, checked), onSelect: (event) => event.preventDefault(), children: value }, key))) }), _jsx(DropdownMenuGroup, { children: actions && (_jsxs(Flex, { justifyContent: "space-between", marginTop: "sm", children: [_jsx(Button, { label: "Clear", variant: "ghost", onClick: handleClear }), _jsxs(Flex, { gap: "sm", children: [_jsx(Button, { label: "Cancel", variant: "outline", colorVariant: "white", onClick: handleCancel }), _jsx(Button, { label: "Apply", variant: "filled", colorVariant: "active", onClick: handleApply })] })] })) })] })] }));
|
|
87
104
|
};
|
|
88
105
|
//# sourceMappingURL=FilterDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../src/components/custom/FilterDropdown.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FilterDropdown.js","sourceRoot":"","sources":["../../../src/components/custom/FilterDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type FlexProps as _FlexProps } from '../../styled-system/jsx/flex.mjs';
|
|
3
2
|
import { type PropsFromCVA } from '../../helpers.js';
|
|
3
|
+
import { type FlexProps as _FlexProps } from '../../styled-system/jsx/flex.mjs';
|
|
4
4
|
declare const flexRecipe: import("../../styled-system/types/recipe.mjs").RecipeRuntimeFn<{
|
|
5
5
|
full: {
|
|
6
6
|
true: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Flex.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAEN,KAAK,SAAS,IAAI,UAAU,EAC5B,MAAM,kCAAkC,CAAC;AAE1C,QAAA,MAAM,UAAU;;;;;;;EASd,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAErE,eAAO,MAAM,IAAI,+FAahB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { Flex as _Flex } from '../../styled-system/jsx/flex.mjs';
|
|
4
|
-
import { cva } from '../../styled-system/css/cva.mjs';
|
|
5
3
|
import { clsx } from '../../helpers.js';
|
|
4
|
+
import { cva } from '../../styled-system/css/cva.mjs';
|
|
5
|
+
import { Flex as _Flex, } from '../../styled-system/jsx/flex.mjs';
|
|
6
6
|
const flexRecipe = cva({
|
|
7
7
|
variants: {
|
|
8
8
|
full: {
|
|
@@ -14,6 +14,6 @@ const flexRecipe = cva({
|
|
|
14
14
|
},
|
|
15
15
|
});
|
|
16
16
|
export const Flex = React.forwardRef(({ className, full, ...rest }, ref) => {
|
|
17
|
-
return _jsx(_Flex, { className: clsx(flexRecipe({ full }), className), ...rest, ref: ref });
|
|
17
|
+
return (_jsx(_Flex, { className: clsx(flexRecipe({ full }), className), ...rest, ref: ref }));
|
|
18
18
|
});
|
|
19
19
|
//# sourceMappingURL=Flex.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/custom/Flex.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Flex.js","sourceRoot":"","sources":["../../../src/components/custom/Flex.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAqB,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EACN,IAAI,IAAI,KAAK,GAEb,MAAM,kCAAkC,CAAC;AAE1C,MAAM,UAAU,GAAG,GAAG,CAAC;IACtB,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACd;SACD;KACD;CACD,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CACnC,CACC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAa,EACvC,GAAuC,EACtC,EAAE;IACH,OAAO,CACN,KAAC,KAAK,IACL,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KAC5C,IAAI,EACR,GAAG,EAAE,GAAG,GACP,CACF,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { ZodType } from 'zod';
|
|
2
|
-
import type { IconType } from 'react-icons';
|
|
3
|
-
import type { ControllerRenderProps, DefaultValues, Mode, Path, UseFormReturn } from 'react-hook-form';
|
|
4
1
|
import React from 'react';
|
|
5
|
-
|
|
2
|
+
import type { ControllerRenderProps, DefaultValues, Mode, Path, UseFormReturn } from 'react-hook-form';
|
|
3
|
+
import type { IconType } from 'react-icons';
|
|
4
|
+
import type { ZodType } from 'zod';
|
|
5
|
+
export type { ControllerRenderProps, UseFormReturn } from 'react-hook-form';
|
|
6
6
|
export { useFieldArray } from 'react-hook-form';
|
|
7
7
|
export declare function useForm<T extends Record<any, any>>(schema: ZodType<T, any, any>, defaultValues?: DefaultValues<T>, mode?: Mode): UseFormReturn<T, any, any>;
|
|
8
8
|
export type FormProps<T extends Record<any, any>> = {
|
|
@@ -34,7 +34,8 @@ export type FormFieldProps<T extends Record<any, any>, N extends Path<T>> = {
|
|
|
34
34
|
renderArrayErrors?: boolean;
|
|
35
35
|
showErrors?: boolean;
|
|
36
36
|
disabled?: boolean;
|
|
37
|
+
forcedRequiredIndicator?: boolean;
|
|
37
38
|
};
|
|
38
39
|
export declare const FormField: <T extends Record<any, any>, N extends Path<T>>(props: FormFieldProps<T, N>) => import("react/jsx-runtime").JSX.Element;
|
|
39
|
-
export {
|
|
40
|
+
export { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../shadow-panda/Form.js';
|
|
40
41
|
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Form.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { useForm as _useForm } from 'react-hook-form';
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { log, noop, parseJson, serializeToJson } from '@luxonis/common-fe-utils';
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
3
|
import { zodResolver } from '@hookform/resolvers/zod';
|
|
7
|
-
import {
|
|
8
|
-
import
|
|
9
|
-
import {
|
|
10
|
-
import { css } from '../../styled-system/css/css.mjs';
|
|
11
|
-
import { useToast } from '../../hooks/use-toast.js';
|
|
4
|
+
import { log, noop, parseJson, serializeToJson, } from '@luxonis/common-fe-utils';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { useForm as _useForm } from 'react-hook-form';
|
|
12
7
|
import { clsx } from '../../helpers.js';
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
8
|
+
import { useToast } from '../../hooks/use-toast.js';
|
|
9
|
+
import { css } from '../../styled-system/css/css.mjs';
|
|
10
|
+
import { styled } from '../../styled-system/jsx/factory.mjs';
|
|
11
|
+
import { formMessage } from '../../styled-system/recipes/form-message.mjs';
|
|
12
|
+
import { _Form, _FormField, FormControl, FormDescription, FormItem, FormLabel, useFormField, } from '../shadow-panda/Form.js';
|
|
16
13
|
import { Button } from './Button.js';
|
|
14
|
+
import { Flex } from './Flex.js';
|
|
15
|
+
import { LightSubLabel } from './Text.js';
|
|
16
|
+
import { Tooltip } from './Tooltip.js';
|
|
17
17
|
export { useFieldArray } from 'react-hook-form';
|
|
18
18
|
export function useForm(schema, defaultValues, mode = 'onSubmit') {
|
|
19
19
|
const serializedDefaults = serializeToJson(defaultValues ?? {});
|
|
@@ -32,6 +32,7 @@ export const Form = (props) => {
|
|
|
32
32
|
const { toast } = useToast();
|
|
33
33
|
const formStyles = css({ spaceY: 'sm' });
|
|
34
34
|
const buttonStyles = css({ width: submitActionFull ? 'full' : undefined });
|
|
35
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
35
36
|
React.useEffect(() => {
|
|
36
37
|
if (form.formState.errors.submit?.message) {
|
|
37
38
|
log.error({ error: form.formState.errors.submit }, 'Form sumbission threw an error');
|
|
@@ -40,23 +41,29 @@ export const Form = (props) => {
|
|
|
40
41
|
toast({ description: 'Unexpected error', colorVariant: 'error' });
|
|
41
42
|
}
|
|
42
43
|
}
|
|
43
|
-
}, [
|
|
44
|
+
}, [
|
|
45
|
+
errorToast,
|
|
46
|
+
form.formState.errors.submit?.message,
|
|
47
|
+
toast,
|
|
48
|
+
form.formState.submitCount,
|
|
49
|
+
form,
|
|
50
|
+
]);
|
|
44
51
|
const handleSubmitFn = (values) => {
|
|
45
52
|
onSubmit(values);
|
|
46
53
|
form.reset(values, { keepDirty: false });
|
|
47
54
|
};
|
|
55
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
48
56
|
const handleDiscard = React.useCallback(() => {
|
|
49
57
|
form.reset();
|
|
50
58
|
if (onReset) {
|
|
51
59
|
onReset();
|
|
52
60
|
}
|
|
53
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
61
|
}, [form]);
|
|
62
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: Intentional
|
|
55
63
|
React.useEffect(() => {
|
|
56
64
|
if (autofocusField) {
|
|
57
65
|
form.setFocus(autofocusField);
|
|
58
66
|
}
|
|
59
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
60
67
|
}, []);
|
|
61
68
|
return (_jsx(_Form, { ...form, children: _jsxs(styled.form, { onSubmit: form.handleSubmit(handleSubmitFn), className: clsx(formStyles, className), children: [children, _jsxs(Flex, { gap: "sm", justify: "flex-end", children: [actions, canDiscard && (_jsx(Button, { onClick: handleDiscard, disabled: !form.formState.isDirty || disabled?.(form.watch()), variant: "outline", colorVariant: "white", label: "Discard Changes" })), (submitLabel ?? submitIcon) &&
|
|
62
69
|
(submitTooltip ? (_jsx(Tooltip, { content: submitTooltip, children: _jsx(Button, { icon: submitIcon, label: submitLabel, className: buttonStyles, type: "submit", variant: submitVariant, disabled: disabled?.(form.watch()) ?? false, "data-cy": "form-submit-button" }) })) : (_jsx(Button, { icon: submitIcon, label: submitLabel, className: buttonStyles, type: "submit", variant: submitVariant, disabled: disabled?.(form.watch()) ?? false, "data-cy": "form-submit-button" })))] })] }) }));
|
|
@@ -68,7 +75,7 @@ const BaseFormMessage = React.forwardRef(({ children, renderArrayErrors, ...prop
|
|
|
68
75
|
return String(error.message);
|
|
69
76
|
}
|
|
70
77
|
if (renderArrayErrors && Array.isArray(error)) {
|
|
71
|
-
const message = error.find(item => !!item?.message);
|
|
78
|
+
const message = error.find((item) => !!item?.message);
|
|
72
79
|
if (message) {
|
|
73
80
|
return String(message);
|
|
74
81
|
}
|
|
@@ -83,10 +90,12 @@ const BaseFormMessage = React.forwardRef(({ children, renderArrayErrors, ...prop
|
|
|
83
90
|
BaseFormMessage.displayName = 'FormMessage';
|
|
84
91
|
const FormMessage = styled(BaseFormMessage, formMessage);
|
|
85
92
|
export const FormField = (props) => {
|
|
86
|
-
const { form, name, label, description, render, maxLength, fullWidth, className, showErrors = true, disabled = false, } = props;
|
|
93
|
+
const { form, name, label, description, render, maxLength, fullWidth, className, showErrors = true, disabled = false, forcedRequiredIndicator = false, } = props;
|
|
87
94
|
return (_jsx(_FormField, { control: form.control, name: name, disabled: disabled, render: ({ field }) => {
|
|
88
|
-
return (_jsxs(FormItem, { width: fullWidth ? 'full' : undefined, className: className, children: [label && _jsx(FormLabel, { children:
|
|
95
|
+
return (_jsxs(FormItem, { width: fullWidth ? 'full' : undefined, className: className, children: [label && (_jsx(FormLabel, { children: _jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [_jsxs(_Fragment, { children: [label, forcedRequiredIndicator && ' *'] }), maxLength && (_jsx(Flex, { justifyContent: "flex-end", children: _jsx(LightSubLabel, { text: `${field.value ? field.value.length : 0}/${maxLength}`, color: field.value && field.value.length >= maxLength
|
|
96
|
+
? 'error'
|
|
97
|
+
: 'light' }) }))] }) })), _jsx(FormControl, { children: render(field) }), description && _jsx(FormDescription, { children: description }), showErrors && (_jsx(FormMessage, { renderArrayErrors: props.renderArrayErrors }))] }));
|
|
89
98
|
} }));
|
|
90
99
|
};
|
|
91
|
-
export {
|
|
100
|
+
export { FormControl, FormDescription, FormItem, FormLabel, FormMessage, } from '../shadow-panda/Form.js';
|
|
92
101
|
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/custom/Form.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/custom/Form.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenImage.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FullscreenImage.d.ts","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,2CAwBpE"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
2
|
import { useFullscreen } from '@luxonis/common-fe-utils';
|
|
4
|
-
import
|
|
3
|
+
import React from 'react';
|
|
5
4
|
import { css } from '../../styled-system/css/css.mjs';
|
|
5
|
+
import { cx } from '../../styled-system/css/cx.mjs';
|
|
6
6
|
export function FullscreenImage(props) {
|
|
7
7
|
const { imageUrl, imageAlt, imageClassName } = props;
|
|
8
8
|
const imageRef = React.useRef(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FullscreenImage.js","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":";AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FullscreenImage.js","sourceRoot":"","sources":["../../../src/components/custom/FullscreenImage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AACtD,OAAO,EAAE,EAAE,EAAE,MAAM,gCAAgC,CAAC;AASpD,MAAM,UAAU,eAAe,CAAC,KAAqC;IACpE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAErD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAE1D,MAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACrD,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,OAAO,CACN,cACC,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,OAAO,EAAE,sBAAsB,EAC/B,OAAO,EAAE,sBAAsB,EAC/B,SAAS,EAAE,EAAE,CACZ,cAAc,EACd,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAClD,EACD,GAAG,EAAE,QAAQ,aACJ,KAAK,CAAC,SAAS,CAAC,GACxB,CACF,CAAC;AACH,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { Token } from '../../styled-system/tokens/index.mjs';
|
|
3
2
|
import type { GridProps as _GridProps } from '../../styled-system/jsx/grid.mjs';
|
|
4
3
|
import type { GridItemProps } from '../../styled-system/jsx/grid-item.mjs';
|
|
4
|
+
import type { Token } from '../../styled-system/tokens/index.mjs';
|
|
5
5
|
export type GridProps = _GridProps & {
|
|
6
6
|
empty?: boolean;
|
|
7
7
|
emptyMessage?: string | React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,IAAI,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAEhF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AAE3E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAKlE,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,wFA6DpC,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAM5C,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { token } from '../../styled-system/tokens/index.mjs';
|
|
4
3
|
import { Grid as _Grid } from '../../styled-system/jsx/grid.mjs';
|
|
5
4
|
import { GridItem as _GridItem } from '../../styled-system/jsx/grid-item.mjs';
|
|
6
|
-
import {
|
|
5
|
+
import { token } from '../../styled-system/tokens/index.mjs';
|
|
7
6
|
import { Card } from './Card.js';
|
|
7
|
+
import { EmptyView } from './EmptyView.js';
|
|
8
8
|
export const Grid = (props) => {
|
|
9
|
-
const { empty, emptyPrefix, emptySuffix, emptyMessage, entity, itemWidth,
|
|
9
|
+
const { empty, emptyPrefix, emptySuffix, emptyMessage, entity, itemWidth, fixed = false, withBorder = false, ...rest } = props;
|
|
10
10
|
const columnsTemplate = React.useMemo(() => {
|
|
11
11
|
if (!itemWidth) {
|
|
12
12
|
return undefined;
|
|
@@ -17,7 +17,8 @@ export const Grid = (props) => {
|
|
|
17
17
|
_jsx(Card, { padding: 0, fullWidth: true });
|
|
18
18
|
const emptyMessageElement = React.useMemo(() => {
|
|
19
19
|
if (empty && (entity ?? emptyMessage)) {
|
|
20
|
-
return typeof emptyMessage === 'string' || !emptyMessage ? (_jsx(EmptyView, { title: emptyMessage ??
|
|
20
|
+
return typeof emptyMessage === 'string' || !emptyMessage ? (_jsx(EmptyView, { title: emptyMessage ??
|
|
21
|
+
`${emptyPrefix ?? 'You have no'} ${entity} ${emptySuffix ?? 'yet.'}`, marginY: "md" })) : (emptyMessage);
|
|
21
22
|
}
|
|
22
23
|
return null;
|
|
23
24
|
}, [empty, entity, emptyMessage, emptyPrefix, emptySuffix]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/custom/Grid.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,IAAI,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEjE,OAAO,EAAE,QAAQ,IAAI,SAAS,EAAE,MAAM,uCAAuC,CAAC;AAE9E,OAAO,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAa3C,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,MAAM,EACL,KAAK,EACL,WAAW,EACX,WAAW,EACX,YAAY,EACZ,MAAM,EACN,SAAS,EACT,KAAK,GAAG,KAAK,EACb,UAAU,GAAG,KAAK,EAClB,GAAG,IAAI,EACP,GAAG,KAAK,CAAC;IAEV,MAAM,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,SAAS,EAAE,CAAC;YAChB,OAAO,SAAS,CAAC;QAClB,CAAC;QACD,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC5E,OAAO,qBAAqB,KAAK,GAAG,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAEvB,KAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,SAAQ,CAAC;IAEpC,MAAM,mBAAmB,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,IAAI,KAAK,IAAI,CAAC,MAAM,IAAI,YAAY,CAAC,EAAE,CAAC;YACvC,OAAO,OAAO,YAAY,KAAK,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAC1D,KAAC,SAAS,IACT,KAAK,EACJ,YAAY;oBACZ,GAAG,WAAW,IAAI,aAAa,IAAI,MAAM,IAAI,WAAW,IAAI,MAAM,EAAE,EAErE,OAAO,EAAC,IAAI,GACX,CACF,CAAC,CAAC,CAAC,CACH,YAAY,CACZ,CAAC;QACH,CAAC;QACD,OAAO,IAAI,CAAC;IACb,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5D,IAAI,mBAAmB,EAAE,CAAC;QACzB,OAAO,UAAU,CAAC,CAAC,CAAC,CACnB,KAAC,IAAI,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,kBACzB,mBAAmB,GACd,CACP,CAAC,CAAC,CAAC,CACH,mBAAmB,CACnB,CAAC;IACH,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,IAAwB,EAAE,EAAE;QAC3C,IAAI,IAAI,IAAI,eAAe,EAAE,CAAC;YAC7B,IAAI,CAAC,KAAK,CAAC,mBAAmB,GAAG,eAAe,CAAC;QAClD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,KAAC,KAAK,IAAC,GAAG,EAAE,MAAM,KAAM,IAAI,YAC1B,KAAK,CAAC,QAAQ,GACR,CACR,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAChD,OAAO,CACN,KAAC,SAAS,IAAC,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,KAAM,KAAK,YAC9D,KAAK,CAAC,QAAQ,GACJ,CACZ,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoErB,CAAC;AAEH,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,GAAG;IACzD,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;AAEtC,eAAO,MAAM,IAAI,UAAW,SAAS,4CAIpC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { cva } from '../../styled-system/css/cva.mjs';
|
|
3
2
|
import { clsx } from '../../helpers.js';
|
|
3
|
+
import { cva } from '../../styled-system/css/cva.mjs';
|
|
4
4
|
export const iconRecipe = cva({
|
|
5
5
|
base: {
|
|
6
6
|
width: 'icon.primary',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/components/custom/Icon.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,iCAAiC,CAAC;AAEtD,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAC;IAC7B,IAAI,EAAE;QACL,KAAK,EAAE,cAAc;QACrB,MAAM,EAAE,cAAc;QACtB,UAAU,EAAE,CAAC;KACb;IACD,QAAQ,EAAE;QACT,IAAI,EAAE;YACL,GAAG,EAAE;gBACJ,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;aAClB;YACD,EAAE,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACH,KAAK,EAAE,SAAS;gBAChB,MAAM,EAAE,SAAS;aACjB;YACD,EAAE,EAAE;gBACH,KAAK,EAAE,UAAU;gBACjB,MAAM,EAAE,UAAU;aAClB;YACD,IAAI,EAAE;gBACL,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACd;YACD,KAAK,EAAE;gBACN,KAAK,EAAE,iBAAiB;gBACxB,MAAM,EAAE,iBAAiB;aACzB;SACD;QACD,KAAK,EAAE;YACN,MAAM,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE;YAChC,IAAI,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;YAC5B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;YAC9B,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;YAClC,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE;SAClC;QACD,MAAM,EAAE;YACP,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;YACxB,OAAO,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE;YAC9B,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE;SACxB;QACD,aAAa,EAAE;YACd,IAAI,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;YAC/B,OAAO,EAAE,EAAE,aAAa,EAAE,SAAS,EAAE;SACrC;KACD;IACD,eAAe,EAAE;QAChB,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,SAAS;QACjB,aAAa,EAAE,SAAS;KACxB;CACD,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IACxC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAEtD,OAAO,KAAC,OAAO,IAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,GAAI,CAAC;AACpE,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconHelp.d.ts","sourceRoot":"","sources":["../../../src/components/custom/IconHelp.tsx"],"names":[],"mappings":";AAIA,KAAK,aAAa,GAAG;
|
|
1
|
+
{"version":3,"file":"IconHelp.d.ts","sourceRoot":"","sources":["../../../src/components/custom/IconHelp.tsx"],"names":[],"mappings":";AAIA,KAAK,aAAa,GAAG;IACpB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,4CAO5C,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { HelpIcon } from '../../icons/react-icons.js';
|
|
3
|
-
import { Tooltip } from './Tooltip.js';
|
|
4
3
|
import { Icon } from './Icon.js';
|
|
4
|
+
import { Tooltip } from './Tooltip.js';
|
|
5
5
|
export const IconHelp = (props) => {
|
|
6
6
|
const { content } = props;
|
|
7
7
|
return (_jsx(Tooltip, { content: content, children: _jsx(Icon, { icon: HelpIcon, size: "sm", color: "gray", cursor: "help" }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconHelp.js","sourceRoot":"","sources":["../../../src/components/custom/IconHelp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"IconHelp.js","sourceRoot":"","sources":["../../../src/components/custom/IconHelp.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAMvC,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IAChD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,OAAO,CACN,KAAC,OAAO,IAAC,OAAO,EAAE,OAAO,YACxB,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,GACpD,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/custom/Input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAIrE,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;CACpD,CAAC;AA6CF,eAAO,MAAM,KAAK,kGAuCjB,CAAC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { _Input } from '../shadow-panda/_Input.js';
|
|
4
|
-
import { cva } from '../../styled-system/css/cva.mjs';
|
|
5
|
-
import { css } from '../../styled-system/css/css.mjs';
|
|
6
3
|
import { clsx } from '../../helpers.js';
|
|
4
|
+
import { css } from '../../styled-system/css/css.mjs';
|
|
5
|
+
import { cva } from '../../styled-system/css/cva.mjs';
|
|
6
|
+
import { _Input } from '../shadow-panda/_Input.js';
|
|
7
7
|
import { Flex } from './Flex.js';
|
|
8
8
|
const inputRecipe = cva({
|
|
9
9
|
base: {
|
|
@@ -25,7 +25,13 @@ const inputRecipe = cva({
|
|
|
25
25
|
});
|
|
26
26
|
const InputSection = (props) => {
|
|
27
27
|
const { className, children, ...rest } = props;
|
|
28
|
-
return (_jsx(Flex, { alignItems: "center", justifyContent: "center", className: clsx(css({
|
|
28
|
+
return (_jsx(Flex, { alignItems: "center", justifyContent: "center", className: clsx(css({
|
|
29
|
+
position: 'absolute',
|
|
30
|
+
top: 0,
|
|
31
|
+
bottom: 0,
|
|
32
|
+
width: 'icon.lg',
|
|
33
|
+
height: 'full',
|
|
34
|
+
}), className), ...rest, children: children }));
|
|
29
35
|
};
|
|
30
36
|
export const Input = React.forwardRef((props, ref) => {
|
|
31
37
|
const { leftSection, rightSection, className, wrapperProps, ...rest } = props;
|
|
@@ -33,9 +39,9 @@ export const Input = React.forwardRef((props, ref) => {
|
|
|
33
39
|
position: 'relative',
|
|
34
40
|
width: 'full',
|
|
35
41
|
});
|
|
36
|
-
return (_jsxs("div", { ...wrapperProps, className: clsx(wrapperStyles, wrapperProps?.className), children: [leftSection && _jsx(InputSection, { className: css({ left: 0 }), children: leftSection }), _jsx(_Input, { className: clsx(inputRecipe({
|
|
42
|
+
return (_jsxs("div", { ...wrapperProps, className: clsx(wrapperStyles, wrapperProps?.className), children: [leftSection && (_jsx(InputSection, { className: css({ left: 0 }), children: leftSection })), _jsx(_Input, { className: clsx(inputRecipe({
|
|
37
43
|
leftSection: leftSection ? true : false,
|
|
38
44
|
rightSection: rightSection ? true : false,
|
|
39
|
-
}), className), ref: ref, ...rest }), rightSection && _jsx(InputSection, { className: css({ right: 0 }), children: rightSection })] }));
|
|
45
|
+
}), className), ref: ref, ...rest }), rightSection && (_jsx(InputSection, { className: css({ right: 0 }), children: rightSection }))] }));
|
|
40
46
|
});
|
|
41
47
|
//# sourceMappingURL=Input.js.map
|