@trilogy-ds/react 4.0.5 → 4.0.6-SC-beta-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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 +20 -46
- 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/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/Box.native.js +12 -11
- 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 +4 -6
- 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/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/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +17 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -2
- package/lib/components/checkbox/tiles/CheckboxTiles.js +4 -6
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +22 -22
- 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 +40 -124
- 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/InputGauge.native.js +4 -4
- package/lib/components/input/gauge/hook/useGauge.d.ts +3 -3
- package/lib/components/input/gauge/hook/useGauge.js +91 -75
- 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/link/Link.native.js +5 -8
- package/lib/components/list/List.js +4 -6
- package/lib/components/list/item/ListItem.js +6 -8
- 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/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/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +4 -6
- 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 +15 -17
- 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/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/Radio.native.js +2 -2
- 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/RadioTile.native.js +47 -51
- 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/SegmentControl.native.d.ts +1 -1
- package/lib/components/segment-control/SegmentControl.native.js +8 -6
- 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/SegmentControlItem.native.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js +4 -4
- 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.js +7 -9
- 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/TabList.native.js +8 -10
- package/lib/components/tabs/tab-list/tab/Tab.js +4 -19
- package/lib/components/tabs/tab-list/tab/Tab.native.js +19 -17
- 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/TabPanels.native.js +7 -9
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +4 -6
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.native.js +7 -9
- 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/objects/facets/Color.d.ts +1 -1
- package/lib/objects/facets/Color.js +5 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +1 -1
|
@@ -24,7 +24,7 @@ var Radio = function (_a) {
|
|
|
24
24
|
radio: {
|
|
25
25
|
alignItems: 'center',
|
|
26
26
|
justifyContent: 'center',
|
|
27
|
-
borderColor: getColorStyle(TrilogyColor.FONT),
|
|
27
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : TrilogyColor.FONT),
|
|
28
28
|
borderWidth: 1,
|
|
29
29
|
width: 18,
|
|
30
30
|
height: 18,
|
|
@@ -62,4 +62,4 @@ var Radio = function (_a) {
|
|
|
62
62
|
};
|
|
63
63
|
Radio.displayName = ComponentName.Radio;
|
|
64
64
|
export default Radio;
|
|
65
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby9SYWRpby5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRWpFOzs7Ozs7Ozs7O0dBVUc7QUFDSCxJQUFNLEtBQUssR0FBRyxVQUFDLEVBU0Y7UUFSWCxVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxLQUFLLFdBQUE7SUFFTCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFVBQVUsRUFBRSxRQUFRO1NBQ3JCO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLFFBQVE7WUFDcEIsY0FBYyxFQUFFLFFBQVE7WUFDeEIsV0FBVyxFQUFFLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDaEYsV0FBVyxFQUFFLENBQUM7WUFDZCxLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsWUFBWSxFQUFFLEVBQUU7WUFDaEIsV0FBVyxFQUFFLEVBQUU7U0FDaEI7UUFDRCxJQUFJLEVBQUU7WUFDSixZQUFZLEVBQUUsRUFBRTtZQUNoQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsZUFBZSxFQUFFLGFBQWEsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1NBQ2xEO1FBQ0QsS0FBSyxFQUFFO1lBQ0wsVUFBVSxFQUFFLENBQUM7WUFDYixLQUFLLEVBQ0gsQ0FBQyxRQUFRLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztnQkFDbEQsQ0FBQyxPQUFPLElBQUksYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsQ0FBQztnQkFDN0MsYUFBYSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7U0FDbkM7S0FDRixDQUFDLENBQUE7SUFFRixJQUFNLFdBQVcsR0FBRyxVQUFDLEtBQVU7UUFDN0IsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNiLElBQUksUUFBUSxFQUFFO2dCQUNaLFFBQVEsQ0FBQztvQkFDUCxPQUFPLEVBQUUsRUFBRTtvQkFDWCxVQUFVLEVBQUUsS0FBSztvQkFDakIsU0FBUyxFQUFFLElBQUksSUFBSSxFQUFFO29CQUNyQixZQUFZLEVBQUUsSUFBSTtpQkFDbkIsQ0FBQyxDQUFBO2FBQ0g7U0FDRjtJQUNILENBQUMsQ0FBQTtJQUVELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsSUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxjQUFNLE9BQUEsV0FBVyxDQUFDLEtBQUssSUFBSSxLQUFLLENBQUMsRUFBM0IsQ0FBMkI7UUFDdkcsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFLElBQ2xDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEdBQUksQ0FDbkM7UUFDTixLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxLQUFLLElBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FDeEYsQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELEtBQUssQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLEtBQUssQ0FBQTtBQUV2QyxlQUFlLEtBQUssQ0FBQSJ9
|
|
@@ -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==
|
|
@@ -24,30 +24,28 @@ import { StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
|
24
24
|
*/
|
|
25
25
|
var RadioTile = function (_a) {
|
|
26
26
|
var checked = _a.checked, disabled = _a.disabled, _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, readonly = _a.readonly, others = __rest(_a, ["checked", "disabled", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "readonly"]);
|
|
27
|
-
var styles =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
});
|
|
50
|
-
}, [horizontal, checked, disabled]);
|
|
27
|
+
var styles = StyleSheet.create({
|
|
28
|
+
container: {
|
|
29
|
+
flexDirection: horizontal ? 'row' : 'column',
|
|
30
|
+
width: horizontal ? '100%' : undefined,
|
|
31
|
+
borderWidth: checked ? 2 : 1,
|
|
32
|
+
alignItems: 'center',
|
|
33
|
+
gap: SpacerSize.TWO,
|
|
34
|
+
borderRadius: 6,
|
|
35
|
+
padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
|
|
36
|
+
maxWidth: horizontal ? undefined : '50%',
|
|
37
|
+
backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
|
|
38
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL),
|
|
39
|
+
},
|
|
40
|
+
icon: {
|
|
41
|
+
width: 'auto',
|
|
42
|
+
},
|
|
43
|
+
content: {
|
|
44
|
+
width: 'auto',
|
|
45
|
+
gap: SpacerSize.ONE,
|
|
46
|
+
maxWidth: horizontal ? '80%' : undefined,
|
|
47
|
+
},
|
|
48
|
+
});
|
|
51
49
|
var typoTitle = useMemo(function () {
|
|
52
50
|
var typos = [TypographyBold.TEXT_WEIGHT_SEMIBOLD];
|
|
53
51
|
if (!horizontal)
|
|
@@ -84,35 +82,33 @@ var RadioTile = function (_a) {
|
|
|
84
82
|
};
|
|
85
83
|
var InputRadio = function (_a) {
|
|
86
84
|
var checked = _a.checked, disabled = _a.disabled;
|
|
87
|
-
var styles =
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
});
|
|
112
|
-
}, [checked, disabled]);
|
|
85
|
+
var styles = StyleSheet.create({
|
|
86
|
+
input: {
|
|
87
|
+
marginLeft: 'auto',
|
|
88
|
+
width: 18,
|
|
89
|
+
height: 18,
|
|
90
|
+
borderWidth: 1,
|
|
91
|
+
borderRadius: 18,
|
|
92
|
+
justifyContent: 'center',
|
|
93
|
+
alignItems: 'center',
|
|
94
|
+
borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.NEUTRAL),
|
|
95
|
+
},
|
|
96
|
+
inputRadio: {
|
|
97
|
+
width: 12,
|
|
98
|
+
height: 12,
|
|
99
|
+
borderRadius: 12,
|
|
100
|
+
backgroundColor: getColorStyle(disabled && checked
|
|
101
|
+
? TrilogyColor.DISABLED
|
|
102
|
+
: disabled && !checked
|
|
103
|
+
? TrilogyColor.DISABLED_FADE
|
|
104
|
+
: checked
|
|
105
|
+
? TrilogyColor.MAIN
|
|
106
|
+
: TrilogyColor.BACKGROUND),
|
|
107
|
+
},
|
|
108
|
+
});
|
|
113
109
|
return (React.createElement(View, { style: [styles.input] },
|
|
114
110
|
React.createElement(View, { style: [styles.inputRadio] })));
|
|
115
111
|
};
|
|
116
112
|
RadioTile.displayName = ComponentName.RadioTile;
|
|
117
113
|
export default RadioTile;
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
114
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLFdBQVcsRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFakU7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFhRjtJQVpmLElBQUEsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWlEsb0hBYWxCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFNBQVMsRUFBRTtZQUNULGFBQWEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM1QyxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFDdEMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQzVCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztZQUNuQixZQUFZLEVBQUUsQ0FBQztZQUNmLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLElBQUksR0FBRyxDQUFDO1lBQ3pELFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztZQUN4QyxlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQztZQUMvRixXQUFXLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1NBQ2xIO1FBQ0QsSUFBSSxFQUFFO1lBQ0osS0FBSyxFQUFFLE1BQU07U0FDZDtRQUNELE9BQU8sRUFBRTtZQUNQLEtBQUssRUFBRSxNQUFNO1lBQ2IsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1lBQ25CLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUztTQUN6QztLQUNGLENBQUMsQ0FBQTtJQUVGLElBQU0sU0FBUyxHQUFHLE9BQU8sQ0FBQztRQUN4QixJQUFNLEtBQUssR0FBYSxDQUFDLGNBQWMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFBO1FBQzdELElBQUksQ0FBQyxVQUFVO1lBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUE7UUFDMUQsSUFBSSxRQUFRO1lBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUE7UUFDdkQsT0FBTyxLQUFLLENBQUE7SUFDZCxDQUFDLEVBQUUsQ0FBQyxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUUxQixJQUFNLFFBQVEsR0FBRyxPQUFPLENBQUM7UUFDdkIsSUFBTSxLQUFLLEdBQWEsRUFBRSxDQUFBO1FBQzFCLElBQUksQ0FBQyxVQUFVO1lBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUE7UUFDMUQsSUFBSSxRQUFRO1lBQUUsS0FBSyxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUMsYUFBYSxDQUFDLENBQUE7UUFDdkQsT0FBTyxLQUFLLENBQUE7SUFDZCxDQUFDLEVBQUUsQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQTtJQUUxQixJQUFNLFlBQVksR0FBRyxXQUFXLENBQUM7UUFDL0IsSUFBSSxRQUFRLElBQUksQ0FBQyxRQUFRLElBQUksQ0FBQyxRQUFRO1lBQ3BDLFFBQVEsQ0FBQztnQkFDUCxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUU7Z0JBQ3ZCLFNBQVMsRUFBRSxJQUFJLElBQUksRUFBRTtnQkFDckIsWUFBWSxFQUFFLElBQUk7Z0JBQ2xCLE9BQU8sRUFBRSxFQUFFO2FBQ1osQ0FBQyxDQUFBO0lBQ04sQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLElBQUksRUFBRSxFQUFFLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRW5ELE9BQU8sQ0FDTCxvQkFBQyxnQkFBZ0IsYUFBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsRUFBRSxPQUFPLEVBQUUsWUFBWSxJQUFNLE1BQU07UUFDL0YsQ0FBQyxVQUFVLElBQUksb0JBQUMsVUFBVSxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSTtRQUVuRSxJQUFJLElBQUksQ0FDUCxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQztZQUN4QixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNyQyxDQUNSO1FBRUQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7WUFDMUIsS0FBSyxJQUFJLENBQ1Isb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxTQUFTLElBQ3pDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDVCxDQUNSO1lBQ0EsV0FBVyxJQUFJLE9BQU8sV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLElBQUksRUFBRSxRQUFRLElBQ3hDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FDZixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0YsV0FBVyxDQUNaLENBQ0k7UUFFTixVQUFVLElBQUksb0JBQUMsVUFBVSxJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFFBQVEsR0FBSSxDQUNsRCxDQUNwQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsSUFBTSxVQUFVLEdBQUcsVUFBQyxFQUFnRTtRQUE5RCxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUE7SUFDckMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixLQUFLLEVBQUU7WUFDTCxVQUFVLEVBQUUsTUFBTTtZQUNsQixLQUFLLEVBQUUsRUFBRTtZQUNULE1BQU0sRUFBRSxFQUFFO1lBQ1YsV0FBVyxFQUFFLENBQUM7WUFDZCxZQUFZLEVBQUUsRUFBRTtZQUNoQixjQUFjLEVBQUUsUUFBUTtZQUN4QixVQUFVLEVBQUUsUUFBUTtZQUNwQixXQUFXLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO1NBQ2xIO1FBQ0QsVUFBVSxFQUFFO1lBQ1YsS0FBSyxFQUFFLEVBQUU7WUFDVCxNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxFQUFFO1lBQ2hCLGVBQWUsRUFBRSxhQUFhLENBQzVCLFFBQVEsSUFBSSxPQUFPO2dCQUNqQixDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVE7Z0JBQ3ZCLENBQUMsQ0FBQyxRQUFRLElBQUksQ0FBQyxPQUFPO29CQUN0QixDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWE7b0JBQzVCLENBQUMsQ0FBQyxPQUFPO3dCQUNULENBQUMsQ0FBQyxZQUFZLENBQUMsSUFBSTt3QkFDbkIsQ0FBQyxDQUFDLFlBQVksQ0FBQyxVQUFVLENBQzVCO1NBQ0Y7S0FDRixDQUFDLENBQUE7SUFDRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDekIsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBSSxDQUMvQixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
|
|
@@ -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 {};
|