@trilogy-ds/react 4.0.7-SC-beta-1 → 4.0.7-fix-breadcrumbitem-test
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 +6 -4
- 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 +3 -0
- 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 +10 -6
- package/lib/components/accordion/item/body/AccordionBody.d.ts +2 -2
- package/lib/components/accordion/item/body/AccordionBody.js +8 -6
- 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/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 +6 -4
- 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 +3 -1
- package/lib/components/alert/Alert.js +87 -54
- package/lib/components/alert/AlertProps.d.ts +5 -0
- package/lib/components/alert/AlertProps.js +6 -1
- package/lib/components/alert/ToasterStatusPropsDefaults.js +8 -0
- package/lib/components/alert/context/ToasterContext.js +2 -6
- package/lib/components/autocomplete/AutoComplete.d.ts +1 -1
- package/lib/components/autocomplete/AutoComplete.js +127 -26
- 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/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 +8 -6
- package/lib/components/autocomplete/item/AutoCompleteItemProps.d.ts +1 -1
- 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 +7 -5
- 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 +13 -10
- package/lib/components/badge/BadgeProps.d.ts +2 -2
- package/lib/components/badge/index.d.ts +1 -2
- package/lib/components/badge/index.js +2 -3
- package/lib/components/box/Box.js +16 -8
- package/lib/components/box/content/BoxContent.js +7 -5
- package/lib/components/box/footer/BoxFooter.js +6 -4
- package/lib/components/box/header/BoxHeader.js +7 -5
- package/lib/components/box/item/BoxItem.js +6 -4
- package/lib/components/box/table-container/BoxTableContainer.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.js +7 -5
- package/lib/components/breadcrumb/Breadcrumb.js +4 -2
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +9 -10
- package/lib/components/button/Button.js +19 -7
- package/lib/components/button/list/ButtonList.js +7 -5
- package/lib/components/card/Card.d.ts +4 -1
- package/lib/components/card/Card.js +15 -8
- package/lib/components/card/CardProps.d.ts +1 -3
- package/lib/components/card/content/CardContent.d.ts +1 -1
- package/lib/components/card/content/CardContent.js +6 -4
- 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 +13 -7
- package/lib/components/card/index.d.ts +5 -5
- package/lib/components/card/index.js +6 -6
- package/lib/components/checkbox/Checkbox.js +26 -17
- package/lib/components/checkbox/CheckboxProps.d.ts +1 -1
- package/lib/components/checkbox/tiles/CheckboxTiles.js +6 -4
- package/lib/components/checkbox/tiles/tile/CheckboxTile.js +24 -23
- package/lib/components/chips/Chips.d.ts +1 -1
- package/lib/components/chips/Chips.js +11 -7
- 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 +7 -5
- 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 +4 -2
- package/lib/components/columns/column/Column.js +4 -2
- package/lib/components/container/Container.js +4 -2
- package/lib/components/countdown/Countdown.d.ts +1 -1
- package/lib/components/countdown/Countdown.js +77 -17
- package/lib/components/countdown/CountdownProps.d.ts +1 -1
- package/lib/components/countdown/index.d.ts +2 -2
- package/lib/components/countdown/index.js +3 -3
- package/lib/components/divider/Divider.js +5 -3
- package/lib/components/fab/Fab.d.ts +1 -1
- package/lib/components/fab/Fab.js +16 -7
- package/lib/components/fab/FabProps.d.ts +3 -5
- package/lib/components/fab/index.d.ts +1 -1
- package/lib/components/fab/index.js +2 -2
- package/lib/components/hero/Hero.js +5 -3
- package/lib/components/icon/Icon.js +8 -6
- package/lib/components/image/Image.d.ts +1 -1
- package/lib/components/image/Image.js +12 -7
- package/lib/components/image/ImageProps.d.ts +2 -3
- 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 +123 -39
- 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 +3 -2
- 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 +74 -89
- package/lib/components/input/index.d.ts +3 -3
- package/lib/components/input/index.js +4 -4
- package/lib/components/link/Link.js +8 -6
- package/lib/components/list/List.js +4 -2
- package/lib/components/list/item/ListItem.js +8 -6
- package/lib/components/list/item/description/ListItemDescription.d.ts +2 -2
- package/lib/components/list/item/description/ListItemDescription.js +7 -5
- package/lib/components/modal/Modal.d.ts +1 -1
- package/lib/components/modal/Modal.js +74 -14
- package/lib/components/modal/ModalProps.d.ts +2 -3
- package/lib/components/modal/body/ModalBody.d.ts +1 -1
- package/lib/components/modal/body/ModalBody.js +5 -3
- package/lib/components/modal/footer/ModalFooter.d.ts +1 -1
- package/lib/components/modal/footer/ModalFooter.js +6 -4
- 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 +98 -22
- 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 +66 -17
- package/lib/components/pagination/PaginationProps.d.ts +2 -3
- package/lib/components/pagination/index.d.ts +2 -2
- package/lib/components/pagination/index.js +3 -3
- package/lib/components/popover/Popover.js +7 -5
- package/lib/components/price/Price.js +13 -11
- package/lib/components/product-tour/ProductTour.js +17 -13
- package/lib/components/progress/Progress.d.ts +2 -2
- package/lib/components/progress/Progress.js +13 -11
- 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 +52 -11
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -5
- 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 +6 -4
- 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 +8 -6
- 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 +7 -5
- 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 +7 -5
- 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 +12 -10
- 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 +57 -15
- package/lib/components/range/RangeProps.d.ts +1 -2
- package/lib/components/range/index.d.ts +1 -1
- package/lib/components/range/index.js +2 -2
- package/lib/components/rows/Rows.js +6 -4
- package/lib/components/rows/row/Row.js +6 -4
- package/lib/components/scroll-view/ScrollView.d.ts +2 -2
- package/lib/components/scroll-view/ScrollView.js +13 -11
- package/lib/components/section/Section.js +7 -5
- package/lib/components/segment-control/SegmentControl.d.ts +2 -8
- package/lib/components/segment-control/SegmentControl.js +28 -16
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -6
- package/lib/components/segment-control/item/SegmentControlItem.js +18 -8
- package/lib/components/segment-control/item/SegmentControlItemProps.d.ts +1 -1
- 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 +2 -3
- 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 +9 -7
- package/lib/components/select/option/SelectOptionProps.d.ts +2 -3
- 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 +131 -15
- package/lib/components/select/web/SelectNative.js +35 -15
- 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 +5 -3
- package/lib/components/stepper/Stepper.d.ts +2 -2
- package/lib/components/stepper/Stepper.js +36 -9
- package/lib/components/stepper/step/Step.d.ts +1 -1
- package/lib/components/stepper/step/Step.js +10 -8
- 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 +9 -7
- package/lib/components/switch/Switch.d.ts +1 -1
- package/lib/components/switch/Switch.js +43 -11
- package/lib/components/switch/SwitchProps.d.ts +3 -2
- package/lib/components/switch/index.d.ts +1 -1
- package/lib/components/switch/index.js +2 -2
- package/lib/components/table/Table.js +7 -5
- package/lib/components/table/body/TableBody.js +7 -5
- package/lib/components/table/head/TableHead.js +7 -5
- package/lib/components/table/td/TableTd.js +6 -4
- package/lib/components/table/th/TableTh.js +6 -4
- package/lib/components/table/tr/TableTr.d.ts +1 -1
- package/lib/components/table/tr/TableTr.js +9 -7
- package/lib/components/tabs/Tabs.js +18 -6
- package/lib/components/tabs/TabsProps.d.ts +1 -4
- package/lib/components/tabs/context/index.js +1 -2
- package/lib/components/tabs/tab-list/TabList.js +4 -2
- package/lib/components/tabs/tab-list/tab/Tab.js +19 -4
- package/lib/components/tabs/tab-list/tab/TabProps.d.ts +1 -3
- package/lib/components/tabs/tab-panels/TabPanels.js +4 -2
- package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +6 -4
- package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +1 -1
- package/lib/components/tag/Tag.js +5 -3
- package/lib/components/tag/list/TagList.js +7 -5
- package/lib/components/text/Text.js +7 -5
- package/lib/components/textarea/Textarea.d.ts +1 -1
- package/lib/components/textarea/Textarea.js +27 -15
- package/lib/components/textarea/TextareaProps.d.ts +3 -4
- package/lib/components/timeline/Timeline.js +6 -4
- package/lib/components/timeline/content/TimelineContent.js +7 -5
- package/lib/components/timeline/item/TimelineItem.js +6 -4
- package/lib/components/timeline/marker/TimelineMarker.js +7 -5
- package/lib/components/title/Title.js +9 -7
- package/lib/components/view/View.d.ts +1 -1
- package/lib/components/view/View.js +15 -12
- package/lib/context/index.d.ts +1 -1
- package/lib/context/index.js +2 -3
- package/lib/context/providerStates.js +2 -3
- package/lib/context/providerTheme.js +1 -2
- package/lib/helpers/hashClassesHelpers.d.ts +3 -1
- package/lib/helpers/hashClassesHelpers.js +15 -18
- package/lib/objects/Typography/TypographyBold.js +2 -3
- package/lib/version.d.ts +1 -1
- package/lib/version.js +2 -2
- package/package.json +2 -1
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.d.ts +0 -6
- package/lib/components/accordion/item/body/hooks/useAccordionBoy.js +0 -14
- package/lib/components/alert/hooks/useAlert.d.ts +0 -23
- package/lib/components/alert/hooks/useAlert.js +0 -48
- package/lib/components/autocomplete/hooks/useAutocomplete.d.ts +0 -40
- package/lib/components/autocomplete/hooks/useAutocomplete.js +0 -144
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.d.ts +0 -9
- package/lib/components/autocomplete/item/hooks/useAutocompleteItem.js +0 -20
- package/lib/components/button/hooks/useButton.d.ts +0 -12
- package/lib/components/button/hooks/useButton.js +0 -16
- package/lib/components/countdown/hooks/useCountdown.d.ts +0 -16
- package/lib/components/countdown/hooks/useCountdown.js +0 -77
- package/lib/components/input/hook/useInput.d.ts +0 -68
- package/lib/components/input/hook/useInput.js +0 -151
- package/lib/components/modal/hooks/useModal.d.ts +0 -26
- package/lib/components/modal/hooks/useModal.js +0 -86
- package/lib/components/otp/hooks/useOtp.d.ts +0 -20
- package/lib/components/otp/hooks/useOtp.js +0 -101
- package/lib/components/pagination/hooks/usePagination.d.ts +0 -25
- package/lib/components/pagination/hooks/usePagination.js +0 -77
- package/lib/components/product-tour/hooks/useProductTour.d.ts +0 -11
- package/lib/components/product-tour/hooks/useProductTour.js +0 -22
- package/lib/components/progress/radial/hooks/useProgressRadial.d.ts +0 -15
- package/lib/components/progress/radial/hooks/useProgressRadial.js +0 -57
- package/lib/components/range/hooks/useRange.d.ts +0 -30
- package/lib/components/range/hooks/useRange.js +0 -63
- package/lib/components/segment-control/hooks/useSegmentControl.d.ts +0 -14
- package/lib/components/segment-control/hooks/useSegmentControl.js +0 -31
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.d.ts +0 -14
- package/lib/components/segment-control/item/hooks/useSegmentControlItem.js +0 -24
- package/lib/components/select/web/hooks/useSelectDynamic.d.ts +0 -27
- package/lib/components/select/web/hooks/useSelectDynamic.js +0 -156
- package/lib/components/select/web/hooks/useSelectNative.d.ts +0 -22
- package/lib/components/select/web/hooks/useSelectNative.js +0 -38
- package/lib/components/stepper/hooks/useStepper.d.ts +0 -9
- package/lib/components/stepper/hooks/useStepper.js +0 -55
- package/lib/components/switch/hooks/useSwitch.d.ts +0 -18
- package/lib/components/switch/hooks/useSwitch.js +0 -46
- package/lib/components/tabs/hooks/useTabs.d.ts +0 -12
- package/lib/components/tabs/hooks/useTabs.js +0 -33
- package/lib/components/tabs/tab-list/tab/hooks/useTab.d.ts +0 -17
- package/lib/components/tabs/tab-list/tab/hooks/useTab.js +0 -28
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.d.ts +0 -3
- package/lib/components/tabs/tab-panels/tab-panel/hooks/useTabPanel.js +0 -14
- package/lib/components/textarea/hooks/useTextarea.d.ts +0 -15
- package/lib/components/textarea/hooks/useTextarea.js +0 -30
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
4
|
+
import { useTrilogyContext } from '../../context/index';
|
|
5
|
+
import { hashClass } from '../../helpers/hashClassesHelpers';
|
|
5
6
|
/**
|
|
6
7
|
* Accordion Component
|
|
7
8
|
* @param id
|
|
@@ -11,8 +12,9 @@ import React from 'react';
|
|
|
11
12
|
*/
|
|
12
13
|
var Accordion = function (_a) {
|
|
13
14
|
var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
|
|
14
|
-
var
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
var classes = hashClass(styled, clsx('accordion', className));
|
|
15
17
|
return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
|
|
16
18
|
};
|
|
17
19
|
export default Accordion;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AccordionProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { AccordionProps } from "./AccordionProps";
|
|
3
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Component
|
|
6
6
|
* @param children {ReactNode}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { StyleSheet, View } from "react-native";
|
|
4
|
+
import { ComponentName } from "../../components/enumsComponentsName";
|
|
5
5
|
/**
|
|
6
6
|
* Accordion Component
|
|
7
7
|
* @param children {ReactNode}
|
|
@@ -10,7 +10,7 @@ var Accordion = function (_a) {
|
|
|
10
10
|
var others = __rest(_a, []);
|
|
11
11
|
var styles = StyleSheet.create({
|
|
12
12
|
accordion: {
|
|
13
|
-
width:
|
|
13
|
+
width: "100%",
|
|
14
14
|
minHeight: 10,
|
|
15
15
|
borderRadius: 6,
|
|
16
16
|
},
|
|
@@ -19,4 +19,4 @@ var Accordion = function (_a) {
|
|
|
19
19
|
};
|
|
20
20
|
Accordion.displayName = ComponentName.Accordion;
|
|
21
21
|
export default Accordion;
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE2QjtRQUF4QixNQUFNLGNBQVgsRUFBYSxDQUFGO0lBQzVCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsRUFBRTtZQUNiLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import Accordion from '
|
|
2
|
-
import AccordionItem from '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export { Accordion,
|
|
1
|
+
import Accordion from './Accordion';
|
|
2
|
+
import AccordionItem from './item';
|
|
3
|
+
import AccordionHeader from './item/header';
|
|
4
|
+
import AccordionBody from './item/body';
|
|
5
|
+
export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import Accordion from '
|
|
2
|
-
import AccordionItem from '
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
export { Accordion,
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
1
|
+
import Accordion from './Accordion';
|
|
2
|
+
import AccordionItem from './item';
|
|
3
|
+
import AccordionHeader from './item/header';
|
|
4
|
+
import AccordionBody from './item/body';
|
|
5
|
+
export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AccordionItemProps } from '
|
|
2
|
+
import { AccordionItemProps } from './AccordionItemProps';
|
|
3
3
|
/**
|
|
4
4
|
* Accordion Item Component
|
|
5
5
|
* @param active {boolean} Active Accordion Item
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import {
|
|
2
|
+
import React, { useRef } from 'react';
|
|
3
|
+
import shortid from 'shortid';
|
|
3
4
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
5
|
+
import { hashClass } from '../../../helpers';
|
|
6
|
+
import { useTrilogyContext } from '../../../context';
|
|
5
7
|
/**
|
|
6
8
|
* Accordion Item Component
|
|
7
9
|
* @param active {boolean} Active Accordion Item
|
|
@@ -12,14 +14,16 @@ import React from 'react';
|
|
|
12
14
|
* @param children {ReactNode}
|
|
13
15
|
*/
|
|
14
16
|
var AccordionItem = function (_a) {
|
|
15
|
-
var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ?
|
|
16
|
-
var
|
|
17
|
+
var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
|
|
18
|
+
var ref = useRef(null);
|
|
19
|
+
var styled = useTrilogyContext().styled;
|
|
20
|
+
var classes = hashClass(styled, clsx('accordion-item', className));
|
|
17
21
|
var ariaProps = {};
|
|
18
22
|
if (disabled) {
|
|
19
23
|
ariaProps['tabIndex'] = -1;
|
|
20
24
|
ariaProps['aria-disabled'] = true;
|
|
21
25
|
}
|
|
22
|
-
return (React.createElement("details", __assign({ open: open, "data-testid": id, className: classes, id: id, onClick: onClick
|
|
26
|
+
return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) { return (onClick ? onClick(e) : null); } }), children));
|
|
23
27
|
};
|
|
24
28
|
export default AccordionItem;
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { AccordionBodyProps } from './AccordionBodyProps';
|
|
3
3
|
/**
|
|
4
4
|
* Accordion Body Component
|
|
5
5
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import { hashClass } from '../../../../helpers/hashClassesHelpers';
|
|
2
|
+
import * as React from 'react';
|
|
4
3
|
import clsx from 'clsx';
|
|
5
|
-
import
|
|
4
|
+
import { hashClass } from '../../../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../../../context';
|
|
6
6
|
/**
|
|
7
7
|
* Accordion Body Component
|
|
8
8
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -12,8 +12,10 @@ import React from 'react';
|
|
|
12
12
|
*/
|
|
13
13
|
var AccordionBody = function (_a) {
|
|
14
14
|
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
15
|
-
var
|
|
16
|
-
return (React.createElement("div", __assign({ id: id, className: hashClass(clsx('accordion-body', className)), onClick:
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
|
|
17
|
+
e.stopPropagation();
|
|
18
|
+
} }, others), children));
|
|
17
19
|
};
|
|
18
20
|
export default AccordionBody;
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ2pELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AccordionBodyProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { AccordionBodyProps } from "./AccordionBodyProps";
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Body Component
|
|
6
6
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { StyleSheet, View } from "react-native";
|
|
4
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
5
5
|
/**
|
|
6
6
|
* Accordion Body Component
|
|
7
7
|
* @param children {React.ReactNode} Children for Accordion body
|
|
@@ -15,4 +15,4 @@ var AccordionBody = function (_a) {
|
|
|
15
15
|
};
|
|
16
16
|
AccordionBody.displayName = ComponentName.AccordionBody;
|
|
17
17
|
export default AccordionBody;
|
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQUdGO0lBRm5CLElBQUEsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQUZZLFlBR3RCLENBRFU7SUFFVCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLGFBQWEsRUFBRSxFQUFFO0tBQ2xCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFNLE1BQU0sR0FDNUMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUV2RCxlQUFlLGFBQWEsQ0FBQSJ9
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import AccordionBody from '
|
|
1
|
+
import AccordionBody from './AccordionBody';
|
|
2
2
|
export default AccordionBody;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import AccordionBody from '
|
|
1
|
+
import AccordionBody from './AccordionBody';
|
|
2
2
|
export default AccordionBody;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxhQUFhLE1BQU0saUJBQWlCLENBQUE7QUFFM0MsZUFBZSxhQUFhLENBQUEifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { AccordionHeaderProps } from './AccordionHeaderProps';
|
|
3
3
|
/**
|
|
4
4
|
* Accordion Header
|
|
5
5
|
* @param className {string} Additionnal CSS Classes
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { __assign, __rest } from "tslib";
|
|
2
|
-
import
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import
|
|
4
|
+
import { hashClass } from '../../../../helpers';
|
|
5
|
+
import { useTrilogyContext } from '../../../../context';
|
|
5
6
|
/**
|
|
6
7
|
* Accordion Header
|
|
7
8
|
* @param className {string} Additionnal CSS Classes
|
|
@@ -11,7 +12,8 @@ import React from 'react';
|
|
|
11
12
|
*/
|
|
12
13
|
var AccordionHeader = function (_a) {
|
|
13
14
|
var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
|
|
14
|
-
|
|
15
|
+
var styled = useTrilogyContext().styled;
|
|
16
|
+
return (React.createElement("summary", __assign({ id: id, className: hashClass(styled, clsx('accordion-header', className)), role: 'button' }, others), children));
|
|
15
17
|
};
|
|
16
18
|
export default AccordionHeader;
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCwwQ0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBQyxRQUFRLElBQUssTUFBTSxHQUN6RyxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AccordionHeaderProps } from
|
|
3
|
-
import { ComponentName } from
|
|
2
|
+
import { AccordionHeaderProps } from "./AccordionHeaderProps";
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Header
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { StyleSheet, View } from "react-native";
|
|
3
|
+
import { ComponentName } from "../../../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
5
|
* Accordion Header
|
|
6
6
|
* @param children {React.ReactNode}
|
|
@@ -9,13 +9,13 @@ var AccordionHeader = function (_a) {
|
|
|
9
9
|
var children = _a.children;
|
|
10
10
|
var styles = StyleSheet.create({
|
|
11
11
|
header: {
|
|
12
|
-
maxWidth:
|
|
13
|
-
minWidth:
|
|
14
|
-
width:
|
|
12
|
+
maxWidth: "95%",
|
|
13
|
+
minWidth: "95%",
|
|
14
|
+
width: "95%"
|
|
15
15
|
},
|
|
16
16
|
});
|
|
17
17
|
return React.createElement(View, { style: styles.header }, children);
|
|
18
18
|
};
|
|
19
19
|
AccordionHeader.displayName = ComponentName.AccordionHeader;
|
|
20
20
|
export default AccordionHeader;
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQWtDO1FBQWhDLFFBQVEsY0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixLQUFLLEVBQUUsS0FBSztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLElBQUcsUUFBUSxDQUFRLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import AccordionHeader from '
|
|
1
|
+
import AccordionHeader from './AccordionHeader';
|
|
2
2
|
export default AccordionHeader;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import AccordionHeader from '
|
|
1
|
+
import AccordionHeader from './AccordionHeader';
|
|
2
2
|
export default AccordionHeader;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2hlYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUsTUFBTSxtQkFBbUIsQ0FBQTtBQUUvQyxlQUFlLGVBQWUsQ0FBQSJ9
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import AccordionItem from '
|
|
1
|
+
import AccordionItem from './AccordionItem';
|
|
2
2
|
export default AccordionItem;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import AccordionItem from '
|
|
1
|
+
import AccordionItem from './AccordionItem';
|
|
2
2
|
export default AccordionItem;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFBO0FBRTNDLGVBQWUsYUFBYSxDQUFBIn0=
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { AlertProps, ToasterStatusProps } from '
|
|
2
|
+
import { AlertProps, ToasterStatusProps } from './AlertProps';
|
|
3
3
|
/**
|
|
4
4
|
* Alert Component
|
|
5
5
|
* @param iconName {IconName} Custom icon
|
|
@@ -18,6 +18,8 @@ declare const Alert: ({ banner, status, className, id, iconName, title, descript
|
|
|
18
18
|
* @param children {React.ReactNode} Custom Toast Content
|
|
19
19
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
20
20
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
21
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
22
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
21
23
|
* @param others
|
|
22
24
|
*/
|
|
23
25
|
export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
|
|
@@ -1,48 +1,67 @@
|
|
|
1
|
-
import { __assign, __rest } from "tslib";
|
|
2
|
-
import { ToasterAlertPosition } from '../../components/alert/AlertProps';
|
|
3
|
-
import { useAlert, useToasterAlertProvider } from '../../components/alert/hooks/useAlert';
|
|
1
|
+
import { __assign, __read, __rest } from "tslib";
|
|
4
2
|
import { Icon, IconName, IconSize } from '../../components/icon';
|
|
5
3
|
import { Text, TextLevels } from '../../components/text';
|
|
6
4
|
import { Title, TitleLevels } from '../../components/title';
|
|
7
|
-
import {
|
|
5
|
+
import { useTrilogyContext } from '../../context';
|
|
6
|
+
import { hashClass } from '../../helpers';
|
|
8
7
|
import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
|
|
9
8
|
import { has, is } from '../../services/classify';
|
|
10
9
|
import clsx from 'clsx';
|
|
11
|
-
import React from 'react';
|
|
10
|
+
import * as React from 'react';
|
|
11
|
+
import { useEffect, useRef, useState } from 'react';
|
|
12
|
+
import { ToasterAlertFloat, ToasterAlertPosition } from './AlertProps';
|
|
13
|
+
import ToasterContext from './context';
|
|
12
14
|
/**
|
|
13
15
|
* Toaster Component
|
|
14
|
-
*
|
|
16
|
+
*
|
|
17
|
+
* Ce composant affiche un toast avec différentes options de personnalisation.
|
|
18
|
+
*
|
|
19
|
+
* @param {Object} props - Propriétés du composant
|
|
20
|
+
* @param {React.ReactNode} [props.children] - Contenu personnalisé du toast
|
|
21
|
+
* @param {React.ReactNode} [props.toasterChildren] - Contenu facultatif du toast
|
|
22
|
+
* @param {string} [props.className] - Classes CSS supplémentaires
|
|
23
|
+
* @param {IconName | IconNameValues} [props.iconName] - Nom de l'icône à afficher
|
|
24
|
+
* @param {string | React.ReactNode} [props.title] - Titre du toast
|
|
25
|
+
* @param {string | React.ReactNode} [props.description] - Description du toast
|
|
26
|
+
* @param {ClickEvent} [props.closable] - Fonction pour la fermeture
|
|
27
|
+
* @param {ToasterAlertPosition} [props.position] - Position du toast
|
|
28
|
+
* @param {ToasterAlertFloat} [props.float] - Floating du toast
|
|
29
|
+
* @param {number} [props.offset] - Offset par rapport à la position
|
|
30
|
+
* @param {boolean} [props.display] - Indique si le toast doit être affiché
|
|
31
|
+
* @param {string} [props.id] - Identifiant unique pour le toast
|
|
32
|
+
* @param {string} [props.testId] - Identifiant de test pour l'intégration des tests
|
|
33
|
+
* @param {string} [props.status] - Statut actuel du toast (INFO | SUCCESS | WARNING | ERROR)
|
|
34
|
+
* @param {ClickEvent} [props.onClick] - Fonction appelée lors du clic sur le toast
|
|
35
|
+
* @param {Object} [props.others] - Autres propriétés supplémentaires
|
|
36
|
+
*
|
|
37
|
+
* @returns {JSX.Element | null} Le composant toast à afficher
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* <ToasterAlert
|
|
41
|
+
* title="Notification"
|
|
42
|
+
* description="This is a test notification"
|
|
43
|
+
* status="INFO"
|
|
44
|
+
* position={ToasterAlertPosition.TOP}
|
|
45
|
+
* closable={() => console.log('Toast closed')}
|
|
46
|
+
* />
|
|
15
47
|
*/
|
|
16
48
|
var ToasterAlert = function (_a) {
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
if (children) {
|
|
34
|
-
return (React.createElement("div", __assign({ id: id, style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
35
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
36
|
-
positionTop, onClick: handleClick, className: classes }, others), children));
|
|
37
|
-
}
|
|
38
|
-
return title ? (React.createElement("div", __assign({ style: (position === ToasterAlertPosition.TOP && positionTop) ||
|
|
39
|
-
(position === ToasterAlertPosition.BOTTOM && positionBottom) ||
|
|
40
|
-
positionTop, onClick: handleClick, className: classes }, others),
|
|
41
|
-
iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
|
|
42
|
-
React.createElement("div", { className: hashClass(clsx('body')) },
|
|
43
|
-
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
44
|
-
description && React.createElement(Text, null, description)),
|
|
45
|
-
closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))) : null;
|
|
49
|
+
var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren"]);
|
|
50
|
+
var styled = useTrilogyContext().styled;
|
|
51
|
+
var positionStyles = __assign(__assign({ position: 'fixed' }, (position === ToasterAlertPosition.BOTTOM ? { bottom: offset || 0 } : { top: offset || 0 })), (float === ToasterAlertFloat.RIGHT ? { right: offset || 0 } : { left: offset || 0 }));
|
|
52
|
+
var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !status && is('info'), className));
|
|
53
|
+
return title && display !== false ? (React.createElement("div", __assign({ id: id, style: positionStyles, onClick: function (e) {
|
|
54
|
+
// eslint-disable-next-line no-unused-expressions
|
|
55
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
56
|
+
e.stopPropagation();
|
|
57
|
+
}, className: classes, "data-testid": testId }, others), children ? children :
|
|
58
|
+
(React.createElement(React.Fragment, null,
|
|
59
|
+
iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
|
|
60
|
+
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
61
|
+
title && React.createElement(Title, { level: TitleLevels.SIX }, title),
|
|
62
|
+
description && React.createElement(Text, null, description),
|
|
63
|
+
toasterChildren && toasterChildren),
|
|
64
|
+
closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))))) : null;
|
|
46
65
|
};
|
|
47
66
|
/**
|
|
48
67
|
* Alert Component
|
|
@@ -58,8 +77,8 @@ var ToasterAlert = function (_a) {
|
|
|
58
77
|
*/
|
|
59
78
|
var Alert = function (_a) {
|
|
60
79
|
var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display"]);
|
|
61
|
-
var
|
|
62
|
-
var classes = hashClass(clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
|
|
80
|
+
var styled = useTrilogyContext().styled;
|
|
81
|
+
var classes = hashClass(styled, clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
|
|
63
82
|
var iconAlert = React.useMemo(function () {
|
|
64
83
|
var _a;
|
|
65
84
|
if (iconName != null)
|
|
@@ -70,9 +89,13 @@ var Alert = function (_a) {
|
|
|
70
89
|
return IconName.INFOS_CIRCLE;
|
|
71
90
|
}, [iconName, status]);
|
|
72
91
|
if (display) {
|
|
73
|
-
return (React.createElement("div", __assign({ id: id, onClick:
|
|
92
|
+
return (React.createElement("div", __assign({ id: id, onClick: function (e) {
|
|
93
|
+
// eslint-disable-next-line no-unused-expressions
|
|
94
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
95
|
+
e.stopPropagation();
|
|
96
|
+
}, className: classes }, others),
|
|
74
97
|
React.createElement(Icon, { name: iconAlert }),
|
|
75
|
-
React.createElement("div", { className: hashClass(clsx('body')) },
|
|
98
|
+
React.createElement("div", { className: hashClass(styled, clsx('body')) },
|
|
76
99
|
title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.SIX }, title) : title,
|
|
77
100
|
description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO }, description)) : (description))));
|
|
78
101
|
}
|
|
@@ -83,25 +106,35 @@ var Alert = function (_a) {
|
|
|
83
106
|
* @param children {React.ReactNode} Custom Toast Content
|
|
84
107
|
* @param duration {number} Duration in MS (Default: 5000)
|
|
85
108
|
* @param offset {number} Offset position margin (Default: 10 dp)
|
|
109
|
+
* @param onShow {() => void} Fonction appelée lors de l'affichage du toast
|
|
110
|
+
* @param onHide {() => void} Fonction appelée lors de la fermeture du toast
|
|
86
111
|
* @param others
|
|
87
112
|
*/
|
|
88
113
|
export var ToasterAlertProvider = function (_a) {
|
|
89
114
|
var children = _a.children;
|
|
90
|
-
var _b =
|
|
91
|
-
|
|
115
|
+
var _b = __read(useState(null), 2), toasterState = _b[0], setToasterState = _b[1];
|
|
116
|
+
var _c = __read(useState(5000), 2), duration = _c[0], setDuration = _c[1];
|
|
117
|
+
var timeRef = useRef(null);
|
|
118
|
+
var showToast = function (params) {
|
|
119
|
+
var _a;
|
|
120
|
+
setToasterState(params);
|
|
121
|
+
(_a = params.onShow) === null || _a === void 0 ? void 0 : _a.call(params);
|
|
122
|
+
params.duration && params.duration > 0 && setDuration(params.duration);
|
|
123
|
+
timeRef.current && clearTimeout(timeRef.current);
|
|
124
|
+
};
|
|
125
|
+
useEffect(function () {
|
|
126
|
+
timeRef.current = setTimeout(function () {
|
|
127
|
+
var _a;
|
|
128
|
+
(_a = toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide) === null || _a === void 0 ? void 0 : _a.call(toasterState);
|
|
129
|
+
setToasterState(null);
|
|
130
|
+
}, duration);
|
|
131
|
+
return function () {
|
|
132
|
+
timeRef.current && clearTimeout(timeRef.current);
|
|
133
|
+
};
|
|
134
|
+
}, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
|
|
135
|
+
return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
|
|
92
136
|
children,
|
|
93
|
-
React.createElement(ToasterAlert, {
|
|
94
|
-
title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
|
|
95
|
-
id: toasterState === null || toasterState === void 0 ? void 0 : toasterState.id,
|
|
96
|
-
description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
|
|
97
|
-
position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
|
|
98
|
-
iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
|
|
99
|
-
status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
|
|
100
|
-
onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
|
|
101
|
-
onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
|
|
102
|
-
closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
|
|
103
|
-
offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
|
|
104
|
-
} })));
|
|
137
|
+
toasterState && React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display })));
|
|
105
138
|
};
|
|
106
139
|
export default Alert;
|
|
107
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9FLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFjLGlCQUFpQixFQUFFLG9CQUFvQixFQUFzQixNQUFNLGNBQWMsQ0FBQTtBQUN0RyxPQUFPLGNBQWMsTUFBTSxXQUFXLENBQUE7QUFFdEM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWlDRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFpQkQ7SUFoQm5CLElBQUEsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFB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
|
|
@@ -8,6 +8,10 @@ export declare enum ToasterAlertPosition {
|
|
|
8
8
|
TOP = "top",
|
|
9
9
|
BOTTOM = "bottom"
|
|
10
10
|
}
|
|
11
|
+
export declare enum ToasterAlertFloat {
|
|
12
|
+
RIGHT = "right",
|
|
13
|
+
LEFT = "left"
|
|
14
|
+
}
|
|
11
15
|
export interface ToasterStatusProps extends StatusProps, Clickable, Accessibility, Dev {
|
|
12
16
|
children?: React.ReactNode;
|
|
13
17
|
className?: string;
|
|
@@ -18,6 +22,7 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
|
|
|
18
22
|
deletable?: ClickEvent | boolean;
|
|
19
23
|
closable?: ClickEvent;
|
|
20
24
|
position?: ToasterAlertPosition;
|
|
25
|
+
float?: ToasterAlertFloat;
|
|
21
26
|
duration?: number;
|
|
22
27
|
offset?: number;
|
|
23
28
|
display?: boolean;
|