@spear-ai/spectral 1.13.0 → 1.14.1
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/Accordion.d.ts +66 -46
- package/dist/Accordion.d.ts.map +1 -0
- package/dist/Accordion.js +113 -4
- package/dist/Accordion.js.map +1 -0
- package/dist/Alert/AlertBase.d.ts +75 -41
- package/dist/Alert/AlertBase.d.ts.map +1 -0
- package/dist/Alert/AlertBase.js +48 -39
- package/dist/Alert/AlertBase.js.map +1 -0
- package/dist/Alert.d.ts +24 -10
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Alert.js +62 -50
- package/dist/Alert.js.map +1 -0
- package/dist/Avatar.d.ts +24 -11
- package/dist/Avatar.d.ts.map +1 -0
- package/dist/Avatar.js +87 -68
- package/dist/Avatar.js.map +1 -0
- package/dist/Badge.d.ts +19 -8
- package/dist/Badge.d.ts.map +1 -0
- package/dist/Badge.js +18 -13
- package/dist/Badge.js.map +1 -0
- package/dist/Button.d.ts +50 -26
- package/dist/Button.d.ts.map +1 -0
- package/dist/Button.js +70 -56
- package/dist/Button.js.map +1 -0
- package/dist/ButtonGroup/ButtonGroupButton.d.ts +25 -12
- package/dist/ButtonGroup/ButtonGroupButton.d.ts.map +1 -0
- package/dist/ButtonGroup/ButtonGroupButton.js +24 -19
- package/dist/ButtonGroup/ButtonGroupButton.js.map +1 -0
- package/dist/ButtonGroup.d.ts +60 -31
- package/dist/ButtonGroup.d.ts.map +1 -0
- package/dist/ButtonGroup.js +64 -49
- package/dist/ButtonGroup.js.map +1 -0
- package/dist/ButtonIcon.d.ts +32 -16
- package/dist/ButtonIcon.d.ts.map +1 -0
- package/dist/ButtonIcon.js +43 -35
- package/dist/ButtonIcon.js.map +1 -0
- package/dist/Checkbox/CheckboxBase.d.ts +54 -26
- package/dist/Checkbox/CheckboxBase.d.ts.map +1 -0
- package/dist/Checkbox/CheckboxBase.js +106 -74
- package/dist/Checkbox/CheckboxBase.js.map +1 -0
- package/dist/Checkbox.d.ts +45 -24
- package/dist/Checkbox.d.ts.map +1 -0
- package/dist/Checkbox.js +45 -39
- package/dist/Checkbox.js.map +1 -0
- package/dist/Combobox.d.ts +52 -23
- package/dist/Combobox.d.ts.map +1 -0
- package/dist/Combobox.js +199 -4
- package/dist/Combobox.js.map +1 -0
- package/dist/ControlGroup/ControlGroupSelect.d.ts +69 -39
- package/dist/ControlGroup/ControlGroupSelect.d.ts.map +1 -0
- package/dist/ControlGroup/ControlGroupSelect.js +157 -115
- package/dist/ControlGroup/ControlGroupSelect.js.map +1 -0
- package/dist/ControlGroup.d.ts +39 -21
- package/dist/ControlGroup.d.ts.map +1 -0
- package/dist/ControlGroup.js +62 -48
- package/dist/ControlGroup.js.map +1 -0
- package/dist/DataCard/Card.d.ts +36 -9
- package/dist/DataCard/Card.d.ts.map +1 -0
- package/dist/DataCard/Card.js +57 -37
- package/dist/DataCard/Card.js.map +1 -0
- package/dist/DataCard.d.ts +23 -9
- package/dist/DataCard.d.ts.map +1 -0
- package/dist/DataCard.js +40 -36
- package/dist/DataCard.js.map +1 -0
- package/dist/DateTimePicker/Calendar.d.ts +24 -11
- package/dist/DateTimePicker/Calendar.d.ts.map +1 -0
- package/dist/DateTimePicker/Calendar.js +54 -3
- package/dist/DateTimePicker/Calendar.js.map +1 -0
- package/dist/DateTimePicker/DateTimeDisplayInput.d.ts +24 -18
- package/dist/DateTimePicker/DateTimeDisplayInput.d.ts.map +1 -0
- package/dist/DateTimePicker/DateTimeDisplayInput.js +360 -213
- package/dist/DateTimePicker/DateTimeDisplayInput.js.map +1 -0
- package/dist/DateTimePicker/DateTimeInput.d.ts +41 -19
- package/dist/DateTimePicker/DateTimeInput.d.ts.map +1 -0
- package/dist/DateTimePicker/DateTimeInput.js +151 -98
- package/dist/DateTimePicker/DateTimeInput.js.map +1 -0
- package/dist/DateTimePicker/DateTimeUtils.d.ts +121 -109
- package/dist/DateTimePicker/DateTimeUtils.d.ts.map +1 -0
- package/dist/DateTimePicker/DateTimeUtils.js +296 -2
- package/dist/DateTimePicker/DateTimeUtils.js.map +1 -0
- package/dist/DateTimePicker/TimePeriodSelect.d.ts +16 -10
- package/dist/DateTimePicker/TimePeriodSelect.d.ts.map +1 -0
- package/dist/DateTimePicker/TimePeriodSelect.js +54 -40
- package/dist/DateTimePicker/TimePeriodSelect.js.map +1 -0
- package/dist/DateTimePicker/TimePicker.d.ts +29 -14
- package/dist/DateTimePicker/TimePicker.d.ts.map +1 -0
- package/dist/DateTimePicker/TimePicker.js +68 -54
- package/dist/DateTimePicker/TimePicker.js.map +1 -0
- package/dist/DateTimePicker.d.ts +52 -31
- package/dist/DateTimePicker.d.ts.map +1 -0
- package/dist/DateTimePicker.js +84 -70
- package/dist/DateTimePicker.js.map +1 -0
- package/dist/Dialog.d.ts +60 -21
- package/dist/Dialog.d.ts.map +1 -0
- package/dist/Dialog.js +103 -72
- package/dist/Dialog.js.map +1 -0
- package/dist/Drawer.d.ts +32 -14
- package/dist/Drawer.d.ts.map +1 -0
- package/dist/Drawer.js +46 -41
- package/dist/Drawer.js.map +1 -0
- package/dist/DropdownMenu.d.ts +84 -50
- package/dist/DropdownMenu.d.ts.map +1 -0
- package/dist/DropdownMenu.js +156 -3
- package/dist/DropdownMenu.js.map +1 -0
- package/dist/FormFieldMessage.d.ts +29 -0
- package/dist/FormFieldMessage.d.ts.map +1 -0
- package/dist/FormFieldMessage.js +68 -0
- package/dist/FormFieldMessage.js.map +1 -0
- package/dist/HoverCard.d.ts +51 -25
- package/dist/HoverCard.d.ts.map +1 -0
- package/dist/HoverCard.js +67 -3
- package/dist/HoverCard.js.map +1 -0
- package/dist/Icons/AdjustmentsIcon.d.ts +16 -3
- package/dist/Icons/AdjustmentsIcon.d.ts.map +1 -0
- package/dist/Icons/AdjustmentsIcon.js +84 -78
- package/dist/Icons/AdjustmentsIcon.js.map +1 -0
- package/dist/Icons/AnalyzeIcon.d.ts +16 -3
- package/dist/Icons/AnalyzeIcon.d.ts.map +1 -0
- package/dist/Icons/AnalyzeIcon.js +56 -50
- package/dist/Icons/AnalyzeIcon.js.map +1 -0
- package/dist/Icons/AnnotationsIcon.d.ts +16 -3
- package/dist/Icons/AnnotationsIcon.d.ts.map +1 -0
- package/dist/Icons/AnnotationsIcon.js +26 -20
- package/dist/Icons/AnnotationsIcon.js.map +1 -0
- package/dist/Icons/ApprovedIcon.d.ts +16 -3
- package/dist/Icons/ApprovedIcon.d.ts.map +1 -0
- package/dist/Icons/ApprovedIcon.js +32 -26
- package/dist/Icons/ApprovedIcon.js.map +1 -0
- package/dist/Icons/ArrowDownIcon.d.ts +16 -3
- package/dist/Icons/ArrowDownIcon.d.ts.map +1 -0
- package/dist/Icons/ArrowDownIcon.js +26 -20
- package/dist/Icons/ArrowDownIcon.js.map +1 -0
- package/dist/Icons/ArrowUpIcon.d.ts +16 -3
- package/dist/Icons/ArrowUpIcon.d.ts.map +1 -0
- package/dist/Icons/ArrowUpIcon.js +26 -20
- package/dist/Icons/ArrowUpIcon.js.map +1 -0
- package/dist/Icons/BoxToolIcon.d.ts +16 -3
- package/dist/Icons/BoxToolIcon.d.ts.map +1 -0
- package/dist/Icons/BoxToolIcon.js +23 -17
- package/dist/Icons/BoxToolIcon.js.map +1 -0
- package/dist/Icons/CalendarIcon.d.ts +16 -3
- package/dist/Icons/CalendarIcon.d.ts.map +1 -0
- package/dist/Icons/CalendarIcon.js +49 -43
- package/dist/Icons/CalendarIcon.js.map +1 -0
- package/dist/Icons/CheckCircleIcon.d.ts +16 -3
- package/dist/Icons/CheckCircleIcon.d.ts.map +1 -0
- package/dist/Icons/CheckCircleIcon.js +32 -26
- package/dist/Icons/CheckCircleIcon.js.map +1 -0
- package/dist/Icons/CheckSquareIcon.d.ts +16 -3
- package/dist/Icons/CheckSquareIcon.d.ts.map +1 -0
- package/dist/Icons/CheckSquareIcon.js +32 -26
- package/dist/Icons/CheckSquareIcon.js.map +1 -0
- package/dist/Icons/CheckmarkIcon.d.ts +17 -3
- package/dist/Icons/CheckmarkIcon.d.ts.map +1 -0
- package/dist/Icons/CheckmarkIcon.js +28 -22
- package/dist/Icons/CheckmarkIcon.js.map +1 -0
- package/dist/Icons/ChevronDownIcon.d.ts +16 -3
- package/dist/Icons/ChevronDownIcon.d.ts.map +1 -0
- package/dist/Icons/ChevronDownIcon.js +28 -22
- package/dist/Icons/ChevronDownIcon.js.map +1 -0
- package/dist/Icons/ChevronUpIcon.d.ts +16 -3
- package/dist/Icons/ChevronUpIcon.d.ts.map +1 -0
- package/dist/Icons/ChevronUpIcon.js +28 -22
- package/dist/Icons/ChevronUpIcon.js.map +1 -0
- package/dist/Icons/ClockIcon.d.ts +16 -3
- package/dist/Icons/ClockIcon.d.ts.map +1 -0
- package/dist/Icons/ClockIcon.js +32 -26
- package/dist/Icons/ClockIcon.js.map +1 -0
- package/dist/Icons/CloseCircleIcon.d.ts +16 -3
- package/dist/Icons/CloseCircleIcon.d.ts.map +1 -0
- package/dist/Icons/CloseCircleIcon.js +32 -26
- package/dist/Icons/CloseCircleIcon.js.map +1 -0
- package/dist/Icons/CloseIcon.d.ts +16 -3
- package/dist/Icons/CloseIcon.d.ts.map +1 -0
- package/dist/Icons/CloseIcon.js +24 -18
- package/dist/Icons/CloseIcon.js.map +1 -0
- package/dist/Icons/Crosshairs2Icon.d.ts +16 -3
- package/dist/Icons/Crosshairs2Icon.d.ts.map +1 -0
- package/dist/Icons/Crosshairs2Icon.js +56 -50
- package/dist/Icons/Crosshairs2Icon.js.map +1 -0
- package/dist/Icons/CrosshairsIcon.d.ts +16 -3
- package/dist/Icons/CrosshairsIcon.d.ts.map +1 -0
- package/dist/Icons/CrosshairsIcon.js +25 -19
- package/dist/Icons/CrosshairsIcon.js.map +1 -0
- package/dist/Icons/DashboardIcon.d.ts +16 -3
- package/dist/Icons/DashboardIcon.d.ts.map +1 -0
- package/dist/Icons/DashboardIcon.js +42 -36
- package/dist/Icons/DashboardIcon.js.map +1 -0
- package/dist/Icons/DatabaseIcon.d.ts +16 -3
- package/dist/Icons/DatabaseIcon.d.ts.map +1 -0
- package/dist/Icons/DatabaseIcon.js +42 -36
- package/dist/Icons/DatabaseIcon.js.map +1 -0
- package/dist/Icons/DeleteIcon.d.ts +16 -3
- package/dist/Icons/DeleteIcon.d.ts.map +1 -0
- package/dist/Icons/DeleteIcon.js +42 -36
- package/dist/Icons/DeleteIcon.js.map +1 -0
- package/dist/Icons/DurationIcon.d.ts +16 -3
- package/dist/Icons/DurationIcon.d.ts.map +1 -0
- package/dist/Icons/DurationIcon.js +63 -57
- package/dist/Icons/DurationIcon.js.map +1 -0
- package/dist/Icons/EditIcon.d.ts +16 -3
- package/dist/Icons/EditIcon.d.ts.map +1 -0
- package/dist/Icons/EditIcon.js +32 -26
- package/dist/Icons/EditIcon.js.map +1 -0
- package/dist/Icons/EmailIcon.d.ts +16 -3
- package/dist/Icons/EmailIcon.d.ts.map +1 -0
- package/dist/Icons/EmailIcon.js +32 -26
- package/dist/Icons/EmailIcon.js.map +1 -0
- package/dist/Icons/EraserIcon.d.ts +16 -3
- package/dist/Icons/EraserIcon.d.ts.map +1 -0
- package/dist/Icons/EraserIcon.js +27 -23
- package/dist/Icons/EraserIcon.js.map +1 -0
- package/dist/Icons/ErrorIcon.d.ts +16 -3
- package/dist/Icons/ErrorIcon.d.ts.map +1 -0
- package/dist/Icons/ErrorIcon.js +33 -27
- package/dist/Icons/ErrorIcon.js.map +1 -0
- package/dist/Icons/EyeClosedIcon.d.ts +16 -3
- package/dist/Icons/EyeClosedIcon.d.ts.map +1 -0
- package/dist/Icons/EyeClosedIcon.js +35 -29
- package/dist/Icons/EyeClosedIcon.js.map +1 -0
- package/dist/Icons/EyeClosedIcon2.d.ts +16 -3
- package/dist/Icons/EyeClosedIcon2.d.ts.map +1 -0
- package/dist/Icons/EyeClosedIcon2.js +33 -27
- package/dist/Icons/EyeClosedIcon2.js.map +1 -0
- package/dist/Icons/EyeOpenIcon.d.ts +16 -3
- package/dist/Icons/EyeOpenIcon.d.ts.map +1 -0
- package/dist/Icons/EyeOpenIcon.js +28 -22
- package/dist/Icons/EyeOpenIcon.js.map +1 -0
- package/dist/Icons/FileDownloadIcon.d.ts +16 -3
- package/dist/Icons/FileDownloadIcon.d.ts.map +1 -0
- package/dist/Icons/FileDownloadIcon.js +49 -43
- package/dist/Icons/FileDownloadIcon.js.map +1 -0
- package/dist/Icons/GoToFirstIcon.d.ts +16 -3
- package/dist/Icons/GoToFirstIcon.d.ts.map +1 -0
- package/dist/Icons/GoToFirstIcon.js +32 -26
- package/dist/Icons/GoToFirstIcon.js.map +1 -0
- package/dist/Icons/GoToLastIcon.d.ts +16 -3
- package/dist/Icons/GoToLastIcon.d.ts.map +1 -0
- package/dist/Icons/GoToLastIcon.js +32 -26
- package/dist/Icons/GoToLastIcon.js.map +1 -0
- package/dist/Icons/HarmonicCursorsIcon.d.ts +16 -3
- package/dist/Icons/HarmonicCursorsIcon.d.ts.map +1 -0
- package/dist/Icons/HarmonicCursorsIcon.js +29 -23
- package/dist/Icons/HarmonicCursorsIcon.js.map +1 -0
- package/dist/Icons/IconBase.d.ts +38 -14
- package/dist/Icons/IconBase.d.ts.map +1 -0
- package/dist/Icons/IconBase.js +61 -41
- package/dist/Icons/IconBase.js.map +1 -0
- package/dist/Icons/InfoIcon.d.ts +16 -3
- package/dist/Icons/InfoIcon.d.ts.map +1 -0
- package/dist/Icons/InfoIcon.js +42 -36
- package/dist/Icons/InfoIcon.js.map +1 -0
- package/dist/Icons/KeyboardIcon.d.ts +16 -3
- package/dist/Icons/KeyboardIcon.d.ts.map +1 -0
- package/dist/Icons/KeyboardIcon.js +32 -26
- package/dist/Icons/KeyboardIcon.js.map +1 -0
- package/dist/Icons/LabelIcon.d.ts +16 -3
- package/dist/Icons/LabelIcon.d.ts.map +1 -0
- package/dist/Icons/LabelIcon.js +25 -19
- package/dist/Icons/LabelIcon.js.map +1 -0
- package/dist/Icons/LassoIcon.d.ts +16 -3
- package/dist/Icons/LassoIcon.d.ts.map +1 -0
- package/dist/Icons/LassoIcon.js +42 -36
- package/dist/Icons/LassoIcon.js.map +1 -0
- package/dist/Icons/LineToolIcon.d.ts +16 -3
- package/dist/Icons/LineToolIcon.d.ts.map +1 -0
- package/dist/Icons/LineToolIcon.js +54 -48
- package/dist/Icons/LineToolIcon.js.map +1 -0
- package/dist/Icons/LiveViewIcon.d.ts +16 -3
- package/dist/Icons/LiveViewIcon.d.ts.map +1 -0
- package/dist/Icons/LiveViewIcon.js +56 -50
- package/dist/Icons/LiveViewIcon.js.map +1 -0
- package/dist/Icons/LoaderIcon.d.ts +16 -3
- package/dist/Icons/LoaderIcon.d.ts.map +1 -0
- package/dist/Icons/LoaderIcon.js +35 -31
- package/dist/Icons/LoaderIcon.js.map +1 -0
- package/dist/Icons/LocationIcon.d.ts +16 -3
- package/dist/Icons/LocationIcon.d.ts.map +1 -0
- package/dist/Icons/LocationIcon.js +32 -26
- package/dist/Icons/LocationIcon.js.map +1 -0
- package/dist/Icons/LogoutIcon.d.ts +16 -3
- package/dist/Icons/LogoutIcon.d.ts.map +1 -0
- package/dist/Icons/LogoutIcon.js +26 -20
- package/dist/Icons/LogoutIcon.js.map +1 -0
- package/dist/Icons/MaximizeIcon.d.ts +16 -3
- package/dist/Icons/MaximizeIcon.d.ts.map +1 -0
- package/dist/Icons/MaximizeIcon.js +49 -43
- package/dist/Icons/MaximizeIcon.js.map +1 -0
- package/dist/Icons/MeasureIcon.d.ts +16 -3
- package/dist/Icons/MeasureIcon.d.ts.map +1 -0
- package/dist/Icons/MeasureIcon.js +84 -78
- package/dist/Icons/MeasureIcon.js.map +1 -0
- package/dist/Icons/MenuDotsIcon.d.ts +16 -3
- package/dist/Icons/MenuDotsIcon.d.ts.map +1 -0
- package/dist/Icons/MenuDotsIcon.js +42 -36
- package/dist/Icons/MenuDotsIcon.js.map +1 -0
- package/dist/Icons/MenuIcon.d.ts +16 -3
- package/dist/Icons/MenuIcon.d.ts.map +1 -0
- package/dist/Icons/MenuIcon.js +42 -36
- package/dist/Icons/MenuIcon.js.map +1 -0
- package/dist/Icons/MessagesIcon.d.ts +16 -3
- package/dist/Icons/MessagesIcon.d.ts.map +1 -0
- package/dist/Icons/MessagesIcon.js +39 -33
- package/dist/Icons/MessagesIcon.js.map +1 -0
- package/dist/Icons/MetadataIcon.d.ts +16 -3
- package/dist/Icons/MetadataIcon.d.ts.map +1 -0
- package/dist/Icons/MetadataIcon.js +26 -20
- package/dist/Icons/MetadataIcon.js.map +1 -0
- package/dist/Icons/MinimizeIcon.d.ts +16 -3
- package/dist/Icons/MinimizeIcon.d.ts.map +1 -0
- package/dist/Icons/MinimizeIcon.js +49 -43
- package/dist/Icons/MinimizeIcon.js.map +1 -0
- package/dist/Icons/MinusIcon.d.ts +16 -3
- package/dist/Icons/MinusIcon.d.ts.map +1 -0
- package/dist/Icons/MinusIcon.js +24 -18
- package/dist/Icons/MinusIcon.js.map +1 -0
- package/dist/Icons/OntologyIcon.d.ts +16 -3
- package/dist/Icons/OntologyIcon.d.ts.map +1 -0
- package/dist/Icons/OntologyIcon.js +93 -87
- package/dist/Icons/OntologyIcon.js.map +1 -0
- package/dist/Icons/PanelIconClose.d.ts +16 -3
- package/dist/Icons/PanelIconClose.d.ts.map +1 -0
- package/dist/Icons/PanelIconClose.js +34 -28
- package/dist/Icons/PanelIconClose.js.map +1 -0
- package/dist/Icons/PanelIconOpen.d.ts +16 -3
- package/dist/Icons/PanelIconOpen.d.ts.map +1 -0
- package/dist/Icons/PanelIconOpen.js +34 -28
- package/dist/Icons/PanelIconOpen.js.map +1 -0
- package/dist/Icons/PauseIcon.d.ts +16 -3
- package/dist/Icons/PauseIcon.d.ts.map +1 -0
- package/dist/Icons/PauseIcon.js +32 -26
- package/dist/Icons/PauseIcon.js.map +1 -0
- package/dist/Icons/PlayIcon.d.ts +16 -3
- package/dist/Icons/PlayIcon.d.ts.map +1 -0
- package/dist/Icons/PlayIcon.js +26 -20
- package/dist/Icons/PlayIcon.js.map +1 -0
- package/dist/Icons/PlusIcon.d.ts +16 -3
- package/dist/Icons/PlusIcon.d.ts.map +1 -0
- package/dist/Icons/PlusIcon.js +26 -20
- package/dist/Icons/PlusIcon.js.map +1 -0
- package/dist/Icons/PolygonIcon.d.ts +17 -3
- package/dist/Icons/PolygonIcon.d.ts.map +1 -0
- package/dist/Icons/PolygonIcon.js +56 -50
- package/dist/Icons/PolygonIcon.js.map +1 -0
- package/dist/Icons/PrinterIcon.d.ts +16 -3
- package/dist/Icons/PrinterIcon.d.ts.map +1 -0
- package/dist/Icons/PrinterIcon.js +26 -20
- package/dist/Icons/PrinterIcon.js.map +1 -0
- package/dist/Icons/ProgressCheckIcon.d.ts +16 -3
- package/dist/Icons/ProgressCheckIcon.d.ts.map +1 -0
- package/dist/Icons/ProgressCheckIcon.js +63 -57
- package/dist/Icons/ProgressCheckIcon.js.map +1 -0
- package/dist/Icons/ResetIcon.d.ts +16 -3
- package/dist/Icons/ResetIcon.d.ts.map +1 -0
- package/dist/Icons/ResetIcon.js +23 -17
- package/dist/Icons/ResetIcon.js.map +1 -0
- package/dist/Icons/ReviewedIcon.d.ts +16 -3
- package/dist/Icons/ReviewedIcon.d.ts.map +1 -0
- package/dist/Icons/ReviewedIcon.js +42 -36
- package/dist/Icons/ReviewedIcon.js.map +1 -0
- package/dist/Icons/ScissorsIcon.d.ts +16 -3
- package/dist/Icons/ScissorsIcon.d.ts.map +1 -0
- package/dist/Icons/ScissorsIcon.js +28 -22
- package/dist/Icons/ScissorsIcon.js.map +1 -0
- package/dist/Icons/SearchIcon.d.ts +16 -3
- package/dist/Icons/SearchIcon.d.ts.map +1 -0
- package/dist/Icons/SearchIcon.js +32 -26
- package/dist/Icons/SearchIcon.js.map +1 -0
- package/dist/Icons/SettingsIcon.d.ts +16 -3
- package/dist/Icons/SettingsIcon.d.ts.map +1 -0
- package/dist/Icons/SettingsIcon.js +32 -26
- package/dist/Icons/SettingsIcon.js.map +1 -0
- package/dist/Icons/SortAscendingIcon.d.ts +16 -3
- package/dist/Icons/SortAscendingIcon.d.ts.map +1 -0
- package/dist/Icons/SortAscendingIcon.js +56 -50
- package/dist/Icons/SortAscendingIcon.js.map +1 -0
- package/dist/Icons/SortAtoZIcon.d.ts +16 -3
- package/dist/Icons/SortAtoZIcon.d.ts.map +1 -0
- package/dist/Icons/SortAtoZIcon.js +56 -50
- package/dist/Icons/SortAtoZIcon.js.map +1 -0
- package/dist/Icons/SortDescendingIcon.d.ts +16 -3
- package/dist/Icons/SortDescendingIcon.d.ts.map +1 -0
- package/dist/Icons/SortDescendingIcon.js +56 -50
- package/dist/Icons/SortDescendingIcon.js.map +1 -0
- package/dist/Icons/SortZtoAIcon.d.ts +16 -3
- package/dist/Icons/SortZtoAIcon.d.ts.map +1 -0
- package/dist/Icons/SortZtoAIcon.js +56 -50
- package/dist/Icons/SortZtoAIcon.js.map +1 -0
- package/dist/Icons/SparklesIcon.d.ts +16 -3
- package/dist/Icons/SparklesIcon.d.ts.map +1 -0
- package/dist/Icons/SparklesIcon.js +26 -20
- package/dist/Icons/SparklesIcon.js.map +1 -0
- package/dist/Icons/StackIcon.d.ts +16 -3
- package/dist/Icons/StackIcon.d.ts.map +1 -0
- package/dist/Icons/StackIcon.js +32 -26
- package/dist/Icons/StackIcon.js.map +1 -0
- package/dist/Icons/StarIcon.d.ts +16 -3
- package/dist/Icons/StarIcon.d.ts.map +1 -0
- package/dist/Icons/StarIcon.js +26 -20
- package/dist/Icons/StarIcon.js.map +1 -0
- package/dist/Icons/TrashIcon.d.ts +16 -3
- package/dist/Icons/TrashIcon.d.ts.map +1 -0
- package/dist/Icons/TrashIcon.js +23 -17
- package/dist/Icons/TrashIcon.js.map +1 -0
- package/dist/Icons/UndoIcon.d.ts +16 -3
- package/dist/Icons/UndoIcon.d.ts.map +1 -0
- package/dist/Icons/UndoIcon.js +26 -20
- package/dist/Icons/UndoIcon.js.map +1 -0
- package/dist/Icons/UploadIcon.d.ts +16 -3
- package/dist/Icons/UploadIcon.d.ts.map +1 -0
- package/dist/Icons/UploadIcon.js +42 -36
- package/dist/Icons/UploadIcon.js.map +1 -0
- package/dist/Icons/User2Icon.d.ts +16 -3
- package/dist/Icons/User2Icon.d.ts.map +1 -0
- package/dist/Icons/User2Icon.js +32 -26
- package/dist/Icons/User2Icon.js.map +1 -0
- package/dist/Icons/UserIcon.d.ts +16 -3
- package/dist/Icons/UserIcon.d.ts.map +1 -0
- package/dist/Icons/UserIcon.js +25 -19
- package/dist/Icons/UserIcon.js.map +1 -0
- package/dist/Icons/WarningIcon.d.ts +16 -3
- package/dist/Icons/WarningIcon.d.ts.map +1 -0
- package/dist/Icons/WarningIcon.js +25 -19
- package/dist/Icons/WarningIcon.js.map +1 -0
- package/dist/Icons/ZoomAllIcon.d.ts +16 -3
- package/dist/Icons/ZoomAllIcon.d.ts.map +1 -0
- package/dist/Icons/ZoomAllIcon.js +77 -71
- package/dist/Icons/ZoomAllIcon.js.map +1 -0
- package/dist/Icons/ZoomXIcon.d.ts +16 -3
- package/dist/Icons/ZoomXIcon.d.ts.map +1 -0
- package/dist/Icons/ZoomXIcon.js +42 -36
- package/dist/Icons/ZoomXIcon.js.map +1 -0
- package/dist/Icons/ZoomYIcon.d.ts +16 -3
- package/dist/Icons/ZoomYIcon.d.ts.map +1 -0
- package/dist/Icons/ZoomYIcon.js +42 -36
- package/dist/Icons/ZoomYIcon.js.map +1 -0
- package/dist/Icons.d.ts +82 -0
- package/dist/Icons.js +83 -82
- package/dist/IconsAnimated/PanelLeftCloseIcon.d.ts +15 -2
- package/dist/IconsAnimated/PanelLeftCloseIcon.d.ts.map +1 -0
- package/dist/IconsAnimated/PanelLeftCloseIcon.js +45 -35
- package/dist/IconsAnimated/PanelLeftCloseIcon.js.map +1 -0
- package/dist/IconsAnimated/PanelLeftOpenIcon.d.ts +15 -2
- package/dist/IconsAnimated/PanelLeftOpenIcon.d.ts.map +1 -0
- package/dist/IconsAnimated/PanelLeftOpenIcon.js +45 -35
- package/dist/IconsAnimated/PanelLeftOpenIcon.js.map +1 -0
- package/dist/IconsAnimated.d.ts +4 -0
- package/dist/IconsAnimated.js +5 -4
- package/dist/Input/InputUtils.d.ts +16 -11
- package/dist/Input/InputUtils.d.ts.map +1 -0
- package/dist/Input/InputUtils.js +47 -36
- package/dist/Input/InputUtils.js.map +1 -0
- package/dist/Input.d.ts +31 -25
- package/dist/Input.d.ts.map +1 -0
- package/dist/Input.js +157 -110
- package/dist/Input.js.map +1 -0
- package/dist/InputNumeric.d.ts +31 -12
- package/dist/InputNumeric.d.ts.map +1 -0
- package/dist/InputNumeric.js +146 -113
- package/dist/InputNumeric.js.map +1 -0
- package/dist/InputOTP.d.ts +91 -54
- package/dist/InputOTP.d.ts.map +1 -0
- package/dist/InputOTP.js +159 -3
- package/dist/InputOTP.js.map +1 -0
- package/dist/Kbd.d.ts +31 -16
- package/dist/Kbd.d.ts.map +1 -0
- package/dist/Kbd.js +55 -46
- package/dist/Kbd.js.map +1 -0
- package/dist/Label.d.ts +19 -9
- package/dist/Label.d.ts.map +1 -0
- package/dist/Label.js +16 -12
- package/dist/Label.js.map +1 -0
- package/dist/MultiSelect/MultiSelectBase.d.ts +77 -41
- package/dist/MultiSelect/MultiSelectBase.d.ts.map +1 -0
- package/dist/MultiSelect/MultiSelectBase.js +315 -235
- package/dist/MultiSelect/MultiSelectBase.js.map +1 -0
- package/dist/MultiSelect.d.ts +40 -23
- package/dist/MultiSelect.d.ts.map +1 -0
- package/dist/MultiSelect.js +31 -26
- package/dist/MultiSelect.js.map +1 -0
- package/dist/Popover.d.ts +28 -8
- package/dist/Popover.d.ts.map +1 -0
- package/dist/Popover.js +41 -28
- package/dist/Popover.js.map +1 -0
- package/dist/RadioButton.d.ts +34 -15
- package/dist/RadioButton.d.ts.map +1 -0
- package/dist/RadioButton.js +32 -25
- package/dist/RadioButton.js.map +1 -0
- package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts +48 -23
- package/dist/RadioButtonGroup/RadioButtonGroupBase.d.ts.map +1 -0
- package/dist/RadioButtonGroup/RadioButtonGroupBase.js +59 -44
- package/dist/RadioButtonGroup/RadioButtonGroupBase.js.map +1 -0
- package/dist/RadioButtonGroup.d.ts +31 -10
- package/dist/RadioButtonGroup.d.ts.map +1 -0
- package/dist/RadioButtonGroup.js +16 -11
- package/dist/RadioButtonGroup.js.map +1 -0
- package/dist/RadioGroup.d.ts +60 -45
- package/dist/RadioGroup.d.ts.map +1 -0
- package/dist/RadioGroup.js +180 -3
- package/dist/RadioGroup.js.map +1 -0
- package/dist/Select.d.ts +38 -33
- package/dist/Select.d.ts.map +1 -0
- package/dist/Select.js +138 -115
- package/dist/Select.js.map +1 -0
- package/dist/Separator.d.ts +22 -10
- package/dist/Separator.d.ts.map +1 -0
- package/dist/Separator.js +20 -16
- package/dist/Separator.js.map +1 -0
- package/dist/Skeleton.d.ts +11 -2
- package/dist/Skeleton.d.ts.map +1 -0
- package/dist/Skeleton.js +14 -10
- package/dist/Skeleton.js.map +1 -0
- package/dist/Slider.d.ts +49 -26
- package/dist/Slider.d.ts.map +1 -0
- package/dist/Slider.js +167 -3
- package/dist/Slider.js.map +1 -0
- package/dist/SpectralProvider.d.ts +3 -30
- package/dist/SpectralProvider.js +4 -11
- package/dist/Switch/SwitchBase.d.ts +51 -24
- package/dist/Switch/SwitchBase.d.ts.map +1 -0
- package/dist/Switch/SwitchBase.js +91 -72
- package/dist/Switch/SwitchBase.js.map +1 -0
- package/dist/Switch.d.ts +49 -24
- package/dist/Switch.d.ts.map +1 -0
- package/dist/Switch.js +114 -3
- package/dist/Switch.js.map +1 -0
- package/dist/Tabs/TabsBase.d.ts +94 -50
- package/dist/Tabs/TabsBase.d.ts.map +1 -0
- package/dist/Tabs/TabsBase.js +213 -152
- package/dist/Tabs/TabsBase.js.map +1 -0
- package/dist/Tabs/tabsUtils.d.ts +35 -30
- package/dist/Tabs/tabsUtils.d.ts.map +1 -0
- package/dist/Tabs/tabsUtils.js +121 -49
- package/dist/Tabs/tabsUtils.js.map +1 -0
- package/dist/Tabs.d.ts +55 -35
- package/dist/Tabs.d.ts.map +1 -0
- package/dist/Tabs.js +81 -60
- package/dist/Tabs.js.map +1 -0
- package/dist/Textarea/TextareaUtils.d.ts +24 -13
- package/dist/Textarea/TextareaUtils.d.ts.map +1 -0
- package/dist/Textarea/TextareaUtils.js +52 -33
- package/dist/Textarea/TextareaUtils.js.map +1 -0
- package/dist/Textarea.d.ts +31 -25
- package/dist/Textarea.d.ts.map +1 -0
- package/dist/Textarea.js +90 -66
- package/dist/Textarea.js.map +1 -0
- package/dist/Toast.d.ts +63 -34
- package/dist/Toast.d.ts.map +1 -0
- package/dist/Toast.js +115 -3
- package/dist/Toast.js.map +1 -0
- package/dist/Toggle/ToggleBase.d.ts +29 -11
- package/dist/Toggle/ToggleBase.d.ts.map +1 -0
- package/dist/Toggle/ToggleBase.js +55 -41
- package/dist/Toggle/ToggleBase.js.map +1 -0
- package/dist/Toggle.d.ts +34 -16
- package/dist/Toggle.d.ts.map +1 -0
- package/dist/Toggle.js +48 -34
- package/dist/Toggle.js.map +1 -0
- package/dist/ToggleGroup/ToggleGroupBase.d.ts +42 -30
- package/dist/ToggleGroup/ToggleGroupBase.d.ts.map +1 -0
- package/dist/ToggleGroup/ToggleGroupBase.js +154 -111
- package/dist/ToggleGroup/ToggleGroupBase.js.map +1 -0
- package/dist/ToggleGroup/ToggleGroupItem.d.ts +31 -13
- package/dist/ToggleGroup/ToggleGroupItem.d.ts.map +1 -0
- package/dist/ToggleGroup/ToggleGroupItem.js +35 -27
- package/dist/ToggleGroup/ToggleGroupItem.js.map +1 -0
- package/dist/ToggleGroup/ToggleGroupSplitMenuItem.d.ts +49 -17
- package/dist/ToggleGroup/ToggleGroupSplitMenuItem.d.ts.map +1 -0
- package/dist/ToggleGroup/ToggleGroupSplitMenuItem.js +132 -61
- package/dist/ToggleGroup/ToggleGroupSplitMenuItem.js.map +1 -0
- package/dist/ToggleGroup.d.ts +26 -10
- package/dist/ToggleGroup.d.ts.map +1 -0
- package/dist/ToggleGroup.js +35 -31
- package/dist/ToggleGroup.js.map +1 -0
- package/dist/Tooltip.d.ts +35 -12
- package/dist/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip.js +68 -3
- package/dist/Tooltip.js.map +1 -0
- package/dist/Tray.d.ts +105 -61
- package/dist/Tray.d.ts.map +1 -0
- package/dist/Tray.js +120 -102
- package/dist/Tray.js.map +1 -0
- package/dist/components/Icons/iconTypes.d.ts +17 -0
- package/dist/components/Icons/iconTypes.d.ts.map +1 -0
- package/dist/components/IconsAnimated/iconTypes.d.ts +15 -0
- package/dist/components/IconsAnimated/iconTypes.d.ts.map +1 -0
- package/dist/components/SpectralProvider/SpectralProvider.d.ts +35 -0
- package/dist/components/SpectralProvider/SpectralProvider.d.ts.map +1 -0
- package/dist/components/SpectralProvider/SpectralProvider.js +33 -0
- package/dist/components/SpectralProvider/SpectralProvider.js.map +1 -0
- package/dist/components/ToggleGroup/ToggleGroup.context.js +14 -0
- package/dist/components/ToggleGroup/ToggleGroup.context.js.map +1 -0
- package/dist/hooks/useAccordionAutoScroll.d.ts +7 -2
- package/dist/hooks/useAccordionAutoScroll.d.ts.map +1 -1
- package/dist/hooks/useAccordionAutoScroll.js +71 -45
- package/dist/hooks/useAccordionAutoScroll.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +12 -8
- package/dist/hooks/useControllableState.d.ts.map +1 -1
- package/dist/hooks/useControllableState.js +23 -12
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useConvertToOklch.d.ts +6 -2
- package/dist/hooks/useConvertToOklch.d.ts.map +1 -1
- package/dist/hooks/useConvertToOklch.js +87 -42
- package/dist/hooks/useConvertToOklch.js.map +1 -0
- package/dist/hooks/useTheme.d.ts +10 -6
- package/dist/hooks/useTheme.d.ts.map +1 -1
- package/dist/hooks/useTheme.js +26 -18
- package/dist/hooks/useTheme.js.map +1 -0
- package/dist/hooks/useUncontrolledState.d.ts +8 -4
- package/dist/hooks/useUncontrolledState.d.ts.map +1 -1
- package/dist/hooks/useUncontrolledState.js +21 -11
- package/dist/hooks/useUncontrolledState.js.map +1 -0
- package/dist/index.d.ts +129 -46
- package/dist/index.js +130 -0
- package/dist/primitives/button.d.ts +22 -9
- package/dist/primitives/button.d.ts.map +1 -1
- package/dist/primitives/button.js +21 -15
- package/dist/primitives/button.js.map +1 -0
- package/dist/primitives/input-group.d.ts +46 -17
- package/dist/primitives/input-group.d.ts.map +1 -1
- package/dist/primitives/input-group.js +66 -43
- package/dist/primitives/input-group.js.map +1 -0
- package/dist/primitives/input.d.ts +16 -6
- package/dist/primitives/input.d.ts.map +1 -1
- package/dist/primitives/input.js +15 -10
- package/dist/primitives/input.js.map +1 -0
- package/dist/primitives/popover.d.ts +35 -9
- package/dist/primitives/popover.d.ts.map +1 -1
- package/dist/primitives/popover.js +56 -33
- package/dist/primitives/popover.js.map +1 -0
- package/dist/primitives/select.d.ts +60 -17
- package/dist/primitives/select.d.ts.map +1 -1
- package/dist/primitives/select.js +133 -3
- package/dist/primitives/select.js.map +1 -0
- package/dist/primitives/slot.d.ts +23 -14
- package/dist/primitives/slot.d.ts.map +1 -1
- package/dist/primitives/slot.js +53 -29
- package/dist/primitives/slot.js.map +1 -0
- package/dist/primitives/textarea.d.ts +11 -2
- package/dist/primitives/textarea.d.ts.map +1 -1
- package/dist/primitives/textarea.js +14 -9
- package/dist/primitives/textarea.js.map +1 -0
- package/dist/styles/horizon-tokens.css +9 -0
- package/dist/styles/spectral.css +2 -2
- package/dist/utils/constants.d.ts +5 -1
- package/dist/utils/constants.d.ts.map +1 -1
- package/dist/utils/constants.js +5 -2
- package/dist/utils/constants.js.map +1 -0
- package/dist/utils/dropdownPositioning.d.ts +14 -9
- package/dist/utils/dropdownPositioning.d.ts.map +1 -1
- package/dist/utils/dropdownPositioning.js +57 -34
- package/dist/utils/dropdownPositioning.js.map +1 -0
- package/dist/utils/formFieldUtils.d.ts +91 -85
- package/dist/utils/formFieldUtils.d.ts.map +1 -1
- package/dist/utils/formFieldUtils.js +171 -127
- package/dist/utils/formFieldUtils.js.map +1 -0
- package/dist/utils/sharedUtils.d.ts +10 -6
- package/dist/utils/sharedUtils.d.ts.map +1 -1
- package/dist/utils/sharedUtils.js +23 -8
- package/dist/utils/sharedUtils.js.map +1 -0
- package/dist/utils/twUtils.d.ts +7 -2
- package/dist/utils/twUtils.d.ts.map +1 -1
- package/dist/utils/twUtils.js +12 -2
- package/dist/utils/twUtils.js.map +1 -0
- package/package.json +31 -23
- package/dist/.js +0 -128
- package/dist/Accordion-dVZHqyv8.js +0 -363
- package/dist/AnimatePresence-Bz_JZ2ah.js +0 -178
- package/dist/App.d.ts +0 -2
- package/dist/App.d.ts.map +0 -1
- package/dist/App.js +0 -9
- package/dist/Calendar-FXWVuKWS.js +0 -3109
- package/dist/Combination-MimnVFUU.js +0 -698
- package/dist/Combobox-DCCcIDgq.js +0 -6378
- package/dist/DateTimeUtils-BJUAMuot.js +0 -2098
- package/dist/DropdownMenu-B8I8IRcu.js +0 -868
- package/dist/HoverCard-BhxgELKP.js +0 -201
- package/dist/Icons/index.d.ts +0 -81
- package/dist/InputOTP-DyhesOLs.js +0 -463
- package/dist/RadioGroup-BsBK247l.js +0 -328
- package/dist/Slider-CPYW_VYu.js +0 -490
- package/dist/Switch-Vep4hsq4.js +0 -144
- package/dist/Toast-BuaZxqlt.js +0 -711
- package/dist/ToggleGroup/ToggleGroup.context.d.ts +0 -9
- package/dist/ToggleGroup/ToggleGroup.context.js +0 -11
- package/dist/Tooltip-CTjKOfvC.js +0 -389
- package/dist/builtin_esm-external-require-react-ItzZuLxx.js +0 -8
- package/dist/chunk-DmRZw4Wy.js +0 -17
- package/dist/clsx-Bfoz3aNJ.js +0 -16
- package/dist/dist-B9w6c9RC.js +0 -190
- package/dist/dist-Br_xj9vz.js +0 -12
- package/dist/dist-C-2mar4Y.js +0 -28
- package/dist/dist-C4MHwt9g.js +0 -10
- package/dist/dist-C6pGYii-.js +0 -6
- package/dist/dist-Cc8NfAO6.js +0 -122
- package/dist/dist-CcsVPym2.js +0 -68
- package/dist/dist-CrYg_9Cu.js +0 -913
- package/dist/dist-CwYxT5fv.js +0 -1287
- package/dist/dist-D9FsQh8P.js +0 -65
- package/dist/dist-DBLajRTL.js +0 -149
- package/dist/dist-DEkDg4Sk.js +0 -249
- package/dist/dist-DT46nqCO.js +0 -216
- package/dist/dist-PfrTYHr_.js +0 -29
- package/dist/dist-iDaHUF3d.js +0 -129
- package/dist/dist-s1uWaZYZ.js +0 -11
- package/dist/dist-tMzzRwxG.js +0 -33
- package/dist/index.d.ts.map +0 -1
- package/dist/main.d.ts +0 -1
- package/dist/main.d.ts.map +0 -1
- package/dist/main.js +0 -18960
- package/dist/proxy-BFVscmYQ.js +0 -4920
- package/dist/select-oAOoVl5g.js +0 -797
- package/dist/styles/base-colors.css +0 -62
- package/dist/styles/main.css +0 -2
- package/dist/styles/theme.css +0 -869
- package/dist/twUtils-BpqlKSeB.js +0 -1673
- package/dist/use-animation-BeSipRjB.js +0 -57
- package/dist/utils/dropdownPositioning.test.d.ts +0 -2
- package/dist/utils/dropdownPositioning.test.d.ts.map +0 -1
- package/dist/utils/dropdownPositioning.test.js +0 -22
|
@@ -1,43 +1,66 @@
|
|
|
1
|
-
'use client'
|
|
2
|
-
import { useCallback
|
|
1
|
+
'use client';
|
|
2
|
+
import { useCallback, useEffect, useMemo, useState } from "react";
|
|
3
|
+
|
|
3
4
|
//#region src/utils/dropdownPositioning.ts
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
const DEFAULT_DROPDOWN_VIEWPORT_PADDING = 12;
|
|
6
|
+
const getDropdownHorizontalShift = (dropdownRect, viewportWidth, viewportPadding = DEFAULT_DROPDOWN_VIEWPORT_PADDING) => {
|
|
7
|
+
const viewportLeft = viewportPadding;
|
|
8
|
+
const viewportRight = viewportWidth - viewportPadding;
|
|
9
|
+
const overflowRight = dropdownRect.right - viewportRight;
|
|
10
|
+
if (overflowRight > 0) return -overflowRight;
|
|
11
|
+
const overflowLeft = viewportLeft - dropdownRect.left;
|
|
12
|
+
if (overflowLeft > 0) return overflowLeft;
|
|
13
|
+
return 0;
|
|
14
|
+
};
|
|
15
|
+
const useAutoDropdownHorizontalShift = (enabled = true) => {
|
|
16
|
+
const [dropdownElement, setDropdownElement] = useState(null);
|
|
17
|
+
const [horizontalShift, setHorizontalShift] = useState(0);
|
|
18
|
+
const recalculateDropdownPosition = useCallback(() => {
|
|
19
|
+
if (!enabled || !dropdownElement) {
|
|
20
|
+
setHorizontalShift(0);
|
|
13
21
|
return;
|
|
14
22
|
}
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}, [
|
|
18
|
-
|
|
19
|
-
if (!
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
})
|
|
23
|
-
|
|
23
|
+
const nextShift = getDropdownHorizontalShift(dropdownElement.getBoundingClientRect(), window.innerWidth);
|
|
24
|
+
setHorizontalShift((previousShift) => Math.abs(previousShift - nextShift) < .5 ? previousShift : nextShift);
|
|
25
|
+
}, [dropdownElement, enabled]);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
if (!enabled || !dropdownElement) return;
|
|
28
|
+
const animationFrameId = requestAnimationFrame(() => {
|
|
29
|
+
recalculateDropdownPosition();
|
|
30
|
+
});
|
|
31
|
+
const handleViewportChange = () => {
|
|
32
|
+
recalculateDropdownPosition();
|
|
24
33
|
};
|
|
25
|
-
window.addEventListener("resize",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
34
|
+
window.addEventListener("resize", handleViewportChange);
|
|
35
|
+
window.addEventListener("scroll", handleViewportChange, true);
|
|
36
|
+
let resizeObserver = null;
|
|
37
|
+
if (typeof ResizeObserver !== "undefined") {
|
|
38
|
+
resizeObserver = new ResizeObserver(() => {
|
|
39
|
+
recalculateDropdownPosition();
|
|
40
|
+
});
|
|
41
|
+
resizeObserver.observe(dropdownElement);
|
|
42
|
+
}
|
|
43
|
+
return () => {
|
|
44
|
+
cancelAnimationFrame(animationFrameId);
|
|
45
|
+
window.removeEventListener("resize", handleViewportChange);
|
|
46
|
+
window.removeEventListener("scroll", handleViewportChange, true);
|
|
47
|
+
resizeObserver?.disconnect();
|
|
31
48
|
};
|
|
32
49
|
}, [
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
])
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
50
|
+
dropdownElement,
|
|
51
|
+
enabled,
|
|
52
|
+
recalculateDropdownPosition
|
|
53
|
+
]);
|
|
54
|
+
return {
|
|
55
|
+
dropdownShiftStyle: useMemo(() => {
|
|
56
|
+
if (horizontalShift === 0) return null;
|
|
57
|
+
return { marginLeft: `${horizontalShift}px` };
|
|
58
|
+
}, [horizontalShift]),
|
|
59
|
+
recalculateDropdownPosition,
|
|
60
|
+
setDropdownElement
|
|
40
61
|
};
|
|
41
62
|
};
|
|
63
|
+
|
|
42
64
|
//#endregion
|
|
43
|
-
export {
|
|
65
|
+
export { getDropdownHorizontalShift, useAutoDropdownHorizontalShift };
|
|
66
|
+
//# sourceMappingURL=dropdownPositioning.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dropdownPositioning.js","names":[],"sources":["../../src/utils/dropdownPositioning.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState, type CSSProperties } from 'react'\n\nconst DEFAULT_DROPDOWN_VIEWPORT_PADDING = 12\n\ninterface DropdownRect {\n left: number\n right: number\n}\n\nexport const getDropdownHorizontalShift = (dropdownRect: DropdownRect, viewportWidth: number, viewportPadding: number = DEFAULT_DROPDOWN_VIEWPORT_PADDING): number => {\n const viewportLeft = viewportPadding\n const viewportRight = viewportWidth - viewportPadding\n\n const overflowRight = dropdownRect.right - viewportRight\n if (overflowRight > 0) {\n return -overflowRight\n }\n\n const overflowLeft = viewportLeft - dropdownRect.left\n if (overflowLeft > 0) {\n return overflowLeft\n }\n\n return 0\n}\n\nexport const useAutoDropdownHorizontalShift = (enabled: boolean = true) => {\n const [dropdownElement, setDropdownElement] = useState<HTMLElement | null>(null)\n const [horizontalShift, setHorizontalShift] = useState(0)\n\n const recalculateDropdownPosition = useCallback(() => {\n if (!enabled || !dropdownElement) {\n setHorizontalShift(0)\n return\n }\n\n const nextShift = getDropdownHorizontalShift(dropdownElement.getBoundingClientRect(), window.innerWidth)\n setHorizontalShift((previousShift) => (Math.abs(previousShift - nextShift) < 0.5 ? previousShift : nextShift))\n }, [dropdownElement, enabled])\n\n useEffect(() => {\n if (!enabled || !dropdownElement) {\n return\n }\n\n const animationFrameId = requestAnimationFrame(() => {\n recalculateDropdownPosition()\n })\n\n const handleViewportChange = () => {\n recalculateDropdownPosition()\n }\n\n window.addEventListener('resize', handleViewportChange)\n window.addEventListener('scroll', handleViewportChange, true)\n\n let resizeObserver: ResizeObserver | null = null\n if (typeof ResizeObserver !== 'undefined') {\n resizeObserver = new ResizeObserver(() => {\n recalculateDropdownPosition()\n })\n resizeObserver.observe(dropdownElement)\n }\n\n return () => {\n cancelAnimationFrame(animationFrameId)\n window.removeEventListener('resize', handleViewportChange)\n window.removeEventListener('scroll', handleViewportChange, true)\n resizeObserver?.disconnect()\n }\n }, [dropdownElement, enabled, recalculateDropdownPosition])\n\n const dropdownShiftStyle = useMemo<CSSProperties | null>(() => {\n if (horizontalShift === 0) {\n return null\n }\n\n return { marginLeft: `${horizontalShift}px` }\n }, [horizontalShift])\n\n return {\n dropdownShiftStyle,\n recalculateDropdownPosition,\n setDropdownElement,\n }\n}\n"],"mappings":";;;;AAEA,MAAM,oCAAoC;AAO1C,MAAa,8BAA8B,cAA4B,eAAuB,kBAA0B,sCAA8C;CACpK,MAAM,eAAe;CACrB,MAAM,gBAAgB,gBAAgB;CAEtC,MAAM,gBAAgB,aAAa,QAAQ;AAC3C,KAAI,gBAAgB,EAClB,QAAO,CAAC;CAGV,MAAM,eAAe,eAAe,aAAa;AACjD,KAAI,eAAe,EACjB,QAAO;AAGT,QAAO;;AAGT,MAAa,kCAAkC,UAAmB,SAAS;CACzE,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;CAChF,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,EAAE;CAEzD,MAAM,8BAA8B,kBAAkB;AACpD,MAAI,CAAC,WAAW,CAAC,iBAAiB;AAChC,sBAAmB,EAAE;AACrB;;EAGF,MAAM,YAAY,2BAA2B,gBAAgB,uBAAuB,EAAE,OAAO,WAAW;AACxG,sBAAoB,kBAAmB,KAAK,IAAI,gBAAgB,UAAU,GAAG,KAAM,gBAAgB,UAAW;IAC7G,CAAC,iBAAiB,QAAQ,CAAC;AAE9B,iBAAgB;AACd,MAAI,CAAC,WAAW,CAAC,gBACf;EAGF,MAAM,mBAAmB,4BAA4B;AACnD,gCAA6B;IAC7B;EAEF,MAAM,6BAA6B;AACjC,gCAA6B;;AAG/B,SAAO,iBAAiB,UAAU,qBAAqB;AACvD,SAAO,iBAAiB,UAAU,sBAAsB,KAAK;EAE7D,IAAI,iBAAwC;AAC5C,MAAI,OAAO,mBAAmB,aAAa;AACzC,oBAAiB,IAAI,qBAAqB;AACxC,iCAA6B;KAC7B;AACF,kBAAe,QAAQ,gBAAgB;;AAGzC,eAAa;AACX,wBAAqB,iBAAiB;AACtC,UAAO,oBAAoB,UAAU,qBAAqB;AAC1D,UAAO,oBAAoB,UAAU,sBAAsB,KAAK;AAChE,mBAAgB,YAAY;;IAE7B;EAAC;EAAiB;EAAS;EAA4B,CAAC;AAU3D,QAAO;EACL,oBATyB,cAAoC;AAC7D,OAAI,oBAAoB,EACtB,QAAO;AAGT,UAAO,EAAE,YAAY,GAAG,gBAAgB,KAAK;KAC5C,CAAC,gBAAgB,CAGA;EAClB;EACA;EACD"}
|
|
@@ -1,96 +1,102 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
import { ErrorMessage, FormFieldMessageValue, WarningMessage } from "../FormFieldMessage.js";
|
|
3
|
+
import * as _$react from "react";
|
|
4
|
+
import { CSSProperties, KeyboardEvent, ReactNode } from "react";
|
|
5
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
6
|
+
|
|
7
|
+
//#region src/utils/formFieldUtils.d.ts
|
|
8
|
+
type FormFieldState = 'default' | 'error' | 'warning' | 'disabled' | 'loading' | 'success';
|
|
9
|
+
interface BaseFormFieldProps {
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
errorMessage?: string | string[] | Record<string, unknown> | null;
|
|
12
|
+
id?: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
name?: string;
|
|
15
|
+
onChange?: (value: string) => void;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
state?: FormFieldState;
|
|
18
|
+
'aria-describedby'?: string;
|
|
19
|
+
'aria-disabled'?: boolean;
|
|
20
|
+
'aria-invalid'?: boolean;
|
|
21
|
+
'aria-label'?: string;
|
|
22
|
+
'aria-required'?: boolean;
|
|
17
23
|
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
24
|
+
interface BaseOption {
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
group?: string;
|
|
27
|
+
label: string;
|
|
28
|
+
value: string;
|
|
23
29
|
}
|
|
24
|
-
|
|
25
|
-
|
|
30
|
+
type DropdownWidth = 'trigger' | 'content' | (string & {});
|
|
31
|
+
type DropdownWidthMode = 'trigger' | 'content' | 'custom';
|
|
26
32
|
interface DropdownWidthStyleConfig {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
33
|
+
dropdownWidth: DropdownWidth;
|
|
34
|
+
triggerStyleWidth?: string;
|
|
35
|
+
triggerWidth: string;
|
|
36
|
+
viewportMaxWidth?: string;
|
|
31
37
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
38
|
+
declare const getDropdownWidthStyles: ({
|
|
39
|
+
dropdownWidth,
|
|
40
|
+
triggerStyleWidth,
|
|
41
|
+
triggerWidth,
|
|
42
|
+
viewportMaxWidth
|
|
43
|
+
}: DropdownWidthStyleConfig) => {
|
|
44
|
+
dropdownOverflowStyle: CSSProperties;
|
|
45
|
+
dropdownWidthMode: DropdownWidthMode;
|
|
46
|
+
dropdownWidthStyle: CSSProperties;
|
|
47
|
+
resolvedDropdownWidth: string;
|
|
37
48
|
};
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
declare const getStateClasses: (state: FormFieldState) => string;
|
|
50
|
+
declare const getTriggerClasses: (isOpen: boolean | undefined, state: FormFieldState, className?: string) => string;
|
|
51
|
+
declare const getDropdownClasses: (isOpen: boolean, position?: 'top' | 'bottom') => string;
|
|
52
|
+
declare const getDropdownSurfaceClasses: () => string;
|
|
53
|
+
declare const getInputClasses: (state: FormFieldState, className?: string) => string;
|
|
54
|
+
declare const getTextareaClasses: (state: FormFieldState, className?: string) => string;
|
|
55
|
+
declare const useFormFieldId: (id?: string, name?: string) => string;
|
|
56
|
+
declare const getErrorMessageId: (fieldId: string) => string;
|
|
57
|
+
declare const getAriaProps: (state: FormFieldState, ariaDescribedBy?: string, ariaRequired?: boolean, messageId?: string) => {
|
|
58
|
+
'aria-invalid': boolean;
|
|
59
|
+
'aria-required': boolean | undefined;
|
|
60
|
+
'aria-describedby': string | undefined;
|
|
50
61
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
62
|
+
declare const getFormFieldCSSProperties: (customProps?: Record<string, string>) => {
|
|
63
|
+
'--field-border-radius': string;
|
|
64
|
+
'--field-height': string;
|
|
65
|
+
'--field-padding': string;
|
|
55
66
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
67
|
+
declare const useFormFieldState: (disabled?: boolean, state?: FormFieldState) => {
|
|
68
|
+
isDisabled: boolean;
|
|
69
|
+
isLoading: boolean;
|
|
70
|
+
isInvalid: boolean;
|
|
60
71
|
};
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
72
|
+
declare const useClickOutside: <T extends HTMLElement>(callback: () => void) => _$react.RefObject<T | null>;
|
|
73
|
+
declare const useKeyboardNavigation: <T extends BaseOption>(isOpen: boolean, multiSelect: boolean | undefined, onClose: () => void, onSelect: (value: string) => void, options: T[], selectedValue: string | string[] | undefined) => {
|
|
74
|
+
focusedIndex: number;
|
|
75
|
+
setFocusedIndex: _$react.Dispatch<_$react.SetStateAction<number>>;
|
|
76
|
+
handleKeyDown: (event: KeyboardEvent<HTMLElement>) => 'open' | void;
|
|
77
|
+
isOpen: boolean;
|
|
67
78
|
};
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
79
|
+
declare const groupOptions: <T extends BaseOption>(options: T[]) => {
|
|
80
|
+
groups: Record<string, T[]>;
|
|
81
|
+
ungrouped: T[];
|
|
82
|
+
hasGroups: boolean;
|
|
72
83
|
};
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
}) =>
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
message: string | string[] | Record<string, unknown> | null;
|
|
92
|
-
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
93
|
-
export declare const getOptionClasses: (isDisabled: boolean | undefined, isFocused: boolean, isSelected: boolean) => string;
|
|
94
|
-
export declare const scrollIntoView: (element: HTMLElement | null) => void;
|
|
95
|
-
export {};
|
|
84
|
+
declare const LoadingState: ({
|
|
85
|
+
className,
|
|
86
|
+
message
|
|
87
|
+
}: {
|
|
88
|
+
className?: string;
|
|
89
|
+
message?: string;
|
|
90
|
+
}) => _$react_jsx_runtime0.JSX.Element;
|
|
91
|
+
declare const EmptyState: ({
|
|
92
|
+
className,
|
|
93
|
+
message
|
|
94
|
+
}: {
|
|
95
|
+
className?: string;
|
|
96
|
+
message?: ReactNode;
|
|
97
|
+
}) => _$react_jsx_runtime0.JSX.Element;
|
|
98
|
+
declare const getOptionClasses: (isDisabled: boolean | undefined, isFocused: boolean, isSelected: boolean) => string;
|
|
99
|
+
declare const scrollIntoView: (element: HTMLElement | null) => void;
|
|
100
|
+
//#endregion
|
|
101
|
+
export { BaseFormFieldProps, BaseOption, DropdownWidth, DropdownWidthMode, EmptyState, ErrorMessage, type FormFieldMessageValue, FormFieldState, LoadingState, WarningMessage, getAriaProps, getDropdownClasses, getDropdownSurfaceClasses, getDropdownWidthStyles, getErrorMessageId, getFormFieldCSSProperties, getInputClasses, getOptionClasses, getStateClasses, getTextareaClasses, getTriggerClasses, groupOptions, scrollIntoView, useClickOutside, useFormFieldId, useFormFieldState, useKeyboardNavigation };
|
|
96
102
|
//# sourceMappingURL=formFieldUtils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formFieldUtils.d.ts","
|
|
1
|
+
{"version":3,"file":"formFieldUtils.d.ts","names":[],"sources":["../../src/utils/formFieldUtils.tsx"],"mappings":";;;;;;;KAIY,cAAA;AAAA,UAEK,kBAAA;EACf,QAAA;EACA,YAAA,uBAAmC,MAAA;EACnC,EAAA;EACA,KAAA;EACA,IAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA;EACA,KAAA,GAAQ,cAAA;EACR,kBAAA;EACA,eAAA;EACA,cAAA;EACA,YAAA;EACA,eAAA;AAAA;AAAA,UAGe,UAAA;EACf,QAAA;EACA,KAAA;EACA,KAAA;EACA,KAAA;AAAA;AAAA,KAGU,aAAA;AAAA,KACA,iBAAA;AAAA,UAEF,wBAAA;EACR,aAAA,EAAe,aAAA;EACf,iBAAA;EACA,YAAA;EACA,gBAAA;AAAA;AAAA,cAGW,sBAAA;EAAsB,aAAA;EAAA,iBAAA;EAAA,YAAA;EAAA;AAAA,GAKhC,wBAAA;EACD,qBAAA,EAAuB,aAAA;EACvB,iBAAA,EAAmB,iBAAA;EACnB,kBAAA,EAAoB,aAAA;EACpB,qBAAA;AAAA;AAAA,cA6BW,eAAA,GAAe,KAAA,EAAW,cAAA;AAAA,cAY1B,iBAAA,GAAiB,MAAA,uBAAmB,KAAA,EAAiB,cAAA,EAAc,SAAA;AAAA,cAWnE,kBAAA,GAAkB,MAAA,WAAmB,QAAA;AAAA,cAQrC,yBAAA;AAAA,cAIA,eAAA,GAAe,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAWxC,kBAAA,GAAkB,KAAA,EAAW,cAAA,EAAc,SAAA;AAAA,cAW3C,cAAA,GAAc,EAAA,WAAe,IAAA;AAAA,cAW7B,iBAAA,GAAiB,OAAA;AAAA,cAEjB,YAAA,GAAY,KAAA,EAAW,cAAA,EAAc,eAAA,WAA0B,YAAA,YAAwB,SAAA;EAClG,cAAA;EACA,eAAA;EACA,kBAAA;AAAA;AAAA,cAGW,yBAAA,GAAyB,WAAA,GAAiB,MAAA;;;;;cAO1C,iBAAA,GAAiB,QAAA,YAAsB,KAAA,GAAS,cAAA;EAC3D,UAAA;EACA,SAAA;EACA,SAAA;AAAA;AAAA,cAIW,eAAA,aAA6B,WAAA,EAAW,QAAA,iBAAsB,OAAA,CAAA,SAAA,CAAA,CAAA;AAAA,cAiB9D,qBAAA,aAAmC,UAAA,EAAU,MAAA,WAAiB,WAAA,uBAAsB,OAAA,cAA6B,QAAA,GAAa,KAAA,mBAAsB,OAAA,EAAW,CAAA,IAAG,aAAA;;oCAAF,OAAA,CAAA,cAAA;yBAwCjK,aAAA,CAAc,WAAA;;;cA6Db,YAAA,aAA0B,UAAA,EAAU,OAAA,EAAW,CAAA;;;;;cAsB/C,YAAA;EAAY,SAAA;EAAA;AAAA;EAA2C,SAAA;EAAoB,OAAA;AAAA,MAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAM7F,UAAA;EAAU,SAAA;EAAA;AAAA;EAAmD,SAAA;EAAoB,OAAA,GAAU,SAAA;AAAA,MAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAMtG,gBAAA,GAAgB,UAAA,uBAAuB,SAAA,WAA4B,UAAA;AAAA,cASnE,cAAA,GAAc,OAAA,EAAa,WAAA"}
|