@trilogy-ds/react 4.0.6 → 4.0.7-SC-beta-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/lib/components/accordion/Accordion.d.ts +2 -2
- package/lib/components/accordion/Accordion.js +4 -6
- package/lib/components/accordion/Accordion.native.d.ts +2 -2
- package/lib/components/accordion/Accordion.native.js +5 -5
- package/lib/components/accordion/AccordionProps.d.ts +0 -3
- package/lib/components/accordion/index.d.ts +5 -5
- package/lib/components/accordion/index.js +6 -6
- package/lib/components/accordion/item/AccordionItem.d.ts +1 -1
- package/lib/components/accordion/item/AccordionItem.js +6 -10
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +6 -8
- package/lib/components/accordion/item/body/AccordionBody.native.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.native.js +4 -4
- package/lib/components/accordion/item/body/AccordionBodyProps.d.ts +1 -1
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +6 -0
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +14 -0
- package/lib/components/accordion/item/body/index.d.ts +1 -1
- package/lib/components/accordion/item/body/index.js +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.js +4 -6
- package/lib/components/accordion/item/header/AccordionHeader.native.d.ts +2 -2
- package/lib/components/accordion/item/header/AccordionHeader.native.js +7 -7
- package/lib/components/accordion/item/header/index.d.ts +1 -1
- package/lib/components/accordion/item/header/index.js +2 -2
- package/lib/components/accordion/item/index.d.ts +1 -1
- package/lib/components/accordion/item/index.js +2 -2
- package/lib/components/alert/Alert.d.ts +1 -1
- package/lib/components/alert/Alert.js +17 -43
- package/lib/components/alert/context/ToasterContext.js +6 -2
- package/lib/components/alert/hooks/useAlert.d.ts +23 -0
- package/lib/components/alert/hooks/useAlert.js +48 -0
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +26 -127
- package/lib/components/autocomplete/AutoComplete.native.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.native.js +5 -5
- package/lib/components/autocomplete/AutoCompleteProps.d.ts +1 -1
- package/lib/components/autocomplete/Autocomplete.helpers.d.ts +1 -1
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +40 -0
- package/lib/components/autocomplete/hooks/useAutocomplete.js +144 -0
- package/lib/components/autocomplete/index.d.ts +3 -3
- package/lib/components/autocomplete/index.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteIem.native.d.ts +1 -1
- package/lib/components/autocomplete/item/AutoCompleteIem.native.js +4 -4
- package/lib/components/autocomplete/item/AutoCompleteItem.d.ts +2 -2
- package/lib/components/autocomplete/item/AutoCompleteItem.js +6 -8
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +9 -0
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +20 -0
- package/lib/components/autocomplete/item/index.d.ts +1 -1
- package/lib/components/autocomplete/item/index.js +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.d.ts +2 -2
- package/lib/components/autocomplete/menu/AutoCompleteMenu.js +5 -7
- package/lib/components/autocomplete/menu/AutoCompleteMenu.native.js +4 -4
- package/lib/components/autocomplete/menu/index.d.ts +1 -1
- package/lib/components/autocomplete/menu/index.js +2 -2
- package/lib/components/badge/Badge.d.ts +1 -1
- package/lib/components/badge/Badge.js +10 -13
- package/lib/components/badge/Badge.native.js +2 -2
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +2 -1
- package/lib/components/badge/index.js +3 -2
- package/lib/components/box/Box.js +8 -16
- package/lib/components/box/content/BoxContent.js +5 -7
- package/lib/components/box/footer/BoxFooter.js +4 -6
- package/lib/components/box/header/BoxHeader.js +5 -7
- package/lib/components/box/item/BoxItem.js +4 -6
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +5 -7
- package/lib/components/breadcrumb/Breadcrumb.js +2 -4
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +6 -8
- package/lib/components/button/Button.js +7 -19
- package/lib/components/button/hooks/useButton.d.ts +12 -0
- package/lib/components/button/hooks/useButton.js +16 -0
- package/lib/components/button/list/ButtonList.js +5 -7
- package/lib/components/card/Card.d.ts +1 -4
- package/lib/components/card/Card.js +8 -15
- package/lib/components/card/Card.native.d.ts +1 -1
- package/lib/components/card/Card.native.js +15 -13
- package/lib/components/card/CardProps.d.ts +3 -1
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +4 -6
- package/lib/components/card/content/CardContentProps.d.ts +1 -1
- package/lib/components/card/content/index.d.ts +1 -1
- package/lib/components/card/content/index.js +2 -2
- package/lib/components/card/image/CardImage.d.ts +1 -1
- package/lib/components/card/image/CardImage.js +7 -13
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +12 -12
- package/lib/components/card/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +17 -26
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +23 -24
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +7 -11
- package/lib/components/chips/index.d.ts +2 -2
- package/lib/components/chips/index.js +3 -3
- package/lib/components/chips/list/ChipsList.d.ts +2 -2
- package/lib/components/chips/list/ChipsList.js +5 -7
- package/lib/components/chips/list/index.d.ts +1 -1
- package/lib/components/chips/list/index.js +2 -2
- package/lib/components/columns/Columns.js +2 -4
- package/lib/components/columns/column/Column.js +2 -4
- package/lib/components/container/Container.js +2 -4
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +17 -77
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/hooks/useCountdown.d.ts +16 -0
- package/lib/components/countdown/hooks/useCountdown.js +77 -0
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +3 -5
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +7 -16
- package/lib/components/fab/FabProps.d.ts +5 -3
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +3 -5
- package/lib/components/icon/Icon.js +6 -8
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +7 -12
- package/lib/components/image/ImageProps.d.ts +3 -2
- package/lib/components/image/ImageProps.js +1 -1
- package/lib/components/image/index.d.ts +1 -1
- package/lib/components/image/index.js +2 -2
- package/lib/components/input/Input.d.ts +2 -2
- package/lib/components/input/Input.js +48 -128
- package/lib/components/input/Input.native.d.ts +1 -1
- package/lib/components/input/Input.native.js +6 -6
- package/lib/components/input/InputProps.d.ts +3 -3
- package/lib/components/input/gauge/InputGauge.d.ts +2 -3
- package/lib/components/input/gauge/InputGauge.js +15 -15
- package/lib/components/input/gauge/hook/useGauge.d.ts +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +89 -74
- package/lib/components/input/hook/useInput.d.ts +68 -0
- package/lib/components/input/hook/useInput.js +151 -0
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +6 -8
- package/lib/components/list/List.d.ts +3 -2
- package/lib/components/list/List.js +9 -9
- package/lib/components/list/List.native.d.ts +4 -3
- package/lib/components/list/List.native.js +11 -7
- package/lib/components/list/ListProps.d.ts +1 -0
- package/lib/components/list/ListPropsDefaults.js +8 -0
- package/lib/components/list/context/ListContext.d.ts +3 -0
- package/lib/components/list/context/ListContext.js +8 -0
- package/lib/components/list/context/ListContextProps.d.ts +7 -0
- package/lib/components/list/context/ListContextProps.js +2 -0
- package/lib/components/list/context/ListContextPropsDefaults.js +24 -0
- package/lib/components/list/context/index.d.ts +2 -0
- package/lib/components/list/context/index.js +3 -0
- package/lib/components/list/item/ListItem.js +6 -8
- package/lib/components/list/item/ListItem.native.d.ts +1 -1
- package/lib/components/list/item/ListItem.native.js +19 -5
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +5 -7
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +14 -74
- package/lib/components/modal/Modal.native.js +51 -109
- package/lib/components/modal/ModalProps.d.ts +3 -2
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +3 -5
- package/lib/components/modal/body/ModalBody.native.js +13 -8
- package/lib/components/modal/context/ModalContext.d.ts +3 -0
- package/lib/components/modal/context/ModalContext.js +8 -0
- package/lib/components/modal/context/ModalContextProps.d.ts +8 -0
- package/lib/components/modal/context/ModalContextProps.js +2 -0
- package/lib/components/modal/context/ModalContextPropsDefaults.js +25 -0
- package/lib/components/modal/context/index.d.ts +2 -0
- package/lib/components/modal/context/index.js +3 -0
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -6
- package/lib/components/modal/footer/ModalFooter.native.js +20 -10
- package/lib/components/modal/hooks/useModal.d.ts +26 -0
- package/lib/components/modal/hooks/useModal.js +86 -0
- package/lib/components/modal/index.d.ts +4 -4
- package/lib/components/modal/index.js +5 -5
- package/lib/components/otp/Otp.d.ts +1 -1
- package/lib/components/otp/Otp.js +22 -98
- package/lib/components/otp/hooks/useOtp.d.ts +20 -0
- package/lib/components/otp/hooks/useOtp.js +101 -0
- package/lib/components/otp/index.d.ts +1 -1
- package/lib/components/otp/index.js +2 -2
- package/lib/components/pagination/Pagination.d.ts +1 -1
- package/lib/components/pagination/Pagination.js +17 -66
- package/lib/components/pagination/PaginationProps.d.ts +3 -2
- package/lib/components/pagination/hooks/usePagination.d.ts +25 -0
- package/lib/components/pagination/hooks/usePagination.js +77 -0
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +5 -7
- package/lib/components/price/Price.js +11 -13
- package/lib/components/product-tour/ProductTour.js +13 -17
- package/lib/components/product-tour/hooks/useProductTour.d.ts +11 -0
- package/lib/components/product-tour/hooks/useProductTour.js +22 -0
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +11 -13
- package/lib/components/progress/ProgressProps.d.ts +1 -1
- package/lib/components/progress/index.d.ts +3 -3
- package/lib/components/progress/index.js +4 -4
- package/lib/components/progress/radial/ProgressRadial.d.ts +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +11 -52
- package/lib/components/progress/radial/ProgressRadial.native.js +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +5 -3
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +15 -0
- package/lib/components/progress/radial/hooks/useProgressRadial.js +57 -0
- package/lib/components/progress/radial/index.d.ts +1 -1
- package/lib/components/progress/radial/index.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.d.ts +1 -1
- package/lib/components/progress/radial/item/ProgressRadialtem.js +4 -6
- package/lib/components/progress/radial/item/index.d.ts +1 -1
- package/lib/components/progress/radial/item/index.js +2 -2
- package/lib/components/radio/Radio.js +6 -8
- package/lib/components/radio/RadioProps.d.ts +1 -1
- package/lib/components/radio/index.d.ts +5 -5
- package/lib/components/radio/index.js +6 -6
- package/lib/components/radio/list/RadioList.d.ts +1 -1
- package/lib/components/radio/list/RadioList.js +5 -7
- package/lib/components/radio/list/RadioListProps.d.ts +1 -1
- package/lib/components/radio/list/index.d.ts +1 -1
- package/lib/components/radio/list/index.js +2 -2
- package/lib/components/radio/tiles/RadioTiles.js +5 -7
- package/lib/components/radio/tiles/RadioTilesProps.d.ts +1 -1
- package/lib/components/radio/tiles/index.d.ts +1 -1
- package/lib/components/radio/tiles/index.js +2 -2
- package/lib/components/radio/tiles/tile/RadioTile.js +10 -12
- package/lib/components/radio/tiles/tile/index.d.ts +1 -1
- package/lib/components/radio/tiles/tile/index.js +2 -2
- package/lib/components/range/Range.d.ts +1 -1
- package/lib/components/range/Range.js +15 -57
- package/lib/components/range/RangeProps.d.ts +2 -1
- package/lib/components/range/hooks/useRange.d.ts +30 -0
- package/lib/components/range/hooks/useRange.js +63 -0
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +4 -6
- package/lib/components/rows/row/Row.js +4 -6
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +11 -13
- package/lib/components/section/Section.js +5 -7
- package/lib/components/segment-control/SegmentControl.d.ts +8 -2
- package/lib/components/segment-control/SegmentControl.js +16 -28
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +14 -0
- package/lib/components/segment-control/hooks/useSegmentControl.js +31 -0
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +6 -2
- package/lib/components/segment-control/item/SegmentControlItem.js +8 -18
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +14 -0
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +24 -0
- package/lib/components/segment-control/item/index.d.ts +1 -1
- package/lib/components/segment-control/item/index.js +2 -2
- package/lib/components/select/Select.d.ts +1 -1
- package/lib/components/select/Select.js +3 -3
- package/lib/components/select/SelectProps.d.ts +3 -2
- package/lib/components/select/index.d.ts +2 -2
- package/lib/components/select/index.js +3 -3
- package/lib/components/select/option/SelectOption.d.ts +2 -2
- package/lib/components/select/option/SelectOption.js +7 -9
- package/lib/components/select/option/SelectOptionProps.d.ts +3 -2
- package/lib/components/select/option/index.d.ts +1 -1
- package/lib/components/select/option/index.js +2 -2
- package/lib/components/select/web/SelectDynamic.d.ts +1 -1
- package/lib/components/select/web/SelectDynamic.js +15 -131
- package/lib/components/select/web/SelectNative.js +15 -35
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +27 -0
- package/lib/components/select/web/hooks/useSelectDynamic.js +156 -0
- package/lib/components/select/web/hooks/useSelectNative.d.ts +22 -0
- package/lib/components/select/web/hooks/useSelectNative.js +38 -0
- package/lib/components/select/web/index.d.ts +2 -2
- package/lib/components/select/web/index.js +3 -3
- package/lib/components/spacer/Spacer.js +3 -5
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +9 -36
- package/lib/components/stepper/hooks/useStepper.d.ts +9 -0
- package/lib/components/stepper/hooks/useStepper.js +55 -0
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +8 -10
- package/lib/components/stepper/step/index.d.ts +1 -1
- package/lib/components/stepper/step/index.js +2 -2
- package/lib/components/sticker/Sticker.d.ts +1 -1
- package/lib/components/sticker/Sticker.js +9 -11
- package/lib/components/sticker/Sticker.native.d.ts +1 -1
- package/lib/components/sticker/Sticker.native.js +7 -7
- package/lib/components/sticker/StickerProps.d.ts +2 -2
- package/lib/components/sticker/StickerPropsDefaults.js +7 -0
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +11 -43
- package/lib/components/switch/SwitchProps.d.ts +2 -3
- package/lib/components/switch/hooks/useSwitch.d.ts +18 -0
- package/lib/components/switch/hooks/useSwitch.js +46 -0
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +5 -7
- package/lib/components/table/body/TableBody.js +5 -7
- package/lib/components/table/head/TableHead.js +5 -7
- package/lib/components/table/td/TableTd.js +4 -6
- package/lib/components/table/th/TableTh.js +4 -6
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +7 -9
- package/lib/components/tabs/Tabs.js +6 -18
- package/lib/components/tabs/TabsProps.d.ts +4 -1
- package/lib/components/tabs/context/index.js +2 -1
- package/lib/components/tabs/hooks/useTabs.d.ts +12 -0
- package/lib/components/tabs/hooks/useTabs.js +33 -0
- package/lib/components/tabs/tab-list/TabList.js +2 -4
- package/lib/components/tabs/tab-list/tab/Tab.js +4 -19
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +3 -1
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +17 -0
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +28 -0
- package/lib/components/tabs/tab-panels/TabPanels.js +2 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +4 -6
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +3 -0
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +14 -0
- package/lib/components/tag/Tag.js +3 -5
- package/lib/components/tag/list/TagList.js +5 -7
- package/lib/components/text/Text.js +5 -7
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +15 -27
- package/lib/components/textarea/TextareaProps.d.ts +4 -3
- package/lib/components/textarea/hooks/useTextarea.d.ts +15 -0
- package/lib/components/textarea/hooks/useTextarea.js +30 -0
- package/lib/components/timeline/Timeline.js +4 -6
- package/lib/components/timeline/content/TimelineContent.js +5 -7
- package/lib/components/timeline/item/TimelineItem.js +4 -6
- package/lib/components/timeline/marker/TimelineMarker.js +5 -7
- package/lib/components/title/Title.js +7 -9
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +12 -15
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +3 -2
- package/lib/context/providerStates.js +3 -2
- package/lib/context/providerTheme.js +2 -1
- package/lib/helpers/hashClassesHelpers.d.ts +1 -3
- package/lib/helpers/hashClassesHelpers.js +18 -15
- package/lib/objects/Typography/TypographyBold.js +3 -2
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import ProgressRadial from '
|
|
1
|
+
import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
|
|
2
2
|
export default ProgressRadial;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import ProgressRadial from '
|
|
1
|
+
import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
|
|
2
2
|
export default ProgressRadial;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TrilogyColor } from '../../../../objects';
|
|
2
|
+
import { TrilogyColor } from '../../../../objects/facets/Color';
|
|
3
3
|
import { CommonProps } from '../../../../objects/facets/CommonProps';
|
|
4
4
|
export interface ProgressRadialItemProps extends CommonProps {
|
|
5
5
|
children?: React.ReactNode;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ProgressRadialItemProps } from '
|
|
2
|
+
import { ProgressRadialItemProps } from '../../../../components/progress/radial/item/ProgressRadialItemProps';
|
|
3
3
|
declare const ProgressRadialItem: ({ color, className, id }: ProgressRadialItemProps) => JSX.Element;
|
|
4
4
|
export default ProgressRadialItem;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { hashClass } from '../../../../helpers';
|
|
1
|
+
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
3
2
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
3
|
+
import * as React from 'react';
|
|
5
4
|
var ProgressRadialItem = function (_a) {
|
|
6
5
|
var color = _a.color, className = _a.className, id = _a.id;
|
|
7
|
-
var
|
|
8
|
-
var classes = hashClass(styled, clsx("progress-circle-slice progress-circle-background-".concat(color), className));
|
|
6
|
+
var classes = hashClass(clsx("progress-circle-slice progress-circle-background-".concat(color), className));
|
|
9
7
|
return React.createElement("div", { id: id, className: classes });
|
|
10
8
|
};
|
|
11
9
|
export default ProgressRadialItem;
|
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLElBQU0sa0JBQWtCLEdBQUcsVUFBQyxFQUFpRDtRQUEvQyxLQUFLLFdBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUE7SUFDaEQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQywyREFBb0QsS0FBSyxDQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUV2RyxPQUFPLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import ProgressRadialItem from '
|
|
1
|
+
import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
|
|
2
2
|
export default ProgressRadialItem;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import ProgressRadialItem from '
|
|
1
|
+
import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
|
|
2
2
|
export default ProgressRadialItem;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scURBQXFELENBQUE7QUFDcEYsZUFBZSxrQkFBa0IsQ0FBQSJ9
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { useTrilogyContext } from '../../context';
|
|
3
2
|
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
3
|
import clsx from 'clsx';
|
|
5
4
|
import React from 'react';
|
|
@@ -18,10 +17,9 @@ import React from 'react';
|
|
|
18
17
|
*/
|
|
19
18
|
var Radio = function (_a) {
|
|
20
19
|
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value"]);
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
if (onChange && !disabled && !readonly) {
|
|
20
|
+
return (React.createElement("div", { className: hashClass(clsx('radio', className)) },
|
|
21
|
+
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, onChange: onChange && !disabled && !readonly
|
|
22
|
+
? function (e) {
|
|
25
23
|
onChange({
|
|
26
24
|
radioId: e.target.id,
|
|
27
25
|
radioValue: e.target.value,
|
|
@@ -29,8 +27,8 @@ var Radio = function (_a) {
|
|
|
29
27
|
radioChecked: e.target.checked,
|
|
30
28
|
});
|
|
31
29
|
}
|
|
32
|
-
|
|
33
|
-
React.createElement("label", { htmlFor: id, className: hashClass(
|
|
30
|
+
: undefined }, others)),
|
|
31
|
+
React.createElement("label", { htmlFor: id, className: hashClass(clsx('radio-label')) }, label)));
|
|
34
32
|
};
|
|
35
33
|
export default Radio;
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7OztHQVlHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFBQyxFQVdGO0lBVlgsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDRixNQUFNLGNBVkksNEZBV2QsQ0FEVTtJQUVULE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDakQsd0NBQ0UsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQ04sUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtnQkFDaEMsQ0FBQyxDQUFDLFVBQUMsQ0FBQztvQkFDQSxRQUFRLENBQUM7d0JBQ1AsT0FBTyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRTt3QkFDcEIsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt3QkFDMUIsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTt3QkFDeEIsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztxQkFDL0IsQ0FBQyxDQUFBO2dCQUNKLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLFNBQVMsSUFFWCxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQzFELEtBQUssQ0FDQSxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { RadioList } from '
|
|
2
|
-
import Radio from '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export { Radio, RadioList,
|
|
1
|
+
import { RadioList } from '../../components/radio/list';
|
|
2
|
+
import Radio from '../../components/radio/Radio';
|
|
3
|
+
import RadioTile from '../../components/radio/tiles/tile/RadioTile';
|
|
4
|
+
import RadioTiles from '../../components/radio/tiles/RadioTiles';
|
|
5
|
+
export { Radio, RadioList, RadioTile, RadioTiles };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { RadioList } from '
|
|
2
|
-
import Radio from '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export { Radio, RadioList,
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import { RadioList } from '../../components/radio/list';
|
|
2
|
+
import Radio from '../../components/radio/Radio';
|
|
3
|
+
import RadioTile from '../../components/radio/tiles/tile/RadioTile';
|
|
4
|
+
import RadioTiles from '../../components/radio/tiles/RadioTiles';
|
|
5
|
+
export { Radio, RadioList, RadioTile, RadioTiles };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUNuRCxPQUFPLEtBQUssTUFBTSwwQkFBMEIsQ0FBQTtBQUM1QyxPQUFPLFNBQVMsTUFBTSwwQ0FBMEMsQ0FBQTtBQUNoRSxPQUFPLFVBQVUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUU1RCxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLENBQUEifQ==
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
3
|
+
import { getJustifiedClassName } from '../../../objects/facets/Justifiable';
|
|
3
4
|
import { is } from '../../../services';
|
|
4
5
|
import clsx from 'clsx';
|
|
5
|
-
import
|
|
6
|
-
import { useTrilogyContext } from '../../../context';
|
|
7
|
-
import { getJustifiedClassName } from '../../../objects';
|
|
6
|
+
import React from 'react';
|
|
8
7
|
/**
|
|
9
8
|
* Radio List Component
|
|
10
9
|
* @param children {ReactNode} RadioList children
|
|
@@ -16,8 +15,7 @@ import { getJustifiedClassName } from '../../../objects';
|
|
|
16
15
|
*/
|
|
17
16
|
var RadioList = function (_a) {
|
|
18
17
|
var className = _a.className, id = _a.id, align = _a.align, horizontalMobile = _a.horizontalMobile, verticalDesktop = _a.verticalDesktop, others = __rest(_a, ["className", "id", "align", "horizontalMobile", "verticalDesktop"]);
|
|
19
|
-
|
|
20
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('radios', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others)));
|
|
18
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('radios', className, align && is(getJustifiedClassName(align)), horizontalMobile && is('horizontal-mobile'), verticalDesktop && is('vertical-desktop'))) }, others)));
|
|
21
19
|
};
|
|
22
20
|
export default RadioList;
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9saXN0L1JhZGlvTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBT0M7SUFObEIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxnQkFBZ0Isc0JBQUEsRUFDaEIsZUFBZSxxQkFBQSxFQUNaLE1BQU0sY0FOUSxtRUFPbEIsQ0FEVTtJQUVULE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FDRixRQUFRLEVBQ1IsU0FBUyxFQUNULEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFDekMsZ0JBQWdCLElBQUksRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQzNDLGVBQWUsSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsQ0FDMUMsQ0FDRixJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFNBQVMsQ0FBQSJ9
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Alignable, AlignableValues } from '../../../objects';
|
|
3
2
|
import type { DividerProps } from '../../../components/divider/DividerProps';
|
|
4
3
|
import type { RadioProps } from '../../../components/radio/RadioProps';
|
|
4
|
+
import { Alignable, AlignableValues } from '../../../objects/facets/Alignable';
|
|
5
5
|
import { CommonProps } from '../../../objects/facets/CommonProps';
|
|
6
6
|
type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | undefined;
|
|
7
7
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import RadioList from '
|
|
1
|
+
import RadioList from '../../../components/radio/list/RadioList';
|
|
2
2
|
export { RadioList };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import RadioList from '
|
|
1
|
+
import RadioList from '../../../components/radio/list/RadioList';
|
|
2
2
|
export { RadioList };
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL2xpc3QvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sbUNBQW1DLENBQUE7QUFFekQsT0FBTyxFQUFFLFNBQVMsRUFBRSxDQUFBIn0=
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { getAlignClassName } from '../../../objects';
|
|
2
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
3
|
+
import { getAlignClassName } from '../../../objects/facets/Alignable';
|
|
5
4
|
import { is } from '../../../services';
|
|
6
5
|
import clsx from 'clsx';
|
|
7
|
-
import
|
|
6
|
+
import React from 'react';
|
|
8
7
|
/**
|
|
9
8
|
* Columns Item Component - Columns Child
|
|
10
9
|
* @param id {string}
|
|
@@ -16,7 +15,6 @@ import * as React from 'react';
|
|
|
16
15
|
*/
|
|
17
16
|
var RadioTiles = function (_a) {
|
|
18
17
|
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign"]);
|
|
19
|
-
var styled = useTrilogyContext().styled;
|
|
20
18
|
var alignClass = null;
|
|
21
19
|
if (align) {
|
|
22
20
|
alignClass =
|
|
@@ -33,7 +31,7 @@ var RadioTiles = function (_a) {
|
|
|
33
31
|
(getAlignClassName(verticalAlign) === 'aligned-end' && is('aligned-end')) ||
|
|
34
32
|
null;
|
|
35
33
|
}
|
|
36
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(
|
|
34
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
37
35
|
};
|
|
38
36
|
export default RadioTiles;
|
|
39
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUM5RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBQy9CLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLFVBQVUsR0FBRyxVQUFDLEVBQTZFO0lBQTNFLElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDNUUsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFDN0IsSUFBSSxhQUFhLEVBQUU7UUFDakIsa0JBQWtCO1lBQ2hCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztnQkFDL0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN6RSxJQUFJLENBQUE7S0FDUDtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FBQyxJQUMxRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import RadioTiles from '
|
|
1
|
+
import RadioTiles from '../../../components/radio/tiles/RadioTiles';
|
|
2
2
|
export default RadioTiles;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import RadioTiles from '
|
|
1
|
+
import RadioTiles from '../../../components/radio/tiles/RadioTiles';
|
|
2
2
|
export default RadioTiles;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLHFDQUFxQyxDQUFBO0FBRTVELGVBQWUsVUFBVSxDQUFBIn0=
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
2
|
import { Icon, IconSize } from '../../../../components/icon';
|
|
3
|
-
import { useTrilogyContext } from '../../../../context';
|
|
4
3
|
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
5
4
|
import { is } from '../../../../services/classify';
|
|
6
5
|
import clsx from 'clsx';
|
|
@@ -23,10 +22,9 @@ import React from 'react';
|
|
|
23
22
|
*/
|
|
24
23
|
var RadioTile = function (_a) {
|
|
25
24
|
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal"]);
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
if (onChange && !disabled && !readonly) {
|
|
25
|
+
return (React.createElement("div", { className: hashClass(clsx('radio-tile', horizontal && is('horizontal'), className)) },
|
|
26
|
+
React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, onChange: onChange && !disabled && !readonly
|
|
27
|
+
? function (e) {
|
|
30
28
|
onChange({
|
|
31
29
|
radioId: e.target.id,
|
|
32
30
|
radioValue: e.target.value,
|
|
@@ -34,14 +32,14 @@ var RadioTile = function (_a) {
|
|
|
34
32
|
radioChecked: e.target.checked,
|
|
35
33
|
});
|
|
36
34
|
}
|
|
37
|
-
|
|
38
|
-
React.createElement("label", { htmlFor: id, className: hashClass(
|
|
35
|
+
: undefined }, others)),
|
|
36
|
+
React.createElement("label", { htmlFor: id, className: hashClass(clsx('radio-label')) },
|
|
39
37
|
icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
|
|
40
38
|
horizontal ? (React.createElement("span", null,
|
|
41
|
-
React.createElement("span", { className: hashClass(
|
|
42
|
-
description && React.createElement("span", { className: hashClass(
|
|
43
|
-
React.createElement("span", { className: hashClass(
|
|
44
|
-
description && React.createElement("span", { className: hashClass(
|
|
39
|
+
React.createElement("span", { className: hashClass(clsx('radio-title')) }, label),
|
|
40
|
+
description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
|
|
41
|
+
React.createElement("span", { className: hashClass(clsx('radio-title')) }, label),
|
|
42
|
+
description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))))));
|
|
45
43
|
};
|
|
46
44
|
export default RadioTile;
|
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFjRjtJQWJmLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDUCxNQUFNLGNBYlEsaUlBY2xCLENBRFU7SUFFVCxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsWUFBWSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDdEYsd0NBQ0UsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQ04sUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtnQkFDaEMsQ0FBQyxDQUFDLFVBQUMsQ0FBQztvQkFDQSxRQUFRLENBQUM7d0JBQ1AsT0FBTyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRTt3QkFDcEIsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt3QkFDMUIsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTt3QkFDeEIsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztxQkFDL0IsQ0FBQyxDQUFBO2dCQUNKLENBQUM7Z0JBQ0gsQ0FBQyxDQUFDLFNBQVMsSUFFWCxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQzFELElBQUksSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUNuRCxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQ1o7Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVE7Z0JBQzlELFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsV0FBVyxDQUFRLENBQ3RGLENBQ1IsQ0FBQyxDQUFDLENBQUMsQ0FDRjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUTtnQkFDOUQsV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDMUYsQ0FDSixDQUNLLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import RadioTile from '
|
|
1
|
+
import RadioTile from '../../../../components/radio/tiles/tile/RadioTile';
|
|
2
2
|
export default RadioTile;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import RadioTile from '
|
|
1
|
+
import RadioTile from '../../../../components/radio/tiles/tile/RadioTile';
|
|
2
2
|
export default RadioTile;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL3RpbGUvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0seUNBQXlDLENBQUE7QUFFL0QsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import { getColorStyle, TrilogyColor } from '../../objects';
|
|
4
|
-
import { hashClass } from '../../helpers';
|
|
1
|
+
import { useRange } from '../../components/range/hooks/useRange';
|
|
2
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
3
|
import clsx from 'clsx';
|
|
6
|
-
import
|
|
7
|
-
import shortid from 'shortid';
|
|
4
|
+
import React from 'react';
|
|
8
5
|
/**
|
|
9
6
|
* Range Component
|
|
10
7
|
* - -------------------------- MOBILE PROPERTIES -------------------------------
|
|
@@ -18,64 +15,25 @@ import shortid from 'shortid';
|
|
|
18
15
|
* @param onChangeMax {function} on change max cursor
|
|
19
16
|
*/
|
|
20
17
|
var Range = function (_a) {
|
|
21
|
-
var className = _a.className, _b = _a.id, id = _b === void 0 ?
|
|
22
|
-
var
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
}, [cursorMin, cursorMax]);
|
|
32
|
-
React.useEffect(function () {
|
|
33
|
-
setCursorMin(valueMin || 0);
|
|
34
|
-
}, [valueMin]);
|
|
35
|
-
React.useEffect(function () {
|
|
36
|
-
setCursorMax(valueMax || max);
|
|
37
|
-
}, [valueMax]);
|
|
38
|
-
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
39
|
-
if (Number(e.target.value) < cursorMax - gap)
|
|
40
|
-
setCursorMin(Number(e.target.value));
|
|
41
|
-
}, [cursorMax, cursorMin]);
|
|
42
|
-
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
43
|
-
if (Number(e.target.value) > cursorMin + gap)
|
|
44
|
-
setCursorMax(Number(e.target.value));
|
|
45
|
-
}, [cursorMax, cursorMin]);
|
|
46
|
-
var handleMouseUpMin = React.useCallback(function () {
|
|
47
|
-
if (onChangeMin) {
|
|
48
|
-
onChangeMin({
|
|
49
|
-
inputName: name,
|
|
50
|
-
inputValue: cursorMin,
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
}, [onChangeMin, name, cursorMin]);
|
|
54
|
-
var handleMouseUpMax = React.useCallback(function () {
|
|
55
|
-
if (onChangeMax) {
|
|
56
|
-
onChangeMax({
|
|
57
|
-
inputName: name,
|
|
58
|
-
inputValue: cursorMax,
|
|
59
|
-
});
|
|
60
|
-
}
|
|
61
|
-
}, [onChangeMax, name, cursorMax]);
|
|
62
|
-
return (React.createElement("div", { id: id, className: hashClass(styled, clsx('range-container', className)) },
|
|
63
|
-
React.createElement("label", { className: hashClass(styled, clsx('range-label')) }, label),
|
|
64
|
-
React.createElement("div", { className: hashClass(styled, clsx('range')) },
|
|
65
|
-
React.createElement("div", { ref: refTrack, className: hashClass(styled, clsx('range-track')) }),
|
|
66
|
-
React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-min')), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label }),
|
|
67
|
-
React.createElement("input", { className: hashClass(styled, clsx('range-cursor range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
|
|
68
|
-
React.createElement("div", { className: hashClass(styled, clsx('range-values')) },
|
|
18
|
+
var className = _a.className, _b = _a.id, id = _b === void 0 ? React.useId() : _b, min = _a.min, max = _a.max, label = _a.label, valueMin = _a.valueMin, valueMax = _a.valueMax, unit = _a.unit, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax, name = _a.name, _c = _a.gap, gap = _c === void 0 ? 0 : _c;
|
|
19
|
+
var _d = useRange({ min: min, max: max, valueMin: valueMin, valueMax: valueMax, onChangeMin: onChangeMin, onChangeMax: onChangeMax, gap: gap, name: name }), cursorMax = _d.cursorMax, cursorMin = _d.cursorMin, refTrack = _d.refTrack, handleMouseUpMin = _d.handleMouseUpMin, handleChangeCursorMin = _d.handleChangeCursorMin, handleMouseUpMax = _d.handleMouseUpMax, handleChangeCursorMax = _d.handleChangeCursorMax;
|
|
20
|
+
return (React.createElement("div", { id: id, className: hashClass(clsx('range-container', className)) },
|
|
21
|
+
React.createElement("label", { className: hashClass(clsx('range-label')) }, label),
|
|
22
|
+
React.createElement("div", { className: hashClass(clsx('range')) },
|
|
23
|
+
React.createElement("div", { ref: refTrack, className: hashClass(clsx('range-track')) }),
|
|
24
|
+
React.createElement("input", { className: hashClass(clsx('range-cursor range-cursor-min')), onMouseUp: handleMouseUpMin, onChange: handleChangeCursorMin, value: cursorMin, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-min"), "aria-label": label }),
|
|
25
|
+
React.createElement("input", { className: hashClass(clsx('range-cursor range-cursor-max')), onMouseUp: handleMouseUpMax, onChange: handleChangeCursorMax, value: cursorMax, type: 'range', min: min, max: max, name: name, id: "".concat(id, "-max"), "aria-label": label })),
|
|
26
|
+
React.createElement("div", { className: hashClass(clsx('range-values')) },
|
|
69
27
|
React.createElement("div", null,
|
|
70
|
-
React.createElement("span", { className: hashClass(
|
|
28
|
+
React.createElement("span", { className: hashClass(clsx('range-value-min')) }, cursorMin),
|
|
71
29
|
unit && React.createElement("span", null,
|
|
72
30
|
" ",
|
|
73
31
|
unit)),
|
|
74
32
|
React.createElement("div", null,
|
|
75
|
-
React.createElement("span", { className: hashClass(
|
|
33
|
+
React.createElement("span", { className: hashClass(clsx('range-value-max')) }, cursorMax),
|
|
76
34
|
unit && React.createElement("span", null,
|
|
77
35
|
" ",
|
|
78
36
|
unit)))));
|
|
79
37
|
};
|
|
80
38
|
export default Range;
|
|
81
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL1JhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBYUY7UUFaWCxTQUFTLGVBQUEsRUFDVCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixHQUFHLFNBQUEsRUFDSCxHQUFHLFNBQUEsRUFDSCxLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFdBQU8sRUFBUCxHQUFHLG1CQUFHLENBQUMsS0FBQTtJQUVELElBQUEsS0FRRixRQUFRLENBQUMsRUFBRSxHQUFHLEtBQUEsRUFBRSxHQUFHLEtBQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxRQUFRLFVBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxXQUFXLGFBQUEsRUFBRSxHQUFHLEtBQUEsRUFBRSxJQUFJLE1BQUEsRUFBRSxDQUFDLEVBUGpGLFNBQVMsZUFBQSxFQUNULFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLGdCQUFnQixzQkFBQSxFQUNoQixxQkFBcUIsMkJBQUEsRUFDckIsZ0JBQWdCLHNCQUFBLEVBQ2hCLHFCQUFxQiwyQkFDNEQsQ0FBQTtJQUVuRixPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQztRQUNuRSwrQkFBTyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUztRQUNqRSw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztZQUN0Qyw2QkFBSyxHQUFHLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLEdBQVE7WUFDckUsK0JBQ0UsU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsK0JBQStCLENBQUMsQ0FBQyxFQUMzRCxTQUFTLEVBQUUsZ0JBQWdCLEVBQzNCLFFBQVEsRUFBRSxxQkFBcUIsRUFDL0IsS0FBSyxFQUFFLFNBQVMsRUFDaEIsSUFBSSxFQUFDLE9BQU8sRUFDWixHQUFHLEVBQUUsR0FBRyxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixFQUFFLEVBQUUsVUFBRyxFQUFFLFNBQU0sZ0JBQ0gsS0FBSyxHQUNqQjtZQUNGLCtCQUNFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLCtCQUErQixDQUFDLENBQUMsRUFDM0QsU0FBUyxFQUFFLGdCQUFnQixFQUMzQixRQUFRLEVBQUUscUJBQXFCLEVBQy9CLEtBQUssRUFBRSxTQUFTLEVBQ2hCLElBQUksRUFBQyxPQUFPLEVBQ1osR0FBRyxFQUFFLEdBQUcsRUFDUixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBRSxJQUFJLEVBQ1YsRUFBRSxFQUFFLFVBQUcsRUFBRSxTQUFNLGdCQUNILEtBQUssR0FDakIsQ0FDRTtRQUNOLDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQzdDO2dCQUNFLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsSUFBRyxTQUFTLENBQVE7Z0JBQ3RFLElBQUksSUFBSTs7b0JBQVEsSUFBSSxDQUFRLENBQ3pCO1lBQ047Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxJQUFHLFNBQVMsQ0FBUTtnQkFDdEUsSUFBSSxJQUFJOztvQkFBUSxJQUFJLENBQVEsQ0FDekIsQ0FDRixDQUNGLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsS0FBSyxDQUFBIn0=
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* range Interface
|
|
3
3
|
*/
|
|
4
|
-
import { Accessibility
|
|
4
|
+
import { Accessibility } from '../../objects/facets/Accessibility';
|
|
5
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
|
+
import { Dev } from '../../objects/facets/Dev';
|
|
6
7
|
export type InputChangeEventHandlerNative = (event: {
|
|
7
8
|
inputValue: number[];
|
|
8
9
|
inputName: string;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { InputChangeEventHandlerWeb } from '../../../components/range/RangeProps';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface IProps {
|
|
4
|
+
min: number;
|
|
5
|
+
max: number;
|
|
6
|
+
valueMin?: number;
|
|
7
|
+
valueMax?: number;
|
|
8
|
+
onChangeMin?: InputChangeEventHandlerWeb;
|
|
9
|
+
onChangeMax?: InputChangeEventHandlerWeb;
|
|
10
|
+
gap: number;
|
|
11
|
+
name?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const useRange: ({ valueMin, valueMax, max, gap, name, onChangeMin, onChangeMax }: IProps) => {
|
|
14
|
+
cursorMax: number;
|
|
15
|
+
cursorMin: number;
|
|
16
|
+
refTrack: React.MutableRefObject<null>;
|
|
17
|
+
handleMouseUpMin: () => void;
|
|
18
|
+
handleChangeCursorMin: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
19
|
+
handleMouseUpMax: () => void;
|
|
20
|
+
handleChangeCursorMax: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
21
|
+
} | {
|
|
22
|
+
cursorMax: number;
|
|
23
|
+
cursorMin: number | undefined;
|
|
24
|
+
refTrack?: undefined;
|
|
25
|
+
handleMouseUpMin?: undefined;
|
|
26
|
+
handleChangeCursorMin?: undefined;
|
|
27
|
+
handleMouseUpMax?: undefined;
|
|
28
|
+
handleChangeCursorMax?: undefined;
|
|
29
|
+
};
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { __read } from "tslib";
|
|
2
|
+
import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export var useRange = function (_a) {
|
|
5
|
+
var valueMin = _a.valueMin, valueMax = _a.valueMax, max = _a.max, gap = _a.gap, name = _a.name, onChangeMin = _a.onChangeMin, onChangeMax = _a.onChangeMax;
|
|
6
|
+
try {
|
|
7
|
+
var _b = __read(React.useState(valueMin !== null && valueMin !== void 0 ? valueMin : 0), 2), cursorMin_1 = _b[0], setCursorMin_1 = _b[1];
|
|
8
|
+
var _c = __read(React.useState(valueMax !== null && valueMax !== void 0 ? valueMax : max), 2), cursorMax_1 = _c[0], setCursorMax_1 = _c[1];
|
|
9
|
+
var refTrack_1 = React.useRef(null);
|
|
10
|
+
React.useEffect(function () {
|
|
11
|
+
if (refTrack_1.current) {
|
|
12
|
+
var track = refTrack_1.current;
|
|
13
|
+
track.style.background = "linear-gradient(to right, ".concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMin_1 / max) * 100, "% , ").concat(getColorStyle(TrilogyColor.MAIN), " ").concat((cursorMax_1 / max) * 100, "%, ").concat(getColorStyle(TrilogyColor.MAIN_FADE), " ").concat((cursorMax_1 / max) * 100, "%) ");
|
|
14
|
+
}
|
|
15
|
+
}, [cursorMin_1, cursorMax_1]);
|
|
16
|
+
React.useEffect(function () {
|
|
17
|
+
setCursorMin_1(valueMin || 0);
|
|
18
|
+
}, [valueMin]);
|
|
19
|
+
React.useEffect(function () {
|
|
20
|
+
setCursorMax_1(valueMax || max);
|
|
21
|
+
}, [valueMax]);
|
|
22
|
+
var handleChangeCursorMin = React.useCallback(function (e) {
|
|
23
|
+
if (Number(e.target.value) < cursorMax_1 - gap)
|
|
24
|
+
setCursorMin_1(Number(e.target.value));
|
|
25
|
+
}, [cursorMax_1, cursorMin_1]);
|
|
26
|
+
var handleChangeCursorMax = React.useCallback(function (e) {
|
|
27
|
+
if (Number(e.target.value) > cursorMin_1 + gap)
|
|
28
|
+
setCursorMax_1(Number(e.target.value));
|
|
29
|
+
}, [cursorMax_1, cursorMin_1]);
|
|
30
|
+
var handleMouseUpMin = React.useCallback(function () {
|
|
31
|
+
if (onChangeMin) {
|
|
32
|
+
onChangeMin({
|
|
33
|
+
inputName: name,
|
|
34
|
+
inputValue: cursorMin_1,
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
}, [onChangeMin, name, cursorMin_1]);
|
|
38
|
+
var handleMouseUpMax = React.useCallback(function () {
|
|
39
|
+
if (onChangeMax) {
|
|
40
|
+
onChangeMax({
|
|
41
|
+
inputName: name,
|
|
42
|
+
inputValue: cursorMax_1,
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
}, [onChangeMax, name, cursorMax_1]);
|
|
46
|
+
return {
|
|
47
|
+
cursorMax: cursorMax_1,
|
|
48
|
+
cursorMin: cursorMin_1,
|
|
49
|
+
refTrack: refTrack_1,
|
|
50
|
+
handleMouseUpMin: handleMouseUpMin,
|
|
51
|
+
handleChangeCursorMin: handleChangeCursorMin,
|
|
52
|
+
handleMouseUpMax: handleMouseUpMax,
|
|
53
|
+
handleChangeCursorMax: handleChangeCursorMax,
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
catch (_d) {
|
|
57
|
+
return {
|
|
58
|
+
cursorMax: valueMax !== null && valueMax !== void 0 ? valueMax : max,
|
|
59
|
+
cursorMin: valueMin,
|
|
60
|
+
};
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlUmFuZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2hvb2tzL3VzZVJhbmdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFhekIsTUFBTSxDQUFDLElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBd0U7UUFBdEUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsR0FBRyxTQUFBLEVBQUUsSUFBSSxVQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLFdBQVcsaUJBQUE7SUFDckYsSUFBSTtRQUNJLElBQUEsS0FBQSxPQUE0QixLQUFLLENBQUMsUUFBUSxDQUFTLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLENBQUMsQ0FBQyxJQUFBLEVBQWhFLFdBQVMsUUFBQSxFQUFFLGNBQVksUUFBeUMsQ0FBQTtRQUNqRSxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBUyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxHQUFHLENBQUMsSUFBQSxFQUFsRSxXQUFTLFFBQUEsRUFBRSxjQUFZLFFBQTJDLENBQUE7UUFDekUsSUFBTSxVQUFRLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUVuQyxLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsSUFBSSxVQUFRLENBQUMsT0FBTyxFQUFFO2dCQUNwQixJQUFNLEtBQUssR0FBRyxVQUFRLENBQUMsT0FBc0IsQ0FBQTtnQkFDN0MsS0FBSyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsb0NBQTZCLGFBQWEsQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLGNBQ3pGLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsaUJBQ2xCLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLGNBQUksQ0FBQyxXQUFTLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxpQkFBTyxhQUFhLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxjQUN2RyxDQUFDLFdBQVMsR0FBRyxHQUFHLENBQUMsR0FBRyxHQUFHLGdCQUNuQixhQUFhLENBQUMsWUFBWSxDQUFDLFNBQVMsQ0FBQyxjQUFJLENBQUMsV0FBUyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsUUFBSyxDQUFBO2FBQzVFO1FBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBUyxFQUFFLFdBQVMsQ0FBQyxDQUFDLENBQUE7UUFFMUIsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUNkLGNBQVksQ0FBQyxRQUFRLElBQUksQ0FBQyxDQUFDLENBQUE7UUFDN0IsQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQTtRQUVkLEtBQUssQ0FBQyxTQUFTLENBQUM7WUFDZCxjQUFZLENBQUMsUUFBUSxJQUFJLEdBQUcsQ0FBQyxDQUFBO1FBQy9CLENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7UUFFZCxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQzdDLFVBQUMsQ0FBc0M7WUFDckMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFTLEdBQUcsR0FBRztnQkFBRSxjQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUNwRixDQUFDLEVBQ0QsQ0FBQyxXQUFTLEVBQUUsV0FBUyxDQUFDLENBQ3ZCLENBQUE7UUFFRCxJQUFNLHFCQUFxQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQzdDLFVBQUMsQ0FBc0M7WUFDckMsSUFBSSxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsR0FBRyxXQUFTLEdBQUcsR0FBRztnQkFBRSxjQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtRQUNwRixDQUFDLEVBQ0QsQ0FBQyxXQUFTLEVBQUUsV0FBUyxDQUFDLENBQ3ZCLENBQUE7UUFFRCxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDekMsSUFBSSxXQUFXLEVBQUU7Z0JBQ2YsV0FBVyxDQUFDO29CQUNWLFNBQVMsRUFBRSxJQUFJO29CQUNmLFVBQVUsRUFBRSxXQUFTO2lCQUN0QixDQUFDLENBQUE7YUFDSDtRQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsV0FBUyxDQUFDLENBQUMsQ0FBQTtRQUVsQyxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUM7WUFDekMsSUFBSSxXQUFXLEVBQUU7Z0JBQ2YsV0FBVyxDQUFDO29CQUNWLFNBQVMsRUFBRSxJQUFJO29CQUNmLFVBQVUsRUFBRSxXQUFTO2lCQUN0QixDQUFDLENBQUE7YUFDSDtRQUNILENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxJQUFJLEVBQUUsV0FBUyxDQUFDLENBQUMsQ0FBQTtRQUVsQyxPQUFPO1lBQ0wsU0FBUyxhQUFBO1lBQ1QsU0FBUyxhQUFBO1lBQ1QsUUFBUSxZQUFBO1lBQ1IsZ0JBQWdCLGtCQUFBO1lBQ2hCLHFCQUFxQix1QkFBQTtZQUNyQixnQkFBZ0Isa0JBQUE7WUFDaEIscUJBQXFCLHVCQUFBO1NBQ3RCLENBQUE7S0FDRjtJQUFDLFdBQU07UUFDTixPQUFPO1lBQ0wsU0FBUyxFQUFFLFFBQVEsYUFBUixRQUFRLGNBQVIsUUFBUSxHQUFJLEdBQUc7WUFDMUIsU0FBUyxFQUFFLFFBQVE7U0FDcEIsQ0FBQTtLQUNGO0FBQ0gsQ0FBQyxDQUFBIn0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import Range from '
|
|
1
|
+
import Range from '../../components/range/Range';
|
|
2
2
|
export { Range };
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import Range from '
|
|
1
|
+
import Range from '../../components/range/Range';
|
|
2
2
|
export { Range };
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhbmdlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLDBCQUEwQixDQUFBO0FBRTVDLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQSJ9
|