@trilogy-ds/react 4.0.6 → 4.0.7-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 +11 -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 +43 -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 +141 -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 +19 -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 +12 -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 +76 -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 +44 -30
- package/lib/components/input/hook/useInput.d.ts +68 -0
- package/lib/components/input/hook/useInput.js +150 -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 +84 -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 +100 -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 +76 -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 +21 -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 +56 -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 +62 -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 +30 -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 +23 -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 +155 -0
- package/lib/components/select/web/hooks/useSelectNative.d.ts +22 -0
- package/lib/components/select/web/hooks/useSelectNative.js +37 -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 +54 -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 +45 -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 +32 -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 +27 -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 +13 -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 +29 -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/helpers/isServer.d.ts +1 -0
- package/lib/helpers/isServer.js +2 -0
- 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
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ClickEvent } from '../../../events/OnClickEvent';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
interface IParams {
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
onClick?: ClickEvent;
|
|
6
|
+
}
|
|
7
|
+
export declare const useButton: ({ isDisabled, onClick }: IParams) => {
|
|
8
|
+
handleClick?: undefined;
|
|
9
|
+
} | {
|
|
10
|
+
handleClick: (e: React.MouseEvent<HTMLInputElement | HTMLElement, MouseEvent>) => void;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { isServer } from '../../../helpers/isServer';
|
|
2
|
+
export var useButton = function (_a) {
|
|
3
|
+
var isDisabled = _a.isDisabled, onClick = _a.onClick;
|
|
4
|
+
if (isServer)
|
|
5
|
+
return {};
|
|
6
|
+
var handleClick = function (e) {
|
|
7
|
+
!isDisabled && (onClick === null || onClick === void 0 ? void 0 : onClick(e));
|
|
8
|
+
e.stopPropagation();
|
|
9
|
+
};
|
|
10
|
+
return { handleClick: handleClick };
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9idXR0b24vaG9va3MvdXNlQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFRN0MsTUFBTSxDQUFDLElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBZ0M7UUFBOUIsVUFBVSxnQkFBQSxFQUFFLE9BQU8sYUFBQTtJQUM3QyxJQUFJLFFBQVE7UUFBRSxPQUFPLEVBQUUsQ0FBQTtJQUV2QixJQUFNLFdBQVcsR0FBRyxVQUFDLENBQStEO1FBQ2xGLENBQUMsVUFBVSxLQUFJLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQSxDQUFBO1FBQzNCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtJQUNyQixDQUFDLENBQUE7SUFFRCxPQUFPLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQTtBQUN4QixDQUFDLENBQUEifQ==
|
|
@@ -1,18 +1,16 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { is } from '../../../services';
|
|
4
|
-
import clsx from 'clsx';
|
|
5
2
|
import { hashClass } from '../../../helpers';
|
|
6
|
-
import { useTrilogyContext } from '../../../context';
|
|
7
3
|
import { getJustifiedClassName } from '../../../objects';
|
|
4
|
+
import { is } from '../../../services';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
8
7
|
/**
|
|
9
8
|
* Button List Component
|
|
10
9
|
* @param children {ReactNode} ButtonList children
|
|
11
10
|
*/
|
|
12
11
|
var ButtonList = function (_a) {
|
|
13
12
|
var className = _a.className, id = _a.id, align = _a.align, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, others = __rest(_a, ["className", "id", "align", "direction"]);
|
|
14
|
-
|
|
15
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
|
|
13
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('buttons', className, align && is(getJustifiedClassName(align)), direction === 'column' && 'is-vertical')) }, others)));
|
|
16
14
|
};
|
|
17
15
|
export default ButtonList;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
16
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uTGlzdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYnV0dG9uL2xpc3QvQnV0dG9uTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ2pELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7R0FHRztBQUVILElBQU0sVUFBVSxHQUFHLFVBQUMsRUFBMEU7SUFBeEUsSUFBQSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxpQkFBaUIsRUFBakIsU0FBUyxtQkFBRyxLQUFLLEtBQUEsRUFBSyxNQUFNLGNBQXBELHlDQUFzRCxDQUFGO0lBQ3RFLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQ2xCLElBQUksQ0FBQyxTQUFTLEVBQUUsU0FBUyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUMsRUFBRSxTQUFTLEtBQUssUUFBUSxJQUFJLGFBQWEsQ0FBQyxDQUMvRyxJQUNHLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFVBQVUsQ0FBQSJ9
|
|
@@ -1,8 +1,5 @@
|
|
|
1
|
+
import { CardProps } from '../../components/card/CardProps';
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { CardProps } from './CardProps';
|
|
3
|
-
export declare const CardContext: React.Context<{
|
|
4
|
-
horizontal: boolean;
|
|
5
|
-
}>;
|
|
6
3
|
/**
|
|
7
4
|
* Card Component
|
|
8
5
|
* @param flat {boolean} Adding border for Card content
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import clsx from 'clsx';
|
|
2
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
4
3
|
import { is } from '../../services/classify';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
export var CardContext = createContext({ horizontal: false });
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React from 'react';
|
|
8
6
|
/**
|
|
9
7
|
* Card Component
|
|
10
8
|
* @param flat {boolean} Adding border for Card content
|
|
@@ -20,19 +18,14 @@ export var CardContext = createContext({ horizontal: false });
|
|
|
20
18
|
*/
|
|
21
19
|
var Card = function (_a) {
|
|
22
20
|
var className = _a.className, id = _a.id, flat = _a.flat, horizontal = _a.horizontal, floating = _a.floating, skeleton = _a.skeleton, onClick = _a.onClick, reversed = _a.reversed, href = _a.href, fullheight = _a.fullheight, active = _a.active, others = __rest(_a, ["className", "id", "flat", "horizontal", "floating", "skeleton", "onClick", "reversed", "href", "fullheight", "active"]);
|
|
23
|
-
var styled = useTrilogyContext().styled;
|
|
24
21
|
var hoverStyle = {
|
|
25
|
-
cursor: 'pointer',
|
|
22
|
+
cursor: onClick ? 'pointer' : 'default',
|
|
26
23
|
};
|
|
27
|
-
var classes = hashClass(
|
|
24
|
+
var classes = hashClass(clsx('card', flat && !floating && is('flat'), horizontal && [is('horizontal'), is('vcentered')], floating && !flat && is('floating'), skeleton && is('loading'), reversed && is('reversed'), className, fullheight && is('fullheight'), active && is('active')));
|
|
28
25
|
if (href) {
|
|
29
|
-
return
|
|
30
|
-
// eslint-disable-next-line no-unused-expressions
|
|
31
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
32
|
-
e.stopPropagation();
|
|
33
|
-
} }, others, { className: classes })));
|
|
26
|
+
return React.createElement("a", __assign({ id: id, href: href, onClick: onClick }, others, { className: classes }));
|
|
34
27
|
}
|
|
35
|
-
return
|
|
28
|
+
return React.createElement("div", __assign({ id: id, onClick: onClick, className: classes, style: hoverStyle }, others));
|
|
36
29
|
};
|
|
37
30
|
export default Card;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBWkcsd0hBYWIsQ0FEVTtJQUVULElBQU0sVUFBVSxHQUF3QjtRQUN0QyxNQUFNLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7S0FDeEMsQ0FBQTtJQUVELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsSUFBSSxDQUNGLE1BQU0sRUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUMvQixVQUFVLElBQUksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsRUFBRSxDQUFDLFdBQVcsQ0FBQyxDQUFDLEVBQ2pELFFBQVEsSUFBSSxDQUFDLElBQUksSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQ25DLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFNBQVMsRUFDVCxVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUN2QixDQUNGLENBQUE7SUFFRCxJQUFJLElBQUksRUFBRTtRQUNSLE9BQU8sb0NBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLElBQU0sTUFBTSxJQUFFLFNBQVMsRUFBRSxPQUFPLElBQUksQ0FBQTtLQUNuRjtJQUVELE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLFVBQVUsSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUM3RixDQUFDLENBQUE7QUFDRCxlQUFlLElBQUksQ0FBQSJ9
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
1
2
|
import React from 'react';
|
|
2
3
|
import { CardProps } from './CardProps';
|
|
3
|
-
import { ComponentName } from '../../components/enumsComponentsName';
|
|
4
4
|
export declare const CardContext: React.Context<{
|
|
5
5
|
floating: boolean;
|
|
6
6
|
backgroundColor: {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import React, { createContext } from 'react';
|
|
3
|
-
import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
-
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
6
2
|
import { ComponentName } from '../../components/enumsComponentsName';
|
|
7
3
|
import { StatesContext } from '../../context/providerStates';
|
|
4
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
5
|
+
import React, { createContext } from 'react';
|
|
6
|
+
import ContentLoader, { Rect } from 'react-content-loader/native';
|
|
7
|
+
import { Platform, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
8
8
|
export var CardContext = createContext({
|
|
9
9
|
floating: false,
|
|
10
10
|
backgroundColor: '' || {},
|
|
@@ -40,6 +40,8 @@ var Card = function (_a) {
|
|
|
40
40
|
'transparent',
|
|
41
41
|
borderRadius: cardRadius,
|
|
42
42
|
flex: fullheight ? 1 : 0,
|
|
43
|
+
overflow: 'hidden',
|
|
44
|
+
backgroundColor: getColorStyle(floating ? 'transparent' : TrilogyColor.BACKGROUND),
|
|
43
45
|
},
|
|
44
46
|
horizontal: {
|
|
45
47
|
flexDirection: 'row',
|
|
@@ -52,12 +54,6 @@ var Card = function (_a) {
|
|
|
52
54
|
shadowRadius: 2,
|
|
53
55
|
elevation: 5,
|
|
54
56
|
},
|
|
55
|
-
contentHorizontal: {
|
|
56
|
-
borderWidth: 2,
|
|
57
|
-
margin: 2,
|
|
58
|
-
padding: 10,
|
|
59
|
-
minHeight: 10,
|
|
60
|
-
},
|
|
61
57
|
skeleton: {
|
|
62
58
|
width: '100%',
|
|
63
59
|
minHeight: 50,
|
|
@@ -73,6 +69,10 @@ var Card = function (_a) {
|
|
|
73
69
|
React.createElement(View, { style: { opacity: 0 } }, children),
|
|
74
70
|
Platform.OS === 'android' && (React.createElement(View, null,
|
|
75
71
|
React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' }))))); };
|
|
72
|
+
var ShadowWrapper = function (_a) {
|
|
73
|
+
var children = _a.children;
|
|
74
|
+
return (React.createElement(View, { style: [!flat && !floating ? styles.shadow : undefined] }, children));
|
|
75
|
+
};
|
|
76
76
|
var cardView;
|
|
77
77
|
if (skeleton) {
|
|
78
78
|
return React.createElement(CardSkeleton, null);
|
|
@@ -95,15 +95,17 @@ var Card = function (_a) {
|
|
|
95
95
|
active: active || false,
|
|
96
96
|
} },
|
|
97
97
|
React.createElement(View, { style: { width: '100%' } },
|
|
98
|
-
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
98
|
+
React.createElement(TouchableOpacity, { testID: 'card-click-test', style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 },
|
|
99
|
+
React.createElement(ShadowWrapper, null, cardView)))))) : (React.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } },
|
|
99
100
|
React.createElement(CardContext.Provider, { value: {
|
|
100
101
|
floating: floating || false,
|
|
101
102
|
backgroundColor: 'white',
|
|
102
103
|
horizontal: horizontal || false,
|
|
103
104
|
reversed: reversed || false,
|
|
104
105
|
active: active || false,
|
|
105
|
-
} },
|
|
106
|
+
} },
|
|
107
|
+
React.createElement(ShadowWrapper, null, cardView))));
|
|
106
108
|
};
|
|
107
109
|
Card.displayName = ComponentName.Card;
|
|
108
110
|
export default Card;
|
|
109
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
111
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvQ2FyZC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDcEUsT0FBTyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQXFCLE1BQU0sT0FBTyxDQUFBO0FBQy9ELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsZ0JBQWdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNFLE1BQU0sQ0FBQyxJQUFNLFdBQVcsR0FBRyxhQUFhLENBQUM7SUFDdkMsUUFBUSxFQUFFLEtBQUs7SUFDZixlQUFlLEVBQUUsRUFBRSxJQUFJLEVBQUU7SUFDekIsVUFBVSxFQUFFLEtBQUs7SUFDakIsUUFBUSxFQUFFLEtBQUs7SUFDZixNQUFNLEVBQUUsS0FBSztDQUNkLENBQUMsQ0FBQTtBQUVGOzs7Ozs7Ozs7Ozs7R0FZRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFXRjtJQVZWLElBQUEsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osVUFBVSxnQkFBQSxFQUNWLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVkcseUdBV2IsQ0FEVTtJQUVULElBQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQTtJQUMxQixJQUFNLFVBQVUsR0FBRyxDQUFDLENBQUE7SUFD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
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ClickEvent } from '../../events/OnClickEvent';
|
|
3
|
-
import { Accessibility
|
|
3
|
+
import { Accessibility } from '../../objects/facets/Accessibility';
|
|
4
|
+
import { Clickable } from '../../objects/facets/Clickable';
|
|
4
5
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
6
|
+
import { Fullheight } from '../../objects/facets/Fullheight';
|
|
5
7
|
/**
|
|
6
8
|
* Card Interface
|
|
7
9
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardContentProps } from '
|
|
2
|
+
import { CardContentProps } from '../../../components/card/content/CardContentProps';
|
|
3
3
|
/**
|
|
4
4
|
* Card Content Component
|
|
5
5
|
* @param children {React.ReactNode} Custom Card Content Children
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
5
|
-
import { useTrilogyContext } from '../../../context';
|
|
4
|
+
import React from 'react';
|
|
6
5
|
/**
|
|
7
6
|
* Card Content Component
|
|
8
7
|
* @param children {React.ReactNode} Custom Card Content Children
|
|
@@ -12,8 +11,7 @@ import { useTrilogyContext } from '../../../context';
|
|
|
12
11
|
*/
|
|
13
12
|
var CardContent = function (_a) {
|
|
14
13
|
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
-
|
|
16
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('card-content', className)) }, others), children));
|
|
14
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('card-content', className)) }, others), children));
|
|
17
15
|
};
|
|
18
16
|
export default CardContent;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZENvbnRlbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9DYXJkQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCOzs7Ozs7R0FNRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBd0Q7SUFBdEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ3ZELE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sR0FDM0UsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsV0FBVyxDQUFBIn0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import CardContent from '
|
|
1
|
+
import CardContent from '../../../components/card/content/CardContent';
|
|
2
2
|
export default CardContent;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import CardContent from '
|
|
1
|
+
import CardContent from '../../../components/card/content/CardContent';
|
|
2
2
|
export default CardContent;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvY29udGVudC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSx1Q0FBdUMsQ0FBQTtBQUUvRCxlQUFlLFdBQVcsQ0FBQSJ9
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import clsx from 'clsx';
|
|
2
|
+
import { hashClass } from '../../../helpers/hashClassesHelpers';
|
|
4
3
|
import { is } from '../../../services/classify';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
4
|
+
import clsx from 'clsx';
|
|
5
|
+
import React from 'react';
|
|
7
6
|
/**
|
|
8
7
|
* Card Image Component
|
|
9
8
|
* @param src Image source
|
|
@@ -17,15 +16,10 @@ import { useTrilogyContext } from '../../../context';
|
|
|
17
16
|
*/
|
|
18
17
|
var CardImage = function (_a) {
|
|
19
18
|
var src = _a.src, alt = _a.alt, className = _a.className, id = _a.id, size = _a.size, onClick = _a.onClick, others = __rest(_a, ["src", "alt", "className", "id", "size", "onClick"]);
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// eslint-disable-next-line no-unused-expressions
|
|
24
|
-
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
25
|
-
e.stopPropagation();
|
|
26
|
-
}, className: classes },
|
|
27
|
-
React.createElement("figure", __assign({ className: hashClass(styled, clsx('image')) }, others),
|
|
19
|
+
var classes = hashClass(clsx('card-image', size && is("".concat(size)), className));
|
|
20
|
+
return (React.createElement("div", { id: id, onClick: onClick, className: classes },
|
|
21
|
+
React.createElement("figure", __assign({ className: hashClass(clsx('image')) }, others),
|
|
28
22
|
React.createElement("img", __assign({}, { src: typeof src === 'string' ? src : '' }, { alt: alt })))));
|
|
29
23
|
};
|
|
30
24
|
export default CardImage;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jYXJkL2ltYWdlL0NhcmRJbWFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUFxRTtJQUFuRSxJQUFBLEdBQUcsU0FBQSxFQUFFLEdBQUcsU0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLElBQUksVUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFLLE1BQU0sY0FBbkQsb0RBQXFELENBQUY7SUFDcEUsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxJQUFJLEVBQUUsQ0FBQyxVQUFHLElBQUksQ0FBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRSxPQUFPLENBQ0wsNkJBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPO1FBQy9DLHlDQUFRLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLElBQU0sTUFBTTtZQUNyRCx3Q0FBUyxFQUFFLEdBQUcsRUFBRSxPQUFPLEdBQUcsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxFQUFFLElBQUUsR0FBRyxFQUFFLEdBQUcsSUFBSSxDQUMzRCxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { CardImageProps } from './CardImageProps';
|
|
3
2
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
3
|
+
import { CardImageProps } from './CardImageProps';
|
|
4
4
|
/**
|
|
5
5
|
* Card Image Component
|
|
6
6
|
* @param src Image source
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __assign, __read, __rest } from "tslib";
|
|
2
|
-
import React, { useContext, useEffect, useState } from 'react';
|
|
3
|
-
import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
|
|
4
2
|
import { CardContext } from '../../../components/card/Card.native';
|
|
5
3
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
4
|
+
import React, { useContext, useEffect, useState } from 'react';
|
|
5
|
+
import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
|
|
6
6
|
/**
|
|
7
7
|
* Card Image Component
|
|
8
8
|
* @param src Image source
|
|
@@ -14,17 +14,17 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
14
14
|
*/
|
|
15
15
|
var CardImage = function (_a) {
|
|
16
16
|
var src = _a.src, size = _a.size, alt = _a.alt, onClick = _a.onClick, contain = _a.contain, others = __rest(_a, ["src", "size", "alt", "onClick", "contain"]);
|
|
17
|
-
var
|
|
17
|
+
var horizontal = useContext(CardContext).horizontal;
|
|
18
18
|
var maxSize = horizontal ? '50%' : '100%';
|
|
19
|
-
var
|
|
20
|
-
var getBorderRadius = function (isHorizontal, isReversed, isActive) { return ({
|
|
21
|
-
borderBottomRightRadius: (isHorizontal && 1) || (isReversed && 8) || 0,
|
|
22
|
-
borderBottomLeftRadius: (isHorizontal && 8) || (isReversed && 8) || 0,
|
|
23
|
-
borderTopRightRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
|
|
24
|
-
borderTopLeftRadius: (isHorizontal && 1) || (isReversed && 1) || (isActive && 5) || 8,
|
|
25
|
-
}); };
|
|
19
|
+
var _b = __read(useState(1), 2), ratio = _b[0], setRatio = _b[1];
|
|
26
20
|
var styles = StyleSheet.create({
|
|
27
|
-
cardImage:
|
|
21
|
+
cardImage: {
|
|
22
|
+
width: size ? "".concat(size, "0%") : maxSize,
|
|
23
|
+
aspectRatio: ratio,
|
|
24
|
+
resizeMode: contain ? 'contain' : 'cover',
|
|
25
|
+
alignSelf: contain ? 'flex-end' : 'auto',
|
|
26
|
+
marginBottom: 0,
|
|
27
|
+
},
|
|
28
28
|
});
|
|
29
29
|
useEffect(function () {
|
|
30
30
|
if (!horizontal) {
|
|
@@ -41,4 +41,4 @@ var CardImage = function (_a) {
|
|
|
41
41
|
};
|
|
42
42
|
CardImage.displayName = ComponentName.CardImage;
|
|
43
43
|
export default CardImage;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZEltYWdlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2FyZC9pbWFnZS9DYXJkSW1hZ2UubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzlELE9BQU8sRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUd4RTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sU0FBUyxHQUFHLFVBQUMsRUFBK0Q7SUFBN0QsSUFBQSxHQUFHLFNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxHQUFHLFNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBSyxNQUFNLGNBQTdDLDRDQUErQyxDQUFGO0lBQ3RELElBQUEsVUFBVSxHQUFLLFVBQVUsQ0FBQyxXQUFXLENBQUMsV0FBNUIsQ0FBNEI7SUFDOUMsSUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQTtJQUNyQyxJQUFBLEtBQUEsT0FBb0IsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQTlCLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZSxDQUFBO0lBRXJDLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsT0FBTztZQUNuQyxXQUFXLEVBQUUsS0FBSztZQUNsQixVQUFVLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLE9BQU87WUFDekMsU0FBUyxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxNQUFNO1lBQ3hDLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsU0FBUyxDQUFDO1FBQ1IsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNmLE9BQU8sR0FBRyxLQUFLLFFBQVE7Z0JBQ3JCLENBQUMsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUNYLEdBQUcsRUFDSCxVQUFDLENBQUMsRUFBRSxDQUFDO29CQUNILENBQUMsSUFBSSxRQUFRLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUN0QixDQUFDLEVBQ0QsY0FBTSxPQUFBLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBWCxDQUFXLENBQ2xCO2dCQUNILENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUE7U0FDaEI7SUFDSCxDQUFDLEVBQUUsQ0FBQyxHQUFHLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQTtJQUVyQixJQUFNLEtBQUssR0FBRyxDQUNaLG9CQUFDLEtBQUssYUFDSixrQkFBa0IsRUFBRSxHQUFHLEVBQ3ZCLEtBQUssRUFBRSxNQUFNLENBQUMsU0FBUyxFQUN2QixNQUFNLEVBQUUsT0FBTyxHQUFHLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxJQUNoRCxNQUFNLEVBQ1YsQ0FDSCxDQUFBO0lBRUQsT0FBTyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ2Ysb0JBQUMsSUFBSTtRQUNILG9CQUFDLGdCQUFnQixJQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsYUFBYSxFQUFFLElBQUksSUFDcEQsS0FBSyxDQUNXLENBQ2QsQ0FDUixDQUFDLENBQUMsQ0FBQyxDQUNGLEtBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBRS9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import Card from '
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
export * from '
|
|
5
|
-
export { Card,
|
|
1
|
+
import Card from '../../components/card/Card';
|
|
2
|
+
import CardContent from '../../components/card/content';
|
|
3
|
+
import CardImage from '../../components/card/image';
|
|
4
|
+
export * from '../../components/card/image/CardImageEnum';
|
|
5
|
+
export { Card, CardContent, CardImage };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Card from '
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
export * from '
|
|
5
|
-
export { Card,
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import Card from '../../components/card/Card';
|
|
2
|
+
import CardContent from '../../components/card/content';
|
|
3
|
+
import CardImage from '../../components/card/image';
|
|
4
|
+
export * from '../../components/card/image/CardImageEnum';
|
|
5
|
+
export { Card, CardContent, CardImage };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NhcmQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sd0JBQXdCLENBQUE7QUFDekMsT0FBTyxXQUFXLE1BQU0sMkJBQTJCLENBQUE7QUFDbkQsT0FBTyxTQUFTLE1BQU0seUJBQXlCLENBQUE7QUFFL0MsY0FBYyx1Q0FBdUMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsQ0FBQSJ9
|
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
import { __assign,
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import shortid from 'shortid';
|
|
4
|
-
import clsx from 'clsx';
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
5
2
|
import { hashClass } from '../../helpers';
|
|
6
|
-
import
|
|
3
|
+
import clsx from 'clsx';
|
|
4
|
+
import React from 'react';
|
|
7
5
|
/**
|
|
8
6
|
* Checkbox Component
|
|
9
7
|
* @param checked {boolean} Checked Checkbox
|
|
@@ -19,26 +17,19 @@ import { useTrilogyContext } from '../../context';
|
|
|
19
17
|
* @param className {string} Additionnal css classes (ONLY FOR WEB)
|
|
20
18
|
*/
|
|
21
19
|
var Checkbox = function (_a) {
|
|
22
|
-
var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ?
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
checkboxName: target.name,
|
|
36
|
-
checkboxChecked: target.checked,
|
|
37
|
-
}) : setChecked(target.checked);
|
|
38
|
-
};
|
|
39
|
-
return (React.createElement("div", { className: hashClass(styled, clsx('checkbox', className)) },
|
|
40
|
-
React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: handleOnChange }, others)),
|
|
41
|
-
React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
|
|
20
|
+
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, children = _a.children, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "children"]);
|
|
21
|
+
return (React.createElement("div", { className: hashClass(clsx('checkbox', className)) },
|
|
22
|
+
React.createElement("input", __assign({ type: 'checkbox', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, onChange: onChange && !disabled && !readonly
|
|
23
|
+
? function (e) {
|
|
24
|
+
return onChange({
|
|
25
|
+
checkboxId: e.target.id,
|
|
26
|
+
checkboxValue: e.target.value,
|
|
27
|
+
checkboxName: e.target.name,
|
|
28
|
+
checkboxChecked: e.target.checked,
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
: undefined }, others)),
|
|
32
|
+
React.createElement("label", { htmlFor: id, className: hashClass(clsx('checkbox-label')) }, label !== null && label !== void 0 ? label : children)));
|
|
42
33
|
};
|
|
43
34
|
export default Checkbox;
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
35
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NoZWNrYm94L0NoZWNrYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBR3pCOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBWUY7SUFYZCxJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FYTyx3R0FZakIsQ0FEVTtJQUVULE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDcEQsd0NBQ0UsSUFBSSxFQUFDLFVBQVUsRUFDZixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQ04sUUFBUSxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsUUFBUTtnQkFDaEMsQ0FBQyxDQUFDLFVBQUMsQ0FBQztvQkFDQSxPQUFBLFFBQVEsQ0FBQzt3QkFDUCxVQUFVLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxFQUFFO3dCQUN2QixhQUFhLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLO3dCQUM3QixZQUFZLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJO3dCQUMzQixlQUFlLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPO3FCQUNsQyxDQUFDO2dCQUxGLENBS0U7Z0JBQ04sQ0FBQyxDQUFDLFNBQVMsSUFFWCxNQUFNLEVBQ1Y7UUFDRiwrQkFBTyxPQUFPLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUMsSUFDN0QsS0FBSyxhQUFMLEtBQUssY0FBTCxLQUFLLEdBQUksUUFBUSxDQUNaLENBQ0osQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Accessibility } from '../../objects';
|
|
2
2
|
import { CommonProps } from '../../objects/facets/CommonProps';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
type CheckboxChangeEventHandler = (event: {
|
|
4
|
+
export type CheckboxChangeEventHandler = (event: {
|
|
5
5
|
checkboxValue: string;
|
|
6
6
|
checkboxName: string;
|
|
7
7
|
checkboxChecked: boolean;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import clsx from 'clsx';
|
|
4
2
|
import { hashClass } from '../../../helpers';
|
|
5
|
-
import { useTrilogyContext } from '../../../context';
|
|
6
3
|
import { getAlignClassName } from '../../../objects';
|
|
7
4
|
import { is } from '../../../services';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import * as React from 'react';
|
|
8
7
|
/**
|
|
9
8
|
* CheckboxTiles
|
|
10
9
|
* @param id
|
|
@@ -15,7 +14,6 @@ import { is } from '../../../services';
|
|
|
15
14
|
*/
|
|
16
15
|
var CheckboxTiles = function (_a) {
|
|
17
16
|
var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign"]);
|
|
18
|
-
var styled = useTrilogyContext().styled;
|
|
19
17
|
var alignClass = null;
|
|
20
18
|
if (align) {
|
|
21
19
|
alignClass =
|
|
@@ -32,7 +30,7 @@ var CheckboxTiles = function (_a) {
|
|
|
32
30
|
(getAlignClassName(verticalAlign) === 'aligned-end' && is('aligned-end')) ||
|
|
33
31
|
null;
|
|
34
32
|
}
|
|
35
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(
|
|
33
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('checkbox-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
|
|
36
34
|
};
|
|
37
35
|
export default CheckboxTiles;
|
|
38
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hlY2tib3hUaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY2hlY2tib3gvdGlsZXMvQ2hlY2tib3hUaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDL0IsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBT0Y7SUFObkIsSUFBQSxFQUFFLFFBQUEsRUFDRixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixLQUFLLFdBQUEsRUFDTCxhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQU5ZLHlEQU90QixDQURVO0lBRVQsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBQ3JCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBQ0QsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFDN0IsSUFBSSxhQUFhLEVBQUU7UUFDakIsa0JBQWtCO1lBQ2hCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztnQkFDL0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN6RSxJQUFJLENBQUE7S0FDUDtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsRUFBRSxLQUFLLElBQUksVUFBVSxFQUFFLGFBQWEsSUFBSSxrQkFBa0IsQ0FBQyxDQUFDLElBQzdHLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxhQUFhLENBQUEifQ==
|