@ultraviolet/ui 3.12.3 → 3.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/defineProperty.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/objectSpread2.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/objectWithoutProperties.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/objectWithoutPropertiesLoose.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/toPrimitive.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/toPropertyKey.js +1 -1
- package/dist/_virtual/{_@oxc-project_runtime@0.120.0 → _@oxc-project_runtime@0.122.0}/helpers/typeof.js +1 -1
- package/dist/components/ActionBar/index.js +1 -1
- package/dist/components/Avatar/constants.d.ts +15 -15
- package/dist/components/Avatar/index.js +1 -1
- package/dist/components/Avatar/styles.css.js +0 -2
- package/dist/components/BarChart/index.js +1 -1
- package/dist/components/Breadcrumbs/components/Item.js +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Carousel/Item.d.ts +9 -0
- package/dist/components/Carousel/Item.d.ts.map +1 -0
- package/dist/components/Carousel/Item.js +22 -0
- package/dist/components/Carousel/index.d.ts +6 -8
- package/dist/components/Carousel/index.d.ts.map +1 -1
- package/dist/components/Carousel/index.js +4 -11
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +13 -12
- package/dist/components/Checkbox/styles.css.js +0 -4
- package/dist/components/CheckboxGroup/Context.d.ts +9 -0
- package/dist/components/CheckboxGroup/Context.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/Context.js +13 -0
- package/dist/components/CheckboxGroup/SingleCheckbox.d.ts +8 -0
- package/dist/components/CheckboxGroup/SingleCheckbox.d.ts.map +1 -0
- package/dist/components/CheckboxGroup/SingleCheckbox.js +46 -0
- package/dist/components/CheckboxGroup/index.d.ts +25 -9
- package/dist/components/CheckboxGroup/index.d.ts.map +1 -1
- package/dist/components/CheckboxGroup/index.js +7 -32
- package/dist/components/CopyButton/index.d.ts.map +1 -1
- package/dist/components/CopyButton/index.js +4 -3
- package/dist/components/DateInput/components/CalendarDaily.d.ts.map +1 -1
- package/dist/components/DateInput/components/CalendarDaily.js +5 -4
- package/dist/components/DateInput/components/CalendarMonthly.d.ts.map +1 -1
- package/dist/components/DateInput/components/CalendarMonthly.js +5 -4
- package/dist/components/DateInput/helpers.d.ts +5 -1
- package/dist/components/DateInput/helpers.d.ts.map +1 -1
- package/dist/components/DateInput/helpers.js +18 -9
- package/dist/components/DateInput/index.d.ts.map +1 -1
- package/dist/components/DateInput/index.js +2 -2
- package/dist/components/DateInput/styles.css.d.ts.map +1 -1
- package/dist/components/Expandable/AnimatedExpandable.d.ts +3 -0
- package/dist/components/Expandable/AnimatedExpandable.d.ts.map +1 -0
- package/dist/components/Expandable/AnimatedExpandable.js +95 -0
- package/dist/components/Expandable/NonAnimatedExpandable.d.ts +3 -0
- package/dist/components/Expandable/NonAnimatedExpandable.d.ts.map +1 -0
- package/dist/components/Expandable/NonAnimatedExpandable.js +22 -0
- package/dist/components/Expandable/constant.d.ts +2 -0
- package/dist/components/Expandable/constant.d.ts.map +1 -0
- package/dist/components/Expandable/constant.js +8 -0
- package/dist/components/Expandable/index.d.ts +1 -24
- package/dist/components/Expandable/index.d.ts.map +1 -1
- package/dist/components/Expandable/index.js +8 -94
- package/dist/components/Expandable/types.d.ts +23 -0
- package/dist/components/Expandable/types.d.ts.map +1 -0
- package/dist/components/ExpandableCard/index.d.ts.map +1 -1
- package/dist/components/FileInput/DropzoneContent.d.ts +9 -0
- package/dist/components/FileInput/DropzoneContent.d.ts.map +1 -0
- package/dist/components/FileInput/DropzoneContent.js +30 -0
- package/dist/components/FileInput/components/Button.js +2 -2
- package/dist/components/FileInput/components/List.d.ts.map +1 -1
- package/dist/components/FileInput/components/List.js +11 -9
- package/dist/components/FileInput/helpers.d.ts.map +1 -1
- package/dist/components/FileInput/index.d.ts.map +1 -1
- package/dist/components/FileInput/index.js +40 -66
- package/dist/components/InfiniteScroll/index.js +1 -1
- package/dist/components/Label/LabelContent.d.ts +3 -0
- package/dist/components/Label/LabelContent.d.ts.map +1 -0
- package/dist/components/Label/LabelContent.js +61 -0
- package/dist/components/Label/index.d.ts +1 -19
- package/dist/components/Label/index.d.ts.map +1 -1
- package/dist/components/Label/index.js +3 -47
- package/dist/components/Label/type.d.ts +19 -0
- package/dist/components/Label/type.d.ts.map +1 -0
- package/dist/components/LineChart/CustomLegend.d.ts.map +1 -1
- package/dist/components/LineChart/CustomLegend.js +4 -9
- package/dist/components/LineChart/LegendCell.d.ts +10 -0
- package/dist/components/LineChart/LegendCell.d.ts.map +1 -0
- package/dist/components/LineChart/LegendCell.js +23 -0
- package/dist/components/LineChart/index.js +1 -1
- package/dist/components/List/Cell.js +1 -1
- package/dist/components/List/ExpandButtonCell.d.ts +9 -0
- package/dist/components/List/ExpandButtonCell.d.ts.map +1 -0
- package/dist/components/List/ExpandButtonCell.js +44 -0
- package/dist/components/List/HeaderCell.d.ts.map +1 -1
- package/dist/components/List/HeaderCell.js +4 -8
- package/dist/components/List/ListContext.js +3 -3
- package/dist/components/List/Row.d.ts.map +1 -1
- package/dist/components/List/Row.js +21 -50
- package/dist/components/List/SelectRowCell.d.ts +8 -0
- package/dist/components/List/SelectRowCell.d.ts.map +1 -0
- package/dist/components/List/SelectRowCell.js +49 -0
- package/dist/components/List/SortIcon.d.ts +4 -0
- package/dist/components/List/SortIcon.d.ts.map +1 -0
- package/dist/components/List/SortIcon.js +19 -0
- package/dist/components/List/TableContainer.d.ts +5 -0
- package/dist/components/List/TableContainer.d.ts.map +1 -0
- package/dist/components/List/TableContainer.js +31 -0
- package/dist/components/List/index.d.ts.map +1 -1
- package/dist/components/List/index.js +4 -16
- package/dist/components/Loader/index.js +1 -1
- package/dist/components/Menu/MenuContent.d.ts.map +1 -1
- package/dist/components/Menu/MenuContent.js +28 -22
- package/dist/components/Menu/components/Item.d.ts.map +1 -1
- package/dist/components/Menu/components/Item.js +8 -6
- package/dist/components/Menu/index.js +2 -2
- package/dist/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent.js +4 -4
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.js +14 -12
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/NumberInput/components/Controls.d.ts +12 -0
- package/dist/components/NumberInput/components/Controls.d.ts.map +1 -0
- package/dist/components/NumberInput/components/Controls.js +78 -0
- package/dist/components/NumberInput/components/Unit.d.ts +8 -0
- package/dist/components/NumberInput/components/Unit.d.ts.map +1 -0
- package/dist/components/NumberInput/components/Unit.js +28 -0
- package/dist/components/NumberInput/index.d.ts.map +1 -1
- package/dist/components/NumberInput/index.js +33 -86
- package/dist/components/Pagination/PaginationButton.d.ts +11 -0
- package/dist/components/Pagination/PaginationButton.d.ts.map +1 -0
- package/dist/components/Pagination/PaginationButton.js +39 -0
- package/dist/components/Pagination/PaginationButtons.d.ts.map +1 -1
- package/dist/components/Pagination/PaginationButtons.js +4 -25
- package/dist/components/PieChart/index.d.ts.map +1 -1
- package/dist/components/PieChart/index.js +1 -1
- package/dist/components/Popover/ContentWrapper.d.ts +3 -0
- package/dist/components/Popover/ContentWrapper.d.ts.map +1 -0
- package/dist/components/Popover/ContentWrapper.js +49 -0
- package/dist/components/Popover/index.d.ts +6 -12
- package/dist/components/Popover/index.d.ts.map +1 -1
- package/dist/components/Popover/index.js +4 -37
- package/dist/components/Popover/types.d.ts +26 -0
- package/dist/components/Popover/types.d.ts.map +1 -0
- package/dist/components/Popup/helpers.d.ts.map +1 -1
- package/dist/components/Popup/helpers.js +124 -123
- package/dist/components/Popup/index.d.ts.map +1 -1
- package/dist/components/Popup/index.js +3 -2
- package/dist/components/Popup/styles.css.d.ts.map +1 -1
- package/dist/components/Popup/styles.css.js +3 -3
- package/dist/components/ProgressBar/index.d.ts.map +1 -1
- package/dist/components/ProgressBar/index.js +63 -60
- package/dist/components/ProgressBar/styles.css.js +0 -2
- package/dist/components/Radio/MarkedIcon.d.ts +2 -0
- package/dist/components/Radio/MarkedIcon.d.ts.map +1 -0
- package/dist/components/Radio/MarkedIcon.js +33 -0
- package/dist/components/Radio/index.d.ts.map +1 -1
- package/dist/components/Radio/index.js +3 -21
- package/dist/components/Radio/styles.css.js +3 -3
- package/dist/components/RadioGroup/Context.d.ts +9 -0
- package/dist/components/RadioGroup/Context.d.ts.map +1 -0
- package/dist/components/RadioGroup/Context.js +12 -0
- package/dist/components/RadioGroup/SingleRadio.d.ts +6 -0
- package/dist/components/RadioGroup/SingleRadio.d.ts.map +1 -0
- package/dist/components/RadioGroup/SingleRadio.js +40 -0
- package/dist/components/RadioGroup/index.d.ts +2 -4
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +6 -28
- package/dist/components/Row/index.js +1 -1
- package/dist/components/Row/styles.css.js +2 -2
- package/dist/components/SearchInput/index.d.ts.map +1 -1
- package/dist/components/SelectInput/SelectInputProvider.d.ts.map +1 -1
- package/dist/components/SelectInput/SelectInputProvider.js +8 -63
- package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts +12 -0
- package/dist/components/SelectInput/components/Dropdown/AddOption.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/AddOption.js +48 -0
- package/dist/components/SelectInput/components/Dropdown/Content.d.ts +20 -0
- package/dist/components/SelectInput/components/Dropdown/Content.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/Content.js +217 -0
- package/dist/components/SelectInput/components/{Dropdown.d.ts → Dropdown/Dropdown.d.ts} +1 -17
- package/dist/components/SelectInput/components/Dropdown/Dropdown.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/Dropdown.js +218 -0
- package/dist/components/SelectInput/components/Dropdown/Group.d.ts +5 -0
- package/dist/components/SelectInput/components/Dropdown/Group.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/Group.js +79 -0
- package/dist/components/SelectInput/components/Dropdown/Item.d.ts +13 -0
- package/dist/components/SelectInput/components/Dropdown/Item.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/Item.js +87 -0
- package/dist/components/SelectInput/components/{DropdownOption.d.ts → Dropdown/Option.d.ts} +2 -2
- package/dist/components/SelectInput/components/Dropdown/Option.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/Option.js +139 -0
- package/dist/components/SelectInput/components/Dropdown/SearchBar.d.ts +10 -0
- package/dist/components/SelectInput/components/Dropdown/SearchBar.d.ts.map +1 -0
- package/dist/components/SelectInput/components/{SearchBarDropdown.js → Dropdown/SearchBar.js} +20 -24
- package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts +4 -0
- package/dist/components/SelectInput/components/Dropdown/SelectAll.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/SelectAll.js +84 -0
- package/dist/components/SelectInput/components/{dropdown.css.d.ts → Dropdown/dropdown.css.d.ts} +4 -2
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.d.ts.map +1 -0
- package/dist/components/SelectInput/components/{dropdown.css.js → Dropdown/dropdown.css.js} +15 -13
- package/dist/components/SelectInput/components/Dropdown/dropdown.css.ts.vanilla.js +8 -0
- package/dist/components/SelectInput/components/Dropdown/index.d.ts +2 -0
- package/dist/components/SelectInput/components/Dropdown/index.d.ts.map +1 -0
- package/dist/components/SelectInput/components/Dropdown/index.js +11 -0
- package/dist/components/SelectInput/components/SelectBar/SelectBar.d.ts.map +1 -0
- package/dist/components/SelectInput/components/{SelectBar.js → SelectBar/SelectBar.js} +24 -125
- package/dist/components/SelectInput/components/SelectBar/Values.d.ts +20 -0
- package/dist/components/SelectInput/components/SelectBar/Values.d.ts.map +1 -0
- package/dist/components/SelectInput/components/SelectBar/Values.js +93 -0
- package/dist/components/SelectInput/components/SelectBar/index.d.ts +2 -0
- package/dist/components/SelectInput/components/SelectBar/index.d.ts.map +1 -0
- package/dist/components/SelectInput/components/SelectBar/index.js +11 -0
- package/dist/components/SelectInput/components/SelectBar/selectBar.css.d.ts.map +1 -0
- package/dist/components/SelectInput/components/{selectBar.css.js → SelectBar/selectBar.css.js} +19 -19
- package/dist/components/SelectInput/components/SelectBar/selectBar.css.ts.vanilla.js +8 -0
- package/dist/components/SelectInput/components/helpers.d.ts +30 -0
- package/dist/components/SelectInput/components/helpers.d.ts.map +1 -0
- package/dist/components/SelectInput/components/helpers.js +77 -0
- package/dist/components/SelectInput/components/index.d.ts +3 -0
- package/dist/components/SelectInput/components/index.d.ts.map +1 -0
- package/dist/components/SelectInput/components/index.js +15 -0
- package/dist/components/SelectInput/index.d.ts.map +1 -1
- package/dist/components/SelectInput/index.js +4 -4
- package/dist/components/SelectInput/reducerFonctions.d.ts +28 -0
- package/dist/components/SelectInput/reducerFonctions.d.ts.map +1 -0
- package/dist/components/SelectInput/reducerFonctions.js +76 -0
- package/dist/components/SelectInput/styles.css.d.ts +4 -2
- package/dist/components/SelectInput/styles.css.d.ts.map +1 -1
- package/dist/components/SelectInput/styles.css.js +52 -50
- package/dist/components/SelectableCard/MultiStateInput.js +1 -1
- package/dist/components/SelectableCard/SelectableCard.js +5 -4
- package/dist/components/SelectableCardGroup/Context.d.ts +11 -0
- package/dist/components/SelectableCardGroup/Context.d.ts.map +1 -0
- package/dist/components/SelectableCardGroup/Context.js +13 -0
- package/dist/components/SelectableCardGroup/SingleCard.d.ts +5 -0
- package/dist/components/SelectableCardGroup/SingleCard.d.ts.map +1 -0
- package/dist/components/SelectableCardGroup/SingleCard.js +42 -0
- package/dist/components/SelectableCardGroup/index.d.ts +2 -4
- package/dist/components/SelectableCardGroup/index.d.ts.map +1 -1
- package/dist/components/SelectableCardGroup/index.js +6 -30
- package/dist/components/SelectableCardOptionGroup/components/Option.js +1 -1
- package/dist/components/Skeleton/Blocks.d.ts.map +1 -1
- package/dist/components/Skeleton/List.d.ts.map +1 -1
- package/dist/components/Skeleton/List.js +8 -9
- package/dist/components/Skeleton/Slider.d.ts.map +1 -1
- package/dist/components/Skeleton/index.js +1 -2
- package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
- package/dist/components/Slider/components/SingleSlider.js +1 -1
- package/dist/components/Snippet/CodeContent.d.ts +14 -0
- package/dist/components/Snippet/CodeContent.d.ts.map +1 -0
- package/dist/components/Snippet/CodeContent.js +36 -0
- package/dist/components/Snippet/index.d.ts +1 -1
- package/dist/components/Snippet/index.d.ts.map +1 -1
- package/dist/components/Snippet/index.js +6 -22
- package/dist/components/Stack/index.js +2 -2
- package/dist/components/Stack/styles.css.js +2 -2
- package/dist/components/StepList/Item.d.ts +17 -0
- package/dist/components/StepList/Item.d.ts.map +1 -0
- package/dist/components/StepList/Item.js +32 -0
- package/dist/components/StepList/index.d.ts +12 -15
- package/dist/components/StepList/index.d.ts.map +1 -1
- package/dist/components/StepList/index.js +4 -19
- package/dist/components/Stepper/Bullet.d.ts +7 -0
- package/dist/components/Stepper/Bullet.d.ts.map +1 -0
- package/dist/components/Stepper/Bullet.js +42 -0
- package/dist/components/Stepper/Step.d.ts.map +1 -1
- package/dist/components/Stepper/Step.js +8 -24
- package/dist/components/Stepper/index.js +1 -1
- package/dist/components/Table/Cell.js +1 -1
- package/dist/components/Table/HeaderCell.d.ts.map +1 -1
- package/dist/components/Table/HeaderCell.js +6 -12
- package/dist/components/Table/SortIcon.d.ts +4 -0
- package/dist/components/Table/SortIcon.d.ts.map +1 -0
- package/dist/components/Table/SortIcon.js +19 -0
- package/dist/components/Table/TableContainer.d.ts +5 -0
- package/dist/components/Table/TableContainer.d.ts.map +1 -0
- package/dist/components/Table/TableContainer.js +31 -0
- package/dist/components/Table/TableContext.d.ts.map +1 -1
- package/dist/components/Table/TableContext.js +2 -2
- package/dist/components/Table/index.d.ts +6 -6
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +6 -22
- package/dist/components/Table/styles.css.js +0 -2
- package/dist/components/Tabs/Tab.js +2 -2
- package/dist/components/Tabs/TabMenu.js +2 -2
- package/dist/components/Tabs/TabMenuItem.js +2 -2
- package/dist/components/Tabs/index.js +2 -2
- package/dist/components/Tag/TagInner.d.ts +5 -0
- package/dist/components/Tag/TagInner.d.ts.map +1 -0
- package/dist/components/Tag/TagInner.js +48 -0
- package/dist/components/Tag/index.d.ts +1 -31
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +7 -40
- package/dist/components/Tag/type.d.ts +31 -0
- package/dist/components/Tag/type.d.ts.map +1 -0
- package/dist/components/TagInput/index.js +1 -1
- package/dist/components/TagList/constant.d.ts +2 -0
- package/dist/components/TagList/constant.d.ts.map +1 -1
- package/dist/components/TagList/constant.js +3 -2
- package/dist/components/TagList/index.d.ts +1 -1
- package/dist/components/TagList/index.d.ts.map +1 -1
- package/dist/components/TagList/index.js +33 -27
- package/dist/components/TagList/styles.css.d.ts.map +1 -1
- package/dist/components/Text/index.js +1 -1
- package/dist/components/Text/style.css.js +0 -2
- package/dist/components/TextArea/Icon.d.ts +5 -0
- package/dist/components/TextArea/Icon.d.ts.map +1 -0
- package/dist/components/TextArea/Icon.js +19 -0
- package/dist/components/TextArea/Notice.d.ts +11 -0
- package/dist/components/TextArea/Notice.d.ts.map +1 -0
- package/dist/components/TextArea/Notice.js +41 -0
- package/dist/components/TextArea/constant.d.ts +2 -0
- package/dist/components/TextArea/constant.d.ts.map +1 -0
- package/dist/components/TextArea/constant.js +11 -0
- package/dist/components/TextArea/index.d.ts.map +1 -1
- package/dist/components/TextArea/index.js +29 -48
- package/dist/components/TextInput/BottomText.d.ts +3 -0
- package/dist/components/TextInput/BottomText.d.ts.map +1 -0
- package/dist/components/TextInput/BottomText.js +29 -0
- package/dist/components/TextInput/PrefixSuffix.d.ts +7 -0
- package/dist/components/TextInput/PrefixSuffix.d.ts.map +1 -0
- package/dist/components/TextInput/PrefixSuffix.js +30 -0
- package/dist/components/TextInput/RightIcon.d.ts +10 -0
- package/dist/components/TextInput/RightIcon.d.ts.map +1 -0
- package/dist/components/TextInput/RightIcon.js +62 -0
- package/dist/components/TextInput/ShowHidePassword.d.ts +7 -0
- package/dist/components/TextInput/ShowHidePassword.d.ts.map +1 -0
- package/dist/components/TextInput/ShowHidePassword.js +36 -0
- package/dist/components/TextInput/index.d.ts +5 -6
- package/dist/components/TextInput/index.d.ts.map +1 -1
- package/dist/components/TextInput/index.js +46 -106
- package/dist/components/TextInput/type.d.ts +25 -0
- package/dist/components/TextInput/type.d.ts.map +1 -0
- package/dist/components/TimeInput/RightIcon.d.ts +9 -0
- package/dist/components/TimeInput/RightIcon.d.ts.map +1 -0
- package/dist/components/TimeInput/RightIcon.js +36 -0
- package/dist/components/TimeInput/index.d.ts.map +1 -1
- package/dist/components/TimeInput/index.js +17 -29
- package/dist/components/Toaster/Toaster.js +1 -1
- package/dist/components/ToggleGroup/Context.d.ts +9 -0
- package/dist/components/ToggleGroup/Context.d.ts.map +1 -0
- package/dist/components/ToggleGroup/Context.js +13 -0
- package/dist/components/ToggleGroup/SingleToggle.d.ts +11 -0
- package/dist/components/ToggleGroup/SingleToggle.d.ts.map +1 -0
- package/dist/components/ToggleGroup/SingleToggle.js +37 -0
- package/dist/components/ToggleGroup/index.d.ts +2 -9
- package/dist/components/ToggleGroup/index.d.ts.map +1 -1
- package/dist/components/ToggleGroup/index.js +6 -25
- package/dist/components/TreeMapChart/index.js +1 -1
- package/dist/components/VerificationCode/index.js +2 -3
- package/dist/components/compositions/CodeEditor/components/CopyButton.d.ts +5 -0
- package/dist/components/compositions/CodeEditor/components/CopyButton.d.ts.map +1 -0
- package/dist/components/compositions/CodeEditor/components/CopyButton.js +24 -0
- package/dist/components/compositions/CodeEditor/components/Expandable.d.ts +8 -0
- package/dist/components/compositions/CodeEditor/components/Expandable.d.ts.map +1 -0
- package/dist/components/compositions/CodeEditor/components/Expandable.js +37 -0
- package/dist/components/compositions/CodeEditor/index.d.ts +4 -38
- package/dist/components/compositions/CodeEditor/index.d.ts.map +1 -1
- package/dist/components/compositions/CodeEditor/index.js +6 -33
- package/dist/components/compositions/CodeEditor/styles.css.js +2 -0
- package/dist/components/compositions/CodeEditor/type.d.ts +38 -0
- package/dist/components/compositions/CodeEditor/type.d.ts.map +1 -0
- package/dist/components/compositions/ContentCard/Content.d.ts +0 -10
- package/dist/components/compositions/ContentCard/Content.d.ts.map +1 -1
- package/dist/components/compositions/ContentCard/Content.js +2 -30
- package/dist/components/compositions/ContentCard/ImageContent.d.ts +7 -0
- package/dist/components/compositions/ContentCard/ImageContent.d.ts.map +1 -0
- package/dist/components/compositions/ContentCard/ImageContent.js +23 -0
- package/dist/components/compositions/ContentCard/LinkContent.d.ts +5 -0
- package/dist/components/compositions/ContentCard/LinkContent.d.ts.map +1 -0
- package/dist/components/compositions/ContentCard/LinkContent.js +30 -0
- package/dist/components/compositions/ContentCard/index.d.ts.map +1 -1
- package/dist/components/compositions/ContentCard/index.js +5 -1
- package/dist/components/compositions/ContentCardGroup/index.d.ts.map +1 -1
- package/dist/components/compositions/Conversation/components/Date.d.ts +6 -0
- package/dist/components/compositions/Conversation/components/Date.d.ts.map +1 -0
- package/dist/components/compositions/Conversation/components/Date.js +23 -0
- package/dist/components/compositions/Conversation/components/Message.d.ts +11 -0
- package/dist/components/compositions/Conversation/components/Message.d.ts.map +1 -0
- package/dist/components/compositions/Conversation/components/Message.js +28 -0
- package/dist/components/compositions/Conversation/components/MessageInfos.d.ts +7 -0
- package/dist/components/compositions/Conversation/components/MessageInfos.d.ts.map +1 -0
- package/dist/components/compositions/Conversation/components/MessageInfos.js +18 -0
- package/dist/components/compositions/Conversation/components/MessageTag.d.ts +6 -0
- package/dist/components/compositions/Conversation/components/MessageTag.d.ts.map +1 -0
- package/dist/components/compositions/Conversation/components/MessageTag.js +20 -0
- package/dist/components/compositions/Conversation/index.d.ts +7 -22
- package/dist/components/compositions/Conversation/index.d.ts.map +1 -1
- package/dist/components/compositions/Conversation/index.js +10 -41
- package/dist/components/compositions/EstimateCost/Components/Children.d.ts +3 -0
- package/dist/components/compositions/EstimateCost/Components/Children.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Components/Children.js +52 -0
- package/dist/components/compositions/EstimateCost/Components/{ContentComponents.d.ts → Description.d.ts} +2 -8
- package/dist/components/compositions/EstimateCost/Components/Description.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Components/Description.js +19 -0
- package/dist/components/compositions/EstimateCost/Components/Item.d.ts.map +1 -1
- package/dist/components/compositions/EstimateCost/Components/Item.js +1 -1
- package/dist/components/compositions/EstimateCost/Components/ItemLeftSide.js +1 -1
- package/dist/components/compositions/EstimateCost/Components/ItemPrice.d.ts.map +1 -1
- package/dist/components/compositions/EstimateCost/Components/LineThrough.js +2 -2
- package/dist/components/compositions/EstimateCost/Components/Title.d.ts +5 -0
- package/dist/components/compositions/EstimateCost/Components/Title.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Components/Title.js +23 -0
- package/dist/components/compositions/EstimateCost/Components/Total.d.ts +3 -0
- package/dist/components/compositions/EstimateCost/Components/Total.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Components/{ContentComponents.js → Total.js} +6 -54
- package/dist/components/compositions/EstimateCost/Components/Unit.js +1 -1
- package/dist/components/compositions/EstimateCost/Components/components.css.js +2 -3
- package/dist/components/compositions/EstimateCost/Ellipsis.d.ts +7 -0
- package/dist/components/compositions/EstimateCost/Ellipsis.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Ellipsis.js +37 -0
- package/dist/components/compositions/EstimateCost/EstimateCostContent.d.ts.map +1 -1
- package/dist/components/compositions/EstimateCost/EstimateCostContent.js +8 -4
- package/dist/components/compositions/EstimateCost/EstimateCostProvider.js +1 -1
- package/dist/components/compositions/EstimateCost/Image.d.ts +2 -0
- package/dist/components/compositions/EstimateCost/Image.d.ts.map +1 -0
- package/dist/components/compositions/EstimateCost/Image.js +21 -0
- package/dist/components/compositions/EstimateCost/index.d.ts +10 -11
- package/dist/components/compositions/EstimateCost/index.d.ts.map +1 -1
- package/dist/components/compositions/EstimateCost/index.js +5 -35
- package/dist/components/compositions/EstimateCost/types.d.ts +1 -1
- package/dist/components/compositions/EstimateCost/types.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/components/Cell.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/components/Cell.js +2 -1
- package/dist/components/compositions/InfoTable/components/Row.js +1 -1
- package/dist/components/compositions/InfoTable/styles.css.d.ts +1 -0
- package/dist/components/compositions/InfoTable/styles.css.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/styles.css.js +2 -3
- package/dist/components/compositions/Navigation/NavigationProvider.js +1 -1
- package/dist/components/compositions/Navigation/components/Group.js +1 -1
- package/dist/components/compositions/Navigation/components/Item/Badge.d.ts +5 -0
- package/dist/components/compositions/Navigation/components/Item/Badge.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/Item/Badge.js +23 -0
- package/dist/components/compositions/Navigation/components/Item/Children.d.ts +5 -0
- package/dist/components/compositions/Navigation/components/Item/Children.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/Item/Children.js +39 -0
- package/dist/components/compositions/Navigation/components/Item/Content.d.ts +3 -0
- package/dist/components/compositions/Navigation/components/Item/Content.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/Item/Content.js +80 -0
- package/dist/components/compositions/Navigation/components/{Item.d.ts → Item/Item.d.ts} +2 -2
- package/dist/components/compositions/Navigation/components/Item/Item.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/{Item.js → Item/Item.js} +35 -8
- package/dist/components/compositions/Navigation/components/{ItemExpanded.d.ts → Item/ItemExpanded.d.ts} +1 -1
- package/dist/components/compositions/Navigation/components/Item/ItemExpanded.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/{ItemExpanded.js → Item/ItemExpanded.js} +16 -92
- package/dist/components/compositions/Navigation/components/Item/ItemProvider.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/{ItemProvider.js → Item/ItemProvider.js} +2 -2
- package/dist/components/compositions/Navigation/components/{ItemFragments.d.ts → Item/PinnedButton.d.ts} +2 -5
- package/dist/components/compositions/Navigation/components/Item/PinnedButton.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/{ItemFragments.js → Item/PinnedButton.js} +9 -19
- package/dist/components/compositions/Navigation/components/Menu/Menu.d.ts +3 -0
- package/dist/components/compositions/Navigation/components/Menu/Menu.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/Menu/Menu.js +73 -0
- package/dist/components/compositions/Navigation/components/{ItemMenu.d.ts → Menu/MenuItem.d.ts} +2 -3
- package/dist/components/compositions/Navigation/components/Menu/MenuItem.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/{ItemMenu.js → Menu/MenuItem.js} +16 -65
- package/dist/components/compositions/Navigation/components/Menu/NestedMenu.d.ts +3 -0
- package/dist/components/compositions/Navigation/components/Menu/NestedMenu.d.ts.map +1 -0
- package/dist/components/compositions/Navigation/components/Menu/NestedMenu.js +51 -0
- package/dist/components/compositions/Navigation/components/PinnedItems.d.ts.map +1 -1
- package/dist/components/compositions/Navigation/components/PinnedItems.js +2 -2
- package/dist/components/compositions/Navigation/components/ShowHide.d.ts.map +1 -1
- package/dist/components/compositions/Navigation/index.js +1 -1
- package/dist/components/compositions/OfferList/components/Row.d.ts +1 -1
- package/dist/components/compositions/OfferList/components/Row.d.ts.map +1 -1
- package/dist/components/compositions/OfferList/components/Row.js +13 -47
- package/dist/components/compositions/OfferList/components/SelectableCell.d.ts +21 -0
- package/dist/components/compositions/OfferList/components/SelectableCell.d.ts.map +1 -0
- package/dist/components/compositions/OfferList/components/SelectableCell.js +71 -0
- package/dist/components/compositions/OfferList/index.d.ts.map +1 -1
- package/dist/components/compositions/OptionSelector/styles.css.js +178 -2
- package/dist/components/compositions/OrderSummary/ScrollableContent.d.ts.map +1 -1
- package/dist/components/compositions/OrderSummary/ScrollableContent.js +6 -221
- package/dist/components/compositions/OrderSummary/components/Category.d.ts +5 -0
- package/dist/components/compositions/OrderSummary/components/Category.d.ts.map +1 -0
- package/dist/components/compositions/OrderSummary/components/Category.js +125 -0
- package/dist/components/compositions/OrderSummary/components/SubCategory.d.ts +5 -0
- package/dist/components/compositions/OrderSummary/components/SubCategory.d.ts.map +1 -0
- package/dist/components/compositions/OrderSummary/components/SubCategory.js +104 -0
- package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.d.ts +5 -0
- package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.d.ts.map +1 -0
- package/dist/components/compositions/OrderSummary/components/SubCategoryPrice.js +50 -0
- package/dist/components/compositions/OrderSummary/helpers.js +1 -1
- package/dist/components/compositions/OrderSummary/index.d.ts +4 -0
- package/dist/components/compositions/OrderSummary/index.d.ts.map +1 -1
- package/dist/components/compositions/Plans/index.d.ts +3 -0
- package/dist/components/compositions/Plans/index.d.ts.map +1 -1
- package/dist/components/index.js +5 -4
- package/dist/components/styles.js +20 -20
- package/dist/helpers/legend.d.ts +15 -15
- package/dist/helpers/nivoTheme.d.ts +15 -15
- package/dist/helpers/treeMap.d.ts +15 -15
- package/dist/index.js +9 -8
- package/dist/theme/ThemeProvider.d.ts +15 -15
- package/dist/theme/index.d.ts +42 -42
- package/dist/ui.css +1 -1
- package/package.json +12 -6
- package/dist/components/SelectInput/components/Dropdown.d.ts.map +0 -1
- package/dist/components/SelectInput/components/Dropdown.js +0 -741
- package/dist/components/SelectInput/components/DropdownOption.d.ts.map +0 -1
- package/dist/components/SelectInput/components/DropdownOption.js +0 -163
- package/dist/components/SelectInput/components/SearchBarDropdown.d.ts +0 -10
- package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map +0 -1
- package/dist/components/SelectInput/components/SelectBar.d.ts.map +0 -1
- package/dist/components/SelectInput/components/dropdown.css.d.ts.map +0 -1
- package/dist/components/SelectInput/components/dropdown.css.ts.vanilla.js +0 -8
- package/dist/components/SelectInput/components/selectBar.css.d.ts.map +0 -1
- package/dist/components/SelectInput/components/selectBar.css.ts.vanilla.js +0 -8
- package/dist/components/compositions/EstimateCost/Components/ContentComponents.d.ts.map +0 -1
- package/dist/components/compositions/Navigation/components/Item.d.ts.map +0 -1
- package/dist/components/compositions/Navigation/components/ItemExpanded.d.ts.map +0 -1
- package/dist/components/compositions/Navigation/components/ItemFragments.d.ts.map +0 -1
- package/dist/components/compositions/Navigation/components/ItemMenu.d.ts.map +0 -1
- package/dist/components/compositions/Navigation/components/ItemProvider.d.ts.map +0 -1
- /package/dist/components/SelectInput/components/{SelectBar.d.ts → SelectBar/SelectBar.d.ts} +0 -0
- /package/dist/components/SelectInput/components/{selectBar.css.d.ts → SelectBar/selectBar.css.d.ts} +0 -0
- /package/dist/components/compositions/Navigation/components/{ItemProvider.d.ts → Item/ItemProvider.d.ts} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
2
2
|
|
|
3
3
|
//#region src/components/Popup/helpers.ts
|
|
4
|
-
var PLACEMENTS, isGenericPlacement, DEFAULT_ARROW_WIDTH, SPACE, TOTAL_USED_SPACE, DEFAULT_POSITIONS, getOrderOfPlacement, computePlacement, findOffsetParent, getPopupOverflowFromParent, computePositions;
|
|
4
|
+
var PLACEMENTS, isGenericPlacement, DEFAULT_ARROW_WIDTH, SPACE, TOTAL_USED_SPACE, DEFAULT_POSITIONS, getOrderOfPlacement, computePlacement, findOffsetParent, getVerticalOverflow, getHorizontalOverflow, getPopupOverflowFromParent, placementBottom, placementLeft, placementRight, placementNested, placementTop, computePositions;
|
|
5
5
|
var init_helpers = __esmMin(() => {
|
|
6
6
|
PLACEMENTS = [
|
|
7
7
|
"top",
|
|
@@ -89,34 +89,133 @@ var init_helpers = __esmMin(() => {
|
|
|
89
89
|
}
|
|
90
90
|
return document.body;
|
|
91
91
|
};
|
|
92
|
+
getVerticalOverflow = (childrenRect, offsetParentRect, popupHalfWidthWithArrow, popupWidth) => {
|
|
93
|
+
const { left: parentLeft, right: parentRight } = offsetParentRect;
|
|
94
|
+
const { left: childrenLeft, right: childrenRight, width: childrenWidth } = childrenRect;
|
|
95
|
+
const popupOverflowRight = childrenRight - childrenWidth / 2 + popupWidth / 2;
|
|
96
|
+
const popupOverflowLeft = childrenLeft + childrenWidth / 2 - parentLeft - popupWidth / 2;
|
|
97
|
+
if (popupOverflowRight > parentRight) {
|
|
98
|
+
if (Math.abs(popupOverflowRight - parentRight) > popupHalfWidthWithArrow) return -popupHalfWidthWithArrow;
|
|
99
|
+
return parentRight - popupOverflowRight;
|
|
100
|
+
}
|
|
101
|
+
if (popupOverflowLeft < 0) {
|
|
102
|
+
if (Math.abs(popupOverflowLeft) > popupHalfWidthWithArrow) return popupHalfWidthWithArrow;
|
|
103
|
+
return Math.abs(popupOverflowLeft);
|
|
104
|
+
}
|
|
105
|
+
};
|
|
106
|
+
getHorizontalOverflow = (childrenRect, offsetParentRect, popupHeight, popupHalfHeightWithArrow) => {
|
|
107
|
+
const { top: parentTop } = offsetParentRect;
|
|
108
|
+
const { top: childrenTop, bottom: childrenBottom } = childrenRect;
|
|
109
|
+
const popupOverflowTop = childrenTop - parentTop - popupHeight / 2;
|
|
110
|
+
if (popupOverflowTop < 0) {
|
|
111
|
+
if (Math.abs(childrenTop - parentTop - popupHalfHeightWithArrow) > popupHalfHeightWithArrow) return popupHalfHeightWithArrow;
|
|
112
|
+
return Math.abs(popupOverflowTop);
|
|
113
|
+
}
|
|
114
|
+
if (childrenBottom + popupHeight > window.innerHeight) return -popupHalfHeightWithArrow;
|
|
115
|
+
};
|
|
92
116
|
getPopupOverflowFromParent = (position, offsetParentRect, childrenRect, popupStructuredRef, arrowWidth) => {
|
|
93
|
-
const { top: parentTop, left: parentLeft, right: parentRight } = offsetParentRect;
|
|
94
|
-
const { top: childrenTop, bottom: childrenBottom, left: childrenLeft, right: childrenRight, width: childrenWidth } = childrenRect;
|
|
95
117
|
const { width: popupWidth, height: popupHeight } = popupStructuredRef;
|
|
96
118
|
const popupHalfWidthWithArrow = popupWidth / 2 - arrowWidth - 1;
|
|
97
119
|
const popupHalfHeightWithArrow = popupHeight / 2 - arrowWidth - 1;
|
|
98
120
|
if (position === "top" || position === "bottom") {
|
|
99
|
-
const
|
|
100
|
-
|
|
101
|
-
if (popupOverflowRight > parentRight) {
|
|
102
|
-
if (Math.abs(popupOverflowRight - parentRight) > popupHalfWidthWithArrow) return -popupHalfWidthWithArrow;
|
|
103
|
-
return parentRight - popupOverflowRight;
|
|
104
|
-
}
|
|
105
|
-
if (popupOverflowLeft < 0) {
|
|
106
|
-
if (Math.abs(popupOverflowLeft) > popupHalfWidthWithArrow) return popupHalfWidthWithArrow;
|
|
107
|
-
return Math.abs(popupOverflowLeft);
|
|
108
|
-
}
|
|
121
|
+
const overflow = getVerticalOverflow(childrenRect, offsetParentRect, popupHalfWidthWithArrow, popupWidth);
|
|
122
|
+
if (overflow) return overflow;
|
|
109
123
|
}
|
|
110
124
|
if (position === "left" || position === "right") {
|
|
111
|
-
const
|
|
112
|
-
if (
|
|
113
|
-
if (Math.abs(childrenTop - parentTop - popupHalfHeightWithArrow) > popupHalfHeightWithArrow) return popupHalfHeightWithArrow;
|
|
114
|
-
return Math.abs(popupOverflowTop);
|
|
115
|
-
}
|
|
116
|
-
if (childrenBottom + popupHeight > window.innerHeight) return -popupHalfHeightWithArrow;
|
|
125
|
+
const overflow = getHorizontalOverflow(childrenRect, offsetParentRect, popupHeight, popupHalfHeightWithArrow);
|
|
126
|
+
if (overflow) return overflow;
|
|
117
127
|
}
|
|
118
128
|
return 0;
|
|
119
129
|
};
|
|
130
|
+
placementBottom = (isAligned, overloadedChildrenLeft, childrenWidth, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, isPopupPortalTargetBody) => {
|
|
131
|
+
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
132
|
+
const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + arrowWidth + SPACE;
|
|
133
|
+
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
134
|
+
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
135
|
+
return {
|
|
136
|
+
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
137
|
+
arrowTop: `${-arrowWidth - 5}px`,
|
|
138
|
+
arrowTransform: "",
|
|
139
|
+
placement: "bottom",
|
|
140
|
+
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
|
|
141
|
+
popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
|
|
142
|
+
rotate: 180
|
|
143
|
+
};
|
|
144
|
+
};
|
|
145
|
+
placementLeft = (isAligned, overloadedChildrenLeft, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight) => {
|
|
146
|
+
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
147
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
148
|
+
return {
|
|
149
|
+
arrowLeft: popupWidth + arrowWidth + 5,
|
|
150
|
+
arrowTop: "50%",
|
|
151
|
+
arrowTransform: "translate(-50%, -50%)",
|
|
152
|
+
placement: "left",
|
|
153
|
+
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
154
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
155
|
+
rotate: -90
|
|
156
|
+
};
|
|
157
|
+
};
|
|
158
|
+
placementRight = (isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight) => {
|
|
159
|
+
const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
160
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
161
|
+
return {
|
|
162
|
+
arrowLeft: -arrowWidth - 5,
|
|
163
|
+
arrowTop: "50%",
|
|
164
|
+
arrowTransform: "translate(50%, -50%)",
|
|
165
|
+
placement: "right",
|
|
166
|
+
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
167
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
168
|
+
rotate: 90
|
|
169
|
+
};
|
|
170
|
+
};
|
|
171
|
+
placementNested = (isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight, childrenRect, offsetParent, offsetParentRect, popupStructuredRef, overloadedChildrenLeft, popupWidth, popupPortalTarget) => {
|
|
172
|
+
if (computePlacement({
|
|
173
|
+
childrenStructuredRef: childrenRect,
|
|
174
|
+
isNestedMenu: true,
|
|
175
|
+
offsetParent,
|
|
176
|
+
offsetParentRect,
|
|
177
|
+
popupPortalTarget,
|
|
178
|
+
popupStructuredRef
|
|
179
|
+
}) === "right") {
|
|
180
|
+
const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
181
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
|
|
182
|
+
return {
|
|
183
|
+
arrowLeft: -arrowWidth - 5,
|
|
184
|
+
arrowTop: "50%",
|
|
185
|
+
arrowTransform: "translate(50%, -50%)",
|
|
186
|
+
placement: "right",
|
|
187
|
+
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
188
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
189
|
+
rotate: 90
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
193
|
+
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
194
|
+
return {
|
|
195
|
+
arrowLeft: popupWidth + arrowWidth + 5,
|
|
196
|
+
arrowTop: "50%",
|
|
197
|
+
arrowTransform: "translate(-50%, -50%)",
|
|
198
|
+
placement: "left",
|
|
199
|
+
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
200
|
+
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
201
|
+
rotate: -90
|
|
202
|
+
};
|
|
203
|
+
};
|
|
204
|
+
placementTop = (isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody) => {
|
|
205
|
+
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
206
|
+
const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
|
|
207
|
+
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
208
|
+
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
209
|
+
return {
|
|
210
|
+
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
211
|
+
arrowTop: `${popupHeight - 1}px`,
|
|
212
|
+
arrowTransform: "",
|
|
213
|
+
placement: "top",
|
|
214
|
+
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
215
|
+
popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
|
|
216
|
+
rotate: 0
|
|
217
|
+
};
|
|
218
|
+
};
|
|
120
219
|
computePositions = ({ placement, childrenRef, popupRef, popupPortalTarget, hasArrow, align }) => {
|
|
121
220
|
var _offsetParent$getBoun;
|
|
122
221
|
var _window$innerWidth;
|
|
@@ -149,110 +248,12 @@ var init_helpers = __esmMin(() => {
|
|
|
149
248
|
const popupOverflow = getPopupOverflowFromParent(placementBasedOnWindowSize, offsetParentRect, childrenRect, popupStructuredRef, arrowWidth);
|
|
150
249
|
const isAligned = align === "start";
|
|
151
250
|
switch (placementBasedOnWindowSize) {
|
|
152
|
-
case "bottom":
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
159
|
-
arrowTop: `${-arrowWidth - 5}px`,
|
|
160
|
-
arrowTransform: "",
|
|
161
|
-
placement: "bottom",
|
|
162
|
-
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
|
|
163
|
-
popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
|
|
164
|
-
rotate: 180
|
|
165
|
-
};
|
|
166
|
-
}
|
|
167
|
-
case "left": {
|
|
168
|
-
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
169
|
-
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
170
|
-
return {
|
|
171
|
-
arrowLeft: popupWidth + arrowWidth + 5,
|
|
172
|
-
arrowTop: "50%",
|
|
173
|
-
arrowTransform: "translate(-50%, -50%)",
|
|
174
|
-
placement: "left",
|
|
175
|
-
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
176
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
177
|
-
rotate: -90
|
|
178
|
-
};
|
|
179
|
-
}
|
|
180
|
-
case "right": {
|
|
181
|
-
const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
182
|
-
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
183
|
-
return {
|
|
184
|
-
arrowLeft: -arrowWidth - 5,
|
|
185
|
-
arrowTop: "50%",
|
|
186
|
-
arrowTransform: "translate(50%, -50%)",
|
|
187
|
-
placement: "right",
|
|
188
|
-
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
189
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
190
|
-
rotate: 90
|
|
191
|
-
};
|
|
192
|
-
}
|
|
193
|
-
case "nested-menu": {
|
|
194
|
-
if (computePlacement({
|
|
195
|
-
childrenStructuredRef: childrenRect,
|
|
196
|
-
isNestedMenu: true,
|
|
197
|
-
offsetParent,
|
|
198
|
-
offsetParentRect,
|
|
199
|
-
popupPortalTarget,
|
|
200
|
-
popupStructuredRef
|
|
201
|
-
}) === "right") {
|
|
202
|
-
const positionX = overloadedChildrenRight + arrowWidth + SPACE * 2;
|
|
203
|
-
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
|
|
204
|
-
return {
|
|
205
|
-
arrowLeft: -arrowWidth - 5,
|
|
206
|
-
arrowTop: "50%",
|
|
207
|
-
arrowTransform: "translate(50%, -50%)",
|
|
208
|
-
placement: "right",
|
|
209
|
-
popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
210
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
211
|
-
rotate: 90
|
|
212
|
-
};
|
|
213
|
-
}
|
|
214
|
-
const positionX = overloadedChildrenLeft - popupWidth - arrowWidth - SPACE * 2;
|
|
215
|
-
const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
|
|
216
|
-
return {
|
|
217
|
-
arrowLeft: popupWidth + arrowWidth + 5,
|
|
218
|
-
arrowTop: "50%",
|
|
219
|
-
arrowTransform: "translate(-50%, -50%)",
|
|
220
|
-
placement: "left",
|
|
221
|
-
popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
|
|
222
|
-
popupPosition: `translate3d(${positionX}px, ${positionY + popupOverflow}px, 0)`,
|
|
223
|
-
rotate: -90
|
|
224
|
-
};
|
|
225
|
-
}
|
|
226
|
-
case "top": {
|
|
227
|
-
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
228
|
-
const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
|
|
229
|
-
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
230
|
-
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
231
|
-
return {
|
|
232
|
-
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
233
|
-
arrowTop: `${popupHeight - 1}px`,
|
|
234
|
-
arrowTransform: "",
|
|
235
|
-
placement: "top",
|
|
236
|
-
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
237
|
-
popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
|
|
238
|
-
rotate: 0
|
|
239
|
-
};
|
|
240
|
-
}
|
|
241
|
-
default: {
|
|
242
|
-
const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
|
|
243
|
-
const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
|
|
244
|
-
const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
|
|
245
|
-
const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
|
|
246
|
-
return {
|
|
247
|
-
arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
|
|
248
|
-
arrowTop: `${popupHeight - 1}px`,
|
|
249
|
-
arrowTransform: "",
|
|
250
|
-
placement: "top",
|
|
251
|
-
popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
|
|
252
|
-
popupPosition: `translate3d(${finalPositionX}px, ${positionY}px, 0)`,
|
|
253
|
-
rotate: 0
|
|
254
|
-
};
|
|
255
|
-
}
|
|
251
|
+
case "bottom": return placementBottom(isAligned, overloadedChildrenLeft, childrenWidth, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, isPopupPortalTargetBody);
|
|
252
|
+
case "left": return placementLeft(isAligned, overloadedChildrenLeft, popupWidth, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight);
|
|
253
|
+
case "right": return placementRight(isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight);
|
|
254
|
+
case "nested-menu": return placementNested(isAligned, overloadedChildrenTop, scrollTopValue, childrenHeight, arrowWidth, popupOverflow, popupHeight, overloadedChildrenRight, childrenRect, offsetParent, offsetParentRect, popupStructuredRef, overloadedChildrenLeft, popupWidth, popupPortalTarget);
|
|
255
|
+
case "top": return placementTop(isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody);
|
|
256
|
+
default: return placementTop(isAligned, overloadedChildrenTop, scrollTopValue, arrowWidth, popupOverflow, popupHeight, overloadedChildrenLeft, popupWidth, childrenWidth, isPopupPortalTargetBody);
|
|
256
257
|
}
|
|
257
258
|
};
|
|
258
259
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC3D,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAOd,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AAUD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAsfjB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
3
|
-
import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.
|
|
3
|
+
import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
|
|
4
4
|
import { init_isClientSide, isClientSide } from "../../helpers/isClientSide.js";
|
|
5
5
|
import { DEFAULT_POSITIONS, computePositions, init_helpers } from "./helpers.js";
|
|
6
6
|
import { init_styles_css, popupStyle } from "./styles.css.js";
|
|
@@ -214,7 +214,8 @@ var init_Popup = __esmMin(() => {
|
|
|
214
214
|
const handleClickOutside = (event) => {
|
|
215
215
|
const popupCurrent = innerPopupRef.current;
|
|
216
216
|
const childrenCurrent = childrenRef.current;
|
|
217
|
-
|
|
217
|
+
const target = event.target;
|
|
218
|
+
if (popupCurrent && hideOnClickOutside && !event.defaultPrevented && event.target && event.target !== popupCurrent && event.target !== childrenCurrent && !(childrenCurrent === null || childrenCurrent === void 0 ? void 0 : childrenCurrent.contains(target)) && !popupCurrent.contains(target)) {
|
|
218
219
|
event.preventDefault();
|
|
219
220
|
event.stopPropagation();
|
|
220
221
|
closePopup();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/styles.css.ts"],"names":[],"mappings":"AAwIA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAA"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
-
import {
|
|
3
|
-
import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
|
|
2
|
+
import { init_styles_css_ts_vanilla } from "../TagList/styles.css.ts.vanilla.js";
|
|
3
|
+
import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "./styles.css.ts.vanilla.js";
|
|
4
4
|
import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
5
5
|
|
|
6
6
|
//#region src/components/Popup/styles.css.ts
|
|
7
7
|
var popupStyle;
|
|
8
8
|
var init_styles_css = __esmMin(() => {
|
|
9
|
-
init_variables_css_ts_vanilla();
|
|
10
9
|
init_styles_css_ts_vanilla();
|
|
10
|
+
init_styles_css_ts_vanilla$1();
|
|
11
11
|
popupStyle = {
|
|
12
12
|
container: createRuntimeFn({
|
|
13
13
|
defaultClassName: "uv_w40vpo2",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,KAAK,gBAAgB,GAAG;IACtB,SAAS,CAAC,EAAE,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAA;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,gRA+FvB,CAAA"}
|
|
@@ -17,69 +17,72 @@ var init_ProgressBar = __esmMin(() => {
|
|
|
17
17
|
init_Text();
|
|
18
18
|
init_styles_css();
|
|
19
19
|
init_variables_css();
|
|
20
|
-
ProgressBar = ({ progress = false, value = 0, sentiment = "primary", className, "data-testid": dataTestId, showProgress = false, prefix, suffix = "%", max = 100, label, labelDescription, direction = "column", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, style }) =>
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
direction === "column"
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
20
|
+
ProgressBar = ({ progress = false, value = 0, sentiment = "primary", className, "data-testid": dataTestId, showProgress = false, prefix, suffix = "%", max = 100, label, labelDescription, direction = "column", "aria-labelledby": ariaLabelledBy, "aria-label": ariaLabel, style }) => {
|
|
21
|
+
const computedValue = suffix === "%" ? 100 * value / max : value;
|
|
22
|
+
return /* @__PURE__ */ jsxs(Stack, {
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
direction,
|
|
25
|
+
gap: direction === "column" ? 1 : 2,
|
|
26
|
+
children: [
|
|
27
|
+
direction === "column" && (label || showProgress) ? /* @__PURE__ */ jsxs(Stack, {
|
|
28
|
+
direction: "row",
|
|
29
|
+
justifyContent: !label && showProgress ? "right" : "space-between",
|
|
30
|
+
width: "100%",
|
|
31
|
+
children: [/* @__PURE__ */ jsx(Label, {
|
|
32
|
+
labelDescription,
|
|
33
|
+
size: "medium",
|
|
34
|
+
children: label
|
|
35
|
+
}), showProgress ? /* @__PURE__ */ jsxs(Text, {
|
|
36
|
+
as: "label",
|
|
37
|
+
placement: "right",
|
|
38
|
+
sentiment: "neutral",
|
|
39
|
+
variant: "bodySmall",
|
|
40
|
+
children: [
|
|
41
|
+
prefix,
|
|
42
|
+
computedValue,
|
|
43
|
+
suffix
|
|
44
|
+
]
|
|
45
|
+
}) : null]
|
|
46
|
+
}) : null,
|
|
47
|
+
direction === "row" && label ? /* @__PURE__ */ jsx(Label, {
|
|
30
48
|
labelDescription,
|
|
31
49
|
size: "medium",
|
|
32
50
|
children: label
|
|
33
|
-
})
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
width: "fit-content",
|
|
69
|
-
children: /* @__PURE__ */ jsxs(Text, {
|
|
70
|
-
as: "label",
|
|
71
|
-
className: progressBarStyle.customText[suffix ? "withSuffix" : "noSuffix"],
|
|
72
|
-
sentiment: "neutral",
|
|
73
|
-
variant: "bodySmall",
|
|
74
|
-
children: [
|
|
75
|
-
prefix,
|
|
76
|
-
suffix === "%" ? 100 * value / max : value,
|
|
77
|
-
suffix
|
|
78
|
-
]
|
|
79
|
-
})
|
|
80
|
-
}) : null
|
|
81
|
-
]
|
|
82
|
-
});
|
|
51
|
+
}) : null,
|
|
52
|
+
/* @__PURE__ */ jsx("div", {
|
|
53
|
+
"aria-label": ariaLabel,
|
|
54
|
+
"aria-labelledby": ariaLabelledBy,
|
|
55
|
+
"aria-valuemax": max,
|
|
56
|
+
"aria-valuemin": 0,
|
|
57
|
+
"aria-valuenow": value,
|
|
58
|
+
className: cn(className, progressBarStyle.container),
|
|
59
|
+
"data-testid": dataTestId,
|
|
60
|
+
role: "progressbar",
|
|
61
|
+
style,
|
|
62
|
+
children: progress ? /* @__PURE__ */ jsx("div", { className: progressBarStyle.progressBar }) : /* @__PURE__ */ jsx("div", {
|
|
63
|
+
className: progressBarStyle.filledBarSentiments[sentiment],
|
|
64
|
+
style: assignInlineVars({ [percentageValue]: `${100 * Math.max(0, Math.min(max, value)) / max}%` })
|
|
65
|
+
})
|
|
66
|
+
}),
|
|
67
|
+
showProgress && direction === "row" ? /* @__PURE__ */ jsx(Stack, {
|
|
68
|
+
direction: "row",
|
|
69
|
+
gap: 1,
|
|
70
|
+
width: "fit-content",
|
|
71
|
+
children: /* @__PURE__ */ jsxs(Text, {
|
|
72
|
+
as: "label",
|
|
73
|
+
className: progressBarStyle.customText[suffix ? "withSuffix" : "noSuffix"],
|
|
74
|
+
sentiment: "neutral",
|
|
75
|
+
variant: "bodySmall",
|
|
76
|
+
children: [
|
|
77
|
+
prefix,
|
|
78
|
+
computedValue,
|
|
79
|
+
suffix
|
|
80
|
+
]
|
|
81
|
+
})
|
|
82
|
+
}) : null
|
|
83
|
+
]
|
|
84
|
+
});
|
|
85
|
+
};
|
|
83
86
|
});
|
|
84
87
|
|
|
85
88
|
//#endregion
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
-
import { init_variables_css_ts_vanilla } from "./variables.css.ts.vanilla.js";
|
|
3
2
|
import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
|
|
4
3
|
|
|
5
4
|
//#region src/components/ProgressBar/styles.css.ts
|
|
6
5
|
var progressBarStyle;
|
|
7
6
|
var init_styles_css = __esmMin(() => {
|
|
8
|
-
init_variables_css_ts_vanilla();
|
|
9
7
|
init_styles_css_ts_vanilla();
|
|
10
8
|
progressBarStyle = {
|
|
11
9
|
container: "uv_1pgcd801",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MarkedIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/MarkedIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,+CAM3B,CAAA"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { init_styles_css, radioStyle } from "./styles.css.js";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
|
|
5
|
+
//#region src/components/Radio/MarkedIcon.tsx
|
|
6
|
+
var RadioMarkedIcon;
|
|
7
|
+
var init_MarkedIcon = __esmMin(() => {
|
|
8
|
+
init_styles_css();
|
|
9
|
+
RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [
|
|
10
|
+
/* @__PURE__ */ jsx("circle", {
|
|
11
|
+
cx: "12",
|
|
12
|
+
cy: "12",
|
|
13
|
+
r: "10",
|
|
14
|
+
strokeWidth: "2"
|
|
15
|
+
}),
|
|
16
|
+
/* @__PURE__ */ jsx("circle", {
|
|
17
|
+
className: radioStyle.innerCircleRing,
|
|
18
|
+
cx: "12",
|
|
19
|
+
cy: "12",
|
|
20
|
+
r: "8"
|
|
21
|
+
}),
|
|
22
|
+
/* @__PURE__ */ jsx("circle", {
|
|
23
|
+
className: radioStyle.mark,
|
|
24
|
+
cx: "12",
|
|
25
|
+
cy: "12",
|
|
26
|
+
r: "5"
|
|
27
|
+
})
|
|
28
|
+
] });
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
//#endregion
|
|
32
|
+
init_MarkedIcon();
|
|
33
|
+
export { RadioMarkedIcon, init_MarkedIcon };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/index.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,KAAK,UAAU,GAAG;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CACF,mBAAmB,CAAC,gBAAgB,CAAC,EACnC,SAAS,GACT,QAAQ,GACR,UAAU,GACV,WAAW,GACX,WAAW,GACX,IAAI,GACJ,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,SAAS,GACT,OAAO,CACV,GACD,SAAS,CAAA;AAEX;;GAEG;AACH,eAAO,MAAM,KAAK,yGAqGjB,CAAA"}
|
|
@@ -4,37 +4,19 @@ import { Stack, init_Stack } from "../Stack/index.js";
|
|
|
4
4
|
import { Tooltip, init_Tooltip } from "../Tooltip/index.js";
|
|
5
5
|
import { Text, init_Text } from "../Text/index.js";
|
|
6
6
|
import { init_styles_css, radioStyle } from "./styles.css.js";
|
|
7
|
+
import { RadioMarkedIcon, init_MarkedIcon } from "./MarkedIcon.js";
|
|
7
8
|
import { forwardRef, useId } from "react";
|
|
8
9
|
import { cn } from "@ultraviolet/utils";
|
|
9
10
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
10
11
|
|
|
11
12
|
//#region src/components/Radio/index.tsx
|
|
12
|
-
var
|
|
13
|
+
var Radio;
|
|
13
14
|
var init_Radio = __esmMin(() => {
|
|
14
15
|
init_Stack();
|
|
15
16
|
init_Text();
|
|
16
17
|
init_Tooltip();
|
|
18
|
+
init_MarkedIcon();
|
|
17
19
|
init_styles_css();
|
|
18
|
-
RadioMarkedIcon = () => /* @__PURE__ */ jsxs("g", { children: [
|
|
19
|
-
/* @__PURE__ */ jsx("circle", {
|
|
20
|
-
cx: "12",
|
|
21
|
-
cy: "12",
|
|
22
|
-
r: "10",
|
|
23
|
-
strokeWidth: "2"
|
|
24
|
-
}),
|
|
25
|
-
/* @__PURE__ */ jsx("circle", {
|
|
26
|
-
className: radioStyle.innerCircleRing,
|
|
27
|
-
cx: "12",
|
|
28
|
-
cy: "12",
|
|
29
|
-
r: "8"
|
|
30
|
-
}),
|
|
31
|
-
/* @__PURE__ */ jsx("circle", {
|
|
32
|
-
className: radioStyle.mark,
|
|
33
|
-
cx: "12",
|
|
34
|
-
cy: "12",
|
|
35
|
-
r: "5"
|
|
36
|
-
})
|
|
37
|
-
] });
|
|
38
20
|
Radio = forwardRef(({ checked = false, onChange, onFocus, onBlur, disabled = false, error, name, value, label, helper, className, autoFocus, onKeyDown, tooltip, "aria-label": ariaLabel, "data-testid": dataTestId, tabIndex, id, style }, forwadedRef) => {
|
|
39
21
|
const generatedId = useId();
|
|
40
22
|
const localId = id !== null && id !== void 0 ? id : generatedId;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
-
import { init_styles_css_ts_vanilla } from "../
|
|
3
|
-
import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../
|
|
2
|
+
import { init_styles_css_ts_vanilla } from "../SelectableCardOptionGroup/styles.css.ts.vanilla.js";
|
|
3
|
+
import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$1 } from "../SelectableCard/styles.css.ts.vanilla.js";
|
|
4
4
|
import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$2 } from "../SwitchButton/styles.css.ts.vanilla.js";
|
|
5
5
|
import { init_styles_css_ts_vanilla as init_styles_css_ts_vanilla$3 } from "./styles.css.ts.vanilla.js";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Radio/styles.css.ts
|
|
8
8
|
var radioStyle;
|
|
9
9
|
var init_styles_css = __esmMin(() => {
|
|
10
|
-
init_styles_css_ts_vanilla();
|
|
11
10
|
init_styles_css_ts_vanilla$1();
|
|
11
|
+
init_styles_css_ts_vanilla();
|
|
12
12
|
init_styles_css_ts_vanilla$2();
|
|
13
13
|
init_styles_css_ts_vanilla$3();
|
|
14
14
|
radioStyle = {
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { InputHTMLAttributes } from 'react';
|
|
2
|
+
type RadioGroupContextType = {
|
|
3
|
+
groupName?: string;
|
|
4
|
+
groupValue: string | number;
|
|
5
|
+
error: boolean;
|
|
6
|
+
} & Required<Pick<InputHTMLAttributes<HTMLInputElement>, 'onChange'>> & Pick<InputHTMLAttributes<HTMLInputElement>, 'required' | 'style'>;
|
|
7
|
+
export declare const RadioGroupContext: import("react").Context<RadioGroupContextType | undefined>;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/Context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAEhD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,KAAK,EAAE,OAAO,CAAA;CACf,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,CAAA;AAEnE,eAAO,MAAM,iBAAiB,4DAElB,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
|
|
2
|
+
import { createContext } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/RadioGroup/Context.tsx
|
|
5
|
+
var RadioGroupContext;
|
|
6
|
+
var init_Context = __esmMin(() => {
|
|
7
|
+
RadioGroupContext = createContext(void 0);
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
//#endregion
|
|
11
|
+
init_Context();
|
|
12
|
+
export { RadioGroupContext, init_Context };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Radio } from '../Radio';
|
|
2
|
+
import type { ComponentProps } from 'react';
|
|
3
|
+
type RadioGroupRadioProps = Omit<ComponentProps<typeof Radio>, 'onChange' | 'checked' | 'required' | 'name'>;
|
|
4
|
+
export declare const RadioGroupRadio: ({ onFocus, onBlur, disabled, error, value, label, helper, className, autoFocus, onKeyDown, tooltip, 'data-testid': dataTestId, style, }: RadioGroupRadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export {};
|
|
6
|
+
//# sourceMappingURL=SingleRadio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleRadio.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/SingleRadio.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAIhC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,KAAK,oBAAoB,GAAG,IAAI,CAC9B,cAAc,CAAC,OAAO,KAAK,CAAC,EAC5B,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAC7C,CAAA;AACD,eAAO,MAAM,eAAe,4MA2C3B,CAAA"}
|