@trilogy-ds/react 0.0.1-beta-108 → 0.0.1-beta-110
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/body/AccordionBody.d.ts +2 -0
- package/lib/components/accordion/body/AccordionBody.js +2 -0
- package/lib/components/accordion/body/AccordionBody.js.map +1 -1
- package/lib/components/accordion/body/AccordionBody.native.d.ts +1 -1
- package/lib/components/accordion/body/AccordionBody.native.js +1 -1
- package/lib/components/alert/Alert.d.ts +3 -2
- package/lib/components/alert/Alert.js +3 -2
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +1 -0
- package/lib/components/alert/Alert.native.js +1 -0
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/autocomplete/AutoComplete.js +12 -3
- package/lib/components/autocomplete/AutoComplete.js.map +1 -1
- package/lib/components/autocomplete/AutoComplete.native.d.ts +22 -1
- package/lib/components/autocomplete/AutoComplete.native.js +23 -2
- package/lib/components/autocomplete/AutoComplete.native.js.map +1 -1
- package/lib/components/badge/Badge.d.ts +3 -1
- package/lib/components/badge/Badge.js +5 -2
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +2 -0
- package/lib/components/badge/Badge.native.js +3 -1
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +2 -1
- package/lib/components/badge/BadgePropsDefaults.js +8 -0
- package/lib/components/box/Box.js +1 -1
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/footer/BoxFooter.d.ts +2 -1
- package/lib/components/box/footer/BoxFooter.js +2 -1
- package/lib/components/box/footer/BoxFooter.js.map +1 -1
- package/lib/components/box/footer/BoxFooter.native.d.ts +1 -1
- package/lib/components/box/footer/BoxFooter.native.js +1 -1
- package/lib/components/box/header/BoxHeader.d.ts +3 -1
- package/lib/components/box/header/BoxHeader.js +3 -1
- package/lib/components/box/header/BoxHeader.js.map +1 -1
- package/lib/components/box/header/BoxHeader.native.d.ts +1 -1
- package/lib/components/box/header/BoxHeader.native.js +1 -1
- package/lib/components/box/item/BoxItem.d.ts +2 -1
- package/lib/components/box/item/BoxItem.js +2 -1
- package/lib/components/box/item/BoxItem.js.map +1 -1
- package/lib/components/box/item/BoxItem.native.d.ts +1 -1
- package/lib/components/box/item/BoxItem.native.js +1 -1
- package/lib/components/box/table-container/BoxTableContainer.d.ts +3 -1
- package/lib/components/box/table-container/BoxTableContainer.js +3 -1
- package/lib/components/box/table-container/BoxTableContainer.js.map +1 -1
- package/lib/components/box/table-container/BoxTableContainer.native.d.ts +1 -1
- package/lib/components/box/table-container/BoxTableContainer.native.js +1 -1
- package/lib/components/breadcrumb/Breadcrumb.d.ts +1 -0
- package/lib/components/breadcrumb/Breadcrumb.js +1 -0
- package/lib/components/breadcrumb/Breadcrumb.js.map +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.d.ts +1 -0
- package/lib/components/breadcrumb/item/BreadcrumbItem.js +1 -0
- package/lib/components/breadcrumb/item/BreadcrumbItem.js.map +1 -1
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.d.ts +1 -0
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js +1 -0
- package/lib/components/breadcrumb/item/BreadcrumbItem.native.js.map +1 -1
- package/lib/components/button/Button.d.ts +1 -1
- package/lib/components/button/Button.js +1 -1
- package/lib/components/card/Card.d.ts +4 -0
- package/lib/components/card/Card.js +4 -0
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.d.ts +0 -1
- package/lib/components/card/Card.native.js +0 -1
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/content/CardContent.d.ts +1 -0
- package/lib/components/card/content/CardContent.js +1 -0
- package/lib/components/card/content/CardContent.js.map +1 -1
- package/lib/components/card/image/CardImage.d.ts +2 -1
- package/lib/components/card/image/CardImage.js +2 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/checkbox/Checkbox.d.ts +3 -0
- package/lib/components/checkbox/Checkbox.js +3 -0
- package/lib/components/checkbox/Checkbox.js.map +1 -1
- package/lib/components/checkbox/Checkbox.native.d.ts +5 -0
- package/lib/components/checkbox/Checkbox.native.js +5 -0
- package/lib/components/checkbox/Checkbox.native.js.map +1 -1
- package/lib/components/chips/Chips.d.ts +1 -0
- package/lib/components/chips/Chips.js +1 -0
- package/lib/components/chips/Chips.js.map +1 -1
- package/lib/components/chips/Chips.native.js +1 -1
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/columns/Columns.d.ts +3 -4
- package/lib/components/columns/Columns.js +6 -7
- package/lib/components/columns/Columns.js.map +1 -1
- package/lib/components/columns/Columns.native.d.ts +5 -5
- package/lib/components/columns/Columns.native.js +63 -49
- package/lib/components/columns/Columns.native.js.map +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +5 -3
- package/lib/components/columns/ColumnsPropsDefaults.js +37 -2
- package/lib/components/columns/ColumnsTypes.d.ts +3 -0
- package/lib/components/columns/ColumnsTypes.js +1 -1
- package/lib/components/columns/ColumnsTypes.js.map +1 -1
- package/lib/components/columns/item/ColumnsItem.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItem.js +3 -3
- package/lib/components/columns/item/ColumnsItem.js.map +1 -1
- package/lib/components/columns/item/ColumnsItem.native.d.ts +4 -2
- package/lib/components/columns/item/ColumnsItem.native.js +11 -13
- package/lib/components/columns/item/ColumnsItem.native.js.map +1 -1
- package/lib/components/columns/item/ColumnsItemProps.d.ts +1 -1
- package/lib/components/columns/item/ColumnsItemPropsDefaults.js +1 -1
- package/lib/components/container/Container.d.ts +5 -0
- package/lib/components/container/Container.js +5 -0
- package/lib/components/container/Container.js.map +1 -1
- package/lib/components/container/Container.native.d.ts +2 -0
- package/lib/components/container/Container.native.js +2 -0
- package/lib/components/container/Container.native.js.map +1 -1
- package/lib/components/countdown/Countdown.d.ts +2 -1
- package/lib/components/countdown/Countdown.js +2 -1
- package/lib/components/countdown/Countdown.js.map +1 -1
- package/lib/components/divider/Divider.d.ts +1 -1
- package/lib/components/divider/Divider.js +1 -1
- package/lib/components/divider/Divider.native.d.ts +1 -1
- package/lib/components/divider/Divider.native.js +2 -2
- package/lib/components/divider/Divider.native.js.map +1 -1
- package/lib/components/fab/Fab.d.ts +1 -0
- package/lib/components/fab/Fab.js +1 -0
- package/lib/components/fab/Fab.js.map +1 -1
- package/lib/components/hero/Hero.d.ts +3 -0
- package/lib/components/hero/Hero.js +3 -0
- package/lib/components/hero/Hero.js.map +1 -1
- package/lib/components/icon/Icon.d.ts +4 -2
- package/lib/components/icon/Icon.js +4 -2
- package/lib/components/icon/Icon.js.map +1 -1
- package/lib/components/icon/Icon.native.d.ts +1 -1
- package/lib/components/icon/Icon.native.js +1 -1
- package/lib/components/link/Link.d.ts +2 -0
- package/lib/components/link/Link.js +2 -0
- package/lib/components/link/Link.js.map +1 -1
- package/lib/components/link/Link.native.d.ts +2 -0
- package/lib/components/link/Link.native.js +2 -0
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/list/List.d.ts +4 -2
- package/lib/components/list/List.js +4 -2
- package/lib/components/list/List.js.map +1 -1
- package/lib/components/list/List.native.d.ts +4 -0
- package/lib/components/list/List.native.js +4 -0
- package/lib/components/list/List.native.js.map +1 -1
- package/lib/components/list/item/ListItem.d.ts +3 -1
- package/lib/components/list/item/ListItem.js +3 -1
- package/lib/components/list/item/ListItem.js.map +1 -1
- package/lib/components/list/item/ListItem.native.d.ts +11 -0
- package/lib/components/list/item/ListItem.native.js +11 -0
- package/lib/components/list/item/ListItem.native.js.map +1 -1
- package/lib/components/list/item/description/ListItemDescription.d.ts +3 -2
- package/lib/components/list/item/description/ListItemDescription.js +3 -2
- package/lib/components/list/item/description/ListItemDescription.js.map +1 -1
- package/lib/components/list/item/description/ListItemDescription.native.d.ts +4 -0
- package/lib/components/list/item/description/ListItemDescription.native.js +4 -0
- package/lib/components/list/item/description/ListItemDescription.native.js.map +1 -1
- package/lib/components/modal/Modal.d.ts +5 -0
- package/lib/components/modal/Modal.js +5 -0
- package/lib/components/modal/Modal.js.map +1 -1
- package/lib/components/modal/footer/ModalFooter.d.ts +3 -2
- package/lib/components/modal/footer/ModalFooter.js +3 -2
- package/lib/components/modal/footer/ModalFooter.js.map +1 -1
- package/lib/components/modal/footer/ModalFooter.native.d.ts +4 -0
- package/lib/components/modal/footer/ModalFooter.native.js +4 -0
- package/lib/components/modal/footer/ModalFooter.native.js.map +1 -1
- package/lib/components/modal/title/ModalTitle.d.ts +2 -1
- package/lib/components/modal/title/ModalTitle.js +2 -1
- package/lib/components/modal/title/ModalTitle.js.map +1 -1
- package/lib/components/modal/title/ModalTitle.native.d.ts +6 -0
- package/lib/components/modal/title/ModalTitle.native.js +6 -0
- package/lib/components/modal/title/ModalTitle.native.js.map +1 -1
- package/lib/components/otp/Otp.d.ts +15 -0
- package/lib/components/otp/Otp.js +15 -0
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/otp/Otp.native.d.ts +2 -0
- package/lib/components/otp/Otp.native.js +2 -0
- package/lib/components/otp/Otp.native.js.map +1 -1
- package/lib/components/pagination/Pagination.d.ts +1 -0
- package/lib/components/pagination/Pagination.js +6 -6
- package/lib/components/pagination/Pagination.js.map +1 -1
- package/lib/components/popover/Popover.d.ts +3 -1
- package/lib/components/popover/Popover.js +3 -1
- package/lib/components/popover/Popover.js.map +1 -1
- package/lib/components/popover/Popover.native.d.ts +0 -2
- package/lib/components/popover/Popover.native.js +0 -2
- package/lib/components/popover/Popover.native.js.map +1 -1
- package/lib/components/price/Price.d.ts +2 -2
- package/lib/components/price/Price.js +2 -2
- package/lib/components/price/Price.native.d.ts +1 -0
- package/lib/components/price/Price.native.js +1 -0
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/product-tour/ProductTour.d.ts +3 -3
- package/lib/components/product-tour/ProductTour.js +3 -3
- package/lib/components/progress/item/ProgressItem.d.ts +3 -3
- package/lib/components/progress/item/ProgressItem.js +3 -3
- package/lib/components/progress/item/ProgressItem.native.d.ts +0 -1
- package/lib/components/progress/item/ProgressItem.native.js +0 -1
- package/lib/components/progress/item/ProgressItem.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.d.ts +18 -0
- package/lib/components/progress/radial/ProgressRadial.js +18 -0
- package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/radio/Radio.d.ts +7 -2
- package/lib/components/radio/Radio.js +7 -2
- package/lib/components/radio/Radio.js.map +1 -1
- package/lib/components/radio/Radio.native.d.ts +9 -7
- package/lib/components/radio/Radio.native.js +9 -7
- package/lib/components/radio/Radio.native.js.map +1 -1
- package/lib/components/radio/list/RadioList.js.map +1 -1
- package/lib/components/range/Range.d.ts +6 -3
- package/lib/components/range/Range.js +6 -3
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/range/Range.native.d.ts +3 -0
- package/lib/components/range/Range.native.js +3 -0
- package/lib/components/range/Range.native.js.map +1 -1
- package/lib/components/rows/Rows.native.d.ts +1 -0
- package/lib/components/rows/Rows.native.js +1 -0
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollView.d.ts +3 -1
- package/lib/components/scroll-view/ScrollView.js +3 -1
- package/lib/components/scroll-view/ScrollView.js.map +1 -1
- package/lib/components/section/Section.d.ts +7 -2
- package/lib/components/section/Section.js +7 -2
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/Section.native.d.ts +4 -4
- package/lib/components/section/Section.native.js +4 -4
- package/lib/components/section/Section.native.js.map +1 -1
- package/lib/components/segment-control/SegmentControl.d.ts +4 -1
- package/lib/components/segment-control/SegmentControl.js +4 -1
- package/lib/components/segment-control/SegmentControl.js.map +1 -1
- package/lib/components/segment-control/SegmentControl.native.d.ts +4 -4
- package/lib/components/segment-control/SegmentControl.native.js +4 -4
- package/lib/components/segment-control/item/SegmentControlItem.d.ts +2 -0
- package/lib/components/segment-control/item/SegmentControlItem.js +2 -0
- package/lib/components/segment-control/item/SegmentControlItem.js.map +1 -1
- package/lib/components/select/Select.d.ts +3 -3
- package/lib/components/select/Select.js +3 -3
- package/lib/components/select/Select.native.d.ts +4 -1
- package/lib/components/select/Select.native.js +4 -1
- package/lib/components/select/Select.native.js.map +1 -1
- package/lib/components/select/option/SelectOption.native.js +12 -20
- package/lib/components/select/option/SelectOption.native.js.map +1 -1
- package/lib/components/selector/Selector.d.ts +7 -0
- package/lib/components/selector/Selector.js +7 -0
- package/lib/components/selector/Selector.js.map +1 -1
- package/lib/components/selector/Selector.native.d.ts +7 -3
- package/lib/components/selector/Selector.native.js +7 -3
- package/lib/components/selector/Selector.native.js.map +1 -1
- package/lib/components/selector/item/SelectorItem.d.ts +6 -1
- package/lib/components/selector/item/SelectorItem.js +6 -1
- package/lib/components/selector/item/SelectorItem.js.map +1 -1
- package/lib/components/selector/item/SelectorItem.native.d.ts +4 -0
- package/lib/components/selector/item/SelectorItem.native.js +4 -0
- package/lib/components/selector/item/SelectorItem.native.js.map +1 -1
- package/lib/components/spacer/SpacerEnum.d.ts +1 -1
- package/lib/components/spacer/SpacerEnum.js +1 -0
- package/lib/components/spacer/SpacerEnum.js.map +1 -1
- package/lib/components/spacer/SpacerProps.d.ts +2 -2
- package/lib/components/spacer/SpacerPropsDefaults.js +2 -12
- package/lib/components/stepper/Stepper.d.ts +2 -1
- package/lib/components/stepper/Stepper.js +2 -1
- package/lib/components/stepper/Stepper.js.map +1 -1
- package/lib/components/stepper/Stepper.native.js.map +1 -1
- package/lib/components/stepper/step/StepperStep.d.ts +6 -3
- package/lib/components/stepper/step/StepperStep.js +6 -3
- package/lib/components/stepper/step/StepperStep.js.map +1 -1
- package/lib/components/stepper/step/StepperStep.native.d.ts +2 -3
- package/lib/components/stepper/step/StepperStep.native.js +3 -4
- package/lib/components/stepper/step/StepperStep.native.js.map +1 -1
- package/lib/components/sticker/Sticker.d.ts +1 -0
- package/lib/components/sticker/Sticker.js +1 -0
- package/lib/components/sticker/Sticker.js.map +1 -1
- package/lib/components/sticker/Sticker.native.d.ts +3 -3
- package/lib/components/sticker/Sticker.native.js +3 -3
- package/lib/components/switch/Switch.d.ts +3 -3
- package/lib/components/switch/Switch.js +3 -3
- package/lib/components/switch/Switch.native.d.ts +1 -1
- package/lib/components/switch/Switch.native.js +1 -1
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/tabs/Tabs.d.ts +5 -3
- package/lib/components/tabs/Tabs.js +7 -5
- package/lib/components/tabs/Tabs.js.map +1 -1
- package/lib/components/tabs/Tabs.native.d.ts +2 -1
- package/lib/components/tabs/Tabs.native.js +2 -1
- package/lib/components/tabs/Tabs.native.js.map +1 -1
- package/lib/components/tabs/TabsProps.d.ts +0 -4
- package/lib/components/tabs/TabsPropsDefaults.js +0 -16
- package/lib/components/tabs/item/TabsItem.d.ts +4 -3
- package/lib/components/tabs/item/TabsItem.js +4 -3
- package/lib/components/tabs/item/TabsItem.js.map +1 -1
- package/lib/components/tabs/item/TabsItem.native.d.ts +1 -0
- package/lib/components/tabs/item/TabsItem.native.js +1 -0
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/tag/Tag.d.ts +6 -4
- package/lib/components/tag/Tag.js +15 -32
- package/lib/components/tag/Tag.js.map +1 -1
- package/lib/components/tag/Tag.native.d.ts +8 -10
- package/lib/components/tag/Tag.native.js +25 -56
- package/lib/components/tag/Tag.native.js.map +1 -1
- package/lib/components/tag/TagProps.d.ts +0 -4
- package/lib/components/tag/TagPropsDefaults.js +0 -15
- package/lib/components/tag/list/TagList.d.ts +1 -1
- package/lib/components/tag/list/TagList.js +1 -1
- package/lib/components/textarea/Textarea.d.ts +9 -1
- package/lib/components/textarea/Textarea.js +9 -1
- package/lib/components/textarea/Textarea.js.map +1 -1
- package/lib/components/textarea/Textarea.native.js +18 -10
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/textarea/TextareaProps.d.ts +0 -4
- package/lib/components/timeline/content/TimelineContent.d.ts +2 -1
- package/lib/components/timeline/content/TimelineContent.js +2 -1
- package/lib/components/timeline/content/TimelineContent.js.map +1 -1
- package/lib/components/timeline/content/TimelineContent.native.d.ts +3 -3
- package/lib/components/timeline/content/TimelineContent.native.js +3 -3
- package/lib/components/timeline/item/TimelineItem.d.ts +2 -1
- package/lib/components/timeline/item/TimelineItem.js +2 -1
- package/lib/components/timeline/item/TimelineItem.js.map +1 -1
- package/lib/components/timeline/item/TimelineItem.native.d.ts +8 -4
- package/lib/components/timeline/item/TimelineItem.native.js +7 -3
- package/lib/components/timeline/item/TimelineItem.native.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarker.d.ts +4 -3
- package/lib/components/timeline/marker/TimelineMarker.js +4 -3
- package/lib/components/timeline/marker/TimelineMarker.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.d.ts +3 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +3 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js.map +1 -1
- package/lib/components/title/Title.d.ts +4 -2
- package/lib/components/title/Title.js +4 -2
- package/lib/components/title/Title.js.map +1 -1
- package/lib/components/title/Title.native.d.ts +7 -5
- package/lib/components/title/Title.native.js +7 -5
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/view/View.d.ts +1 -0
- package/lib/components/view/View.js +1 -0
- package/lib/components/view/View.js.map +1 -1
- package/lib/components/view/View.native.d.ts +5 -6
- package/lib/components/view/View.native.js +5 -6
- package/lib/components/view/View.native.js.map +1 -1
- package/lib/components/view/ViewProps.d.ts +2 -1
- package/lib/components/view/ViewProps.js +1 -0
- package/lib/components/view/ViewProps.js.map +1 -1
- package/lib/components/view/ViewPropsDefaults.js +3 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -1,73 +1,87 @@
|
|
|
1
|
-
import React, { createContext } from "react";
|
|
2
|
-
import {
|
|
1
|
+
import React, { createContext, useState } from "react";
|
|
2
|
+
import { Dimensions, StyleSheet } from "react-native";
|
|
3
3
|
import { View } from "../../components/view";
|
|
4
4
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
5
|
+
import { ScrollView } from 'react-native';
|
|
6
|
+
import { ColumnsGapValue } from "../../components/columns/ColumnsTypes";
|
|
5
7
|
/**
|
|
6
8
|
* Columns Native Component
|
|
7
9
|
* @param children {React.ReactNode}
|
|
8
10
|
* @param centered {boolean} Center columns
|
|
9
11
|
* @param verticalCentered {boolean} Vertical centered columns
|
|
10
|
-
* @param
|
|
11
|
-
* @param
|
|
12
|
-
* @param
|
|
12
|
+
* @param marginSize {ColumnsSize} Removes margins between columns of the specified size
|
|
13
|
+
* @param scrollable {boolean} Makes columns vertically scrollable. Note: Incompatible with 'marginSize' prop
|
|
14
|
+
* @param gap {ColumnsGap} Gap between columns
|
|
13
15
|
*/
|
|
14
|
-
export const ColumnsContext = createContext({
|
|
15
|
-
const Columns = ({ children, centered,
|
|
16
|
+
export const ColumnsContext = createContext({ scrollable: false });
|
|
17
|
+
const Columns = ({ children, centered, gap, nbCols, verticalCentered, fullBleed, scrollable, multiline, ...others }) => {
|
|
18
|
+
const [width, setWidth] = useState(0);
|
|
19
|
+
const [enlarge, setEnlarge] = useState(0);
|
|
20
|
+
const onLayoutHandler = (event) => {
|
|
21
|
+
if (!width) {
|
|
22
|
+
const { width } = event.nativeEvent.layout;
|
|
23
|
+
if (fullBleed) {
|
|
24
|
+
setEnlarge((Dimensions.get('screen').width - width) / 2);
|
|
25
|
+
}
|
|
26
|
+
setWidth(width);
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
const realGap = typeof gap === 'undefined' && 16 || ColumnsGapValue[gap];
|
|
16
30
|
const styles = StyleSheet.create({
|
|
17
31
|
columns: {
|
|
32
|
+
width: width ? width + (enlarge * 2) : '100%',
|
|
33
|
+
marginHorizontal: -(enlarge),
|
|
34
|
+
paddingHorizontal: enlarge,
|
|
18
35
|
flexDirection: "row",
|
|
19
|
-
|
|
36
|
+
gap: realGap,
|
|
37
|
+
display: "flex",
|
|
38
|
+
justifyContent: 'space-evenly',
|
|
20
39
|
},
|
|
21
40
|
centered: {
|
|
22
41
|
alignSelf: "center",
|
|
23
42
|
},
|
|
24
43
|
verticalAlign: {
|
|
25
|
-
|
|
26
|
-
flex: 1,
|
|
44
|
+
alignItems: "center"
|
|
27
45
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
padding: 0,
|
|
46
|
+
multiline: {
|
|
47
|
+
flexWrap: "wrap",
|
|
31
48
|
},
|
|
32
|
-
|
|
33
|
-
|
|
49
|
+
scrollContainer: {
|
|
50
|
+
width: 'auto',
|
|
51
|
+
paddingHorizontal: enlarge,
|
|
52
|
+
justifyContent: 'space-around',
|
|
53
|
+
gap: realGap,
|
|
34
54
|
},
|
|
55
|
+
mobile: {
|
|
56
|
+
flexDirection: "column"
|
|
57
|
+
}
|
|
35
58
|
});
|
|
36
|
-
if (
|
|
37
|
-
return (React.createElement(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
59
|
+
if (!scrollable) {
|
|
60
|
+
return (React.createElement(React.Fragment, null,
|
|
61
|
+
React.createElement(View, { style: [
|
|
62
|
+
styles.columns,
|
|
63
|
+
multiline && styles.multiline,
|
|
64
|
+
centered && styles.centered,
|
|
65
|
+
verticalCentered && styles.verticalAlign,
|
|
66
|
+
], ...others, ...{ onLayout: onLayoutHandler } }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
67
|
+
React.Children.map(children, (child) => child && React.cloneElement(child, {
|
|
68
|
+
style: [child.props.style,
|
|
69
|
+
{ width: nbCols && (width / nbCols) - realGap || child.props.size && (width * child.props.size / 12) - realGap || 'auto' },
|
|
70
|
+
child.props.narrow && { flex: 'none', flexShrink: 1 },
|
|
71
|
+
]
|
|
72
|
+
})))));
|
|
47
73
|
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
return inlined ? (React.createElement(ColumnsContext.Provider, { value: {
|
|
61
|
-
inlined: inlined,
|
|
62
|
-
} },
|
|
63
|
-
React.createElement(ScrollView, { style: { marginLeft: 16 }, showsHorizontalScrollIndicator: false, horizontal: true, contentContainerStyle: {
|
|
64
|
-
flexGrow: 1,
|
|
65
|
-
} }, children))) : (React.createElement(View, { style: [
|
|
66
|
-
styles.columns,
|
|
67
|
-
centered && styles.centered,
|
|
68
|
-
gapless && styles.gapless,
|
|
69
|
-
verticalCentered && styles.verticalAlign,
|
|
70
|
-
], ...others }, children));
|
|
74
|
+
return React.createElement(View, { style: {
|
|
75
|
+
width: `100% + ${enlarge * 2}px`,
|
|
76
|
+
marginHorizontal: -(enlarge)
|
|
77
|
+
}, ...{ onLayout: onLayoutHandler } },
|
|
78
|
+
React.createElement(ScrollView, { horizontal: true, contentContainerStyle: styles.scrollContainer }, // eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
79
|
+
React.Children.map(children, (child) => React.cloneElement(child, {
|
|
80
|
+
style: [child.props.style, {
|
|
81
|
+
width: width / (12 / (child.props.size || child.props.mobileSize || 12)) - 2 * realGap,
|
|
82
|
+
flexGrow: 0,
|
|
83
|
+
}, child.props.narrow && { flex: 'none', flexShrink: 1 }],
|
|
84
|
+
}))));
|
|
71
85
|
};
|
|
72
86
|
Columns.displayName = ComponentName.Columns;
|
|
73
87
|
export default Columns;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.native.js","sourceRoot":"","sources":["../../../components/columns/Columns.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Columns.native.js","sourceRoot":"","sources":["../../../components/columns/Columns.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { ColumnsSize } from './ColumnsTypes';
|
|
2
|
+
import { ColumnsSize, ColumnsGap } from './ColumnsTypes';
|
|
3
3
|
/**
|
|
4
4
|
* Columns Interface
|
|
5
5
|
*/
|
|
6
6
|
export interface ColumnsProps {
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
multiline?: boolean;
|
|
9
|
-
|
|
9
|
+
scrollable?: boolean;
|
|
10
10
|
centered?: boolean;
|
|
11
|
-
|
|
11
|
+
gap?: ColumnsGap;
|
|
12
|
+
nbCols?: ColumnsSize;
|
|
13
|
+
fullBleed?: boolean;
|
|
12
14
|
marginSize?: ColumnsSize;
|
|
13
15
|
verticalCentered?: boolean;
|
|
14
16
|
className?: string;
|
|
@@ -21,7 +21,7 @@ export default {
|
|
|
21
21
|
"true"
|
|
22
22
|
]
|
|
23
23
|
},
|
|
24
|
-
"
|
|
24
|
+
"scrollable": {
|
|
25
25
|
"type": "boolean",
|
|
26
26
|
"values": [
|
|
27
27
|
"undefined",
|
|
@@ -37,7 +37,42 @@ export default {
|
|
|
37
37
|
"true"
|
|
38
38
|
]
|
|
39
39
|
},
|
|
40
|
-
"
|
|
40
|
+
"gap": {
|
|
41
|
+
"type": "enum",
|
|
42
|
+
"values": [
|
|
43
|
+
"undefined",
|
|
44
|
+
0,
|
|
45
|
+
4,
|
|
46
|
+
8,
|
|
47
|
+
12,
|
|
48
|
+
16,
|
|
49
|
+
24,
|
|
50
|
+
32,
|
|
51
|
+
40,
|
|
52
|
+
48,
|
|
53
|
+
56,
|
|
54
|
+
64
|
|
55
|
+
]
|
|
56
|
+
},
|
|
57
|
+
"nbCols": {
|
|
58
|
+
"type": "string",
|
|
59
|
+
"values": [
|
|
60
|
+
"undefined",
|
|
61
|
+
"4",
|
|
62
|
+
"1",
|
|
63
|
+
"2",
|
|
64
|
+
"3",
|
|
65
|
+
"5",
|
|
66
|
+
"6",
|
|
67
|
+
"7",
|
|
68
|
+
"8",
|
|
69
|
+
"9",
|
|
70
|
+
"10",
|
|
71
|
+
"11",
|
|
72
|
+
"12"
|
|
73
|
+
]
|
|
74
|
+
},
|
|
75
|
+
"fullBleed": {
|
|
41
76
|
"type": "boolean",
|
|
42
77
|
"values": [
|
|
43
78
|
"undefined",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export const ColumnsGapValue = [0, 4, 8, 12, 16, 24, 32, 40, 48, 54, 62];
|
|
2
2
|
//# sourceMappingURL=ColumnsTypes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnsTypes.js","sourceRoot":"","sources":["../../../components/columns/ColumnsTypes.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"ColumnsTypes.js","sourceRoot":"","sources":["../../../components/columns/ColumnsTypes.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,eAAe,GAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA"}
|
|
@@ -3,7 +3,7 @@ import { ColumnsItemProps } from "./ColumnsItemProps";
|
|
|
3
3
|
/**
|
|
4
4
|
* Columns Item Component - Columns Child
|
|
5
5
|
* @param size {ColumnsSize} Size 1-12
|
|
6
|
-
* @param
|
|
6
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
7
7
|
* @param centered {boolean} center Column item
|
|
8
8
|
* @param children {React.ReactNode}
|
|
9
9
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
@@ -7,7 +7,7 @@ import { getAlignClassName } from "../../../objects";
|
|
|
7
7
|
/**
|
|
8
8
|
* Columns Item Component - Columns Child
|
|
9
9
|
* @param size {ColumnsSize} Size 1-12
|
|
10
|
-
* @param
|
|
10
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
11
11
|
* @param centered {boolean} center Column item
|
|
12
12
|
* @param children {React.ReactNode}
|
|
13
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
@@ -29,9 +29,9 @@ import { getAlignClassName } from "../../../objects";
|
|
|
29
29
|
* @param align { Alignable | AlignableValues} align content
|
|
30
30
|
*/
|
|
31
31
|
const ColumnsItem = React.forwardRef((props, ref) => {
|
|
32
|
-
const { className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow,
|
|
32
|
+
const { className, size, mobileSize, tabletSize, touchSize, desktopSize, widescreenSize, fullhdSize, offset, mobileOffset, tabletOffset, touchOffset, desktopOffset, widescreenOffset, fullhdOffset, narrow, verticalCentered, centered, align, ...others } = props;
|
|
33
33
|
const { styled } = useTrilogyContext();
|
|
34
|
-
const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"),
|
|
34
|
+
const classes = hashClass(styled, clsx("column", size && is(`${size}`), mobileSize && is(`${mobileSize}-mobile`), tabletSize && is(`${tabletSize}-tablet`), touchSize && is(`${touchSize}-tablet`), desktopSize && is(`${desktopSize}-desktop`), widescreenSize && is(`${widescreenSize}-widescreen`), fullhdSize && is(`${fullhdSize}-fullhd`), offset && is(`offset-${offset}`), mobileOffset && is(`offset-${mobileOffset}-mobile`), tabletOffset && is(`offset-${tabletOffset}-tablet`), touchOffset && is(`offset-${touchOffset}-tablet`), desktopOffset && is(`offset-${desktopOffset}-desktop`), widescreenOffset && is(`offset-${widescreenOffset}-widescreen`), fullhdOffset && is(`offset-${fullhdOffset}-fullhd`), narrow && is("narrow"), verticalCentered && is("vcentered"), centered && has("text-centered"), align && is(getAlignClassName(align)), className));
|
|
35
35
|
return React.createElement("div", { ref: ref, className: classes, ...others });
|
|
36
36
|
});
|
|
37
37
|
export default ColumnsItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAoC,EAAE,EAAE;IACrG,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,
|
|
1
|
+
{"version":3,"file":"ColumnsItem.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAoC,EAAE,EAAE;IACrG,MAAM,EACJ,SAAS,EACT,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,UAAU,EACV,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,gBAAgB,EAChB,QAAQ,EACR,KAAK,EACL,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,QAAQ,EACR,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EACrB,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,GAAG,SAAS,SAAS,CAAC,EACtC,WAAW,IAAI,EAAE,CAAC,GAAG,WAAW,UAAU,CAAC,EAC3C,cAAc,IAAI,EAAE,CAAC,GAAG,cAAc,aAAa,CAAC,EACpD,UAAU,IAAI,EAAE,CAAC,GAAG,UAAU,SAAS,CAAC,EACxC,MAAM,IAAI,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,EAChC,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,WAAW,IAAI,EAAE,CAAC,UAAU,WAAW,SAAS,CAAC,EACjD,aAAa,IAAI,EAAE,CAAC,UAAU,aAAa,UAAU,CAAC,EACtD,gBAAgB,IAAI,EAAE,CAAC,UAAU,gBAAgB,aAAa,CAAC,EAC/D,YAAY,IAAI,EAAE,CAAC,UAAU,YAAY,SAAS,CAAC,EACnD,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,QAAQ,IAAI,GAAG,CAAC,eAAe,CAAC,EAChC,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EACrC,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}
|
|
@@ -4,12 +4,14 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
4
4
|
/**
|
|
5
5
|
* Columns Item Component - Columns Child
|
|
6
6
|
* @param size {ColumnsSize} Size 1-12
|
|
7
|
+
* @param mobileSize {ColumnsSize} if size is missing.
|
|
7
8
|
* @param children {React.ReactNode}
|
|
8
|
-
* @param
|
|
9
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
9
10
|
* @param centered {boolean} center Column item
|
|
11
|
+
* @param align { Alignable | AlignableValues} align content
|
|
10
12
|
*/
|
|
11
13
|
declare const ColumnsItem: {
|
|
12
|
-
({ children, size,
|
|
14
|
+
({ children, size, mobileSize, verticalCentered, centered, align, ...others }: ColumnsItemProps): JSX.Element;
|
|
13
15
|
displayName: ComponentName;
|
|
14
16
|
};
|
|
15
17
|
export default ColumnsItem;
|
|
@@ -1,31 +1,29 @@
|
|
|
1
1
|
import React, { useContext } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { StyleSheet, View } from 'react-native';
|
|
3
3
|
import { ColumnsContext } from '../../../components/columns/Columns.native';
|
|
4
4
|
import { getAlignStyle } from '../../../objects';
|
|
5
5
|
import { ComponentName } from '../../../components/enumsComponentsName';
|
|
6
6
|
/**
|
|
7
7
|
* Columns Item Component - Columns Child
|
|
8
8
|
* @param size {ColumnsSize} Size 1-12
|
|
9
|
+
* @param mobileSize {ColumnsSize} if size is missing.
|
|
9
10
|
* @param children {React.ReactNode}
|
|
10
|
-
* @param
|
|
11
|
+
* @param verticalCentered {boolean} Vertical center Column item
|
|
11
12
|
* @param centered {boolean} center Column item
|
|
13
|
+
* @param align { Alignable | AlignableValues} align content
|
|
12
14
|
*/
|
|
13
|
-
const ColumnsItem = ({ children, size,
|
|
15
|
+
const ColumnsItem = ({ children, size, mobileSize, verticalCentered, centered, align, ...others }) => {
|
|
14
16
|
const columnsContextValues = useContext(ColumnsContext);
|
|
17
|
+
const realSize = size || mobileSize;
|
|
15
18
|
const styles = StyleSheet.create({
|
|
16
19
|
columnsItem: {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
marginRight: columnsContextValues.inlined ? 16 : 0,
|
|
21
|
-
height: columnsContextValues.inlined ? '100%' : undefined,
|
|
22
|
-
flexDirection: 'column',
|
|
23
|
-
flex: columnsContextValues.inlined ? undefined : !size ? 12 : size,
|
|
24
|
-
justifyContent: verticalCenter ? 'center' : 'flex-start',
|
|
20
|
+
height: columnsContextValues.scrollable ? '100%' : undefined,
|
|
21
|
+
flex: !realSize ? 1 : realSize,
|
|
22
|
+
justifyContent: verticalCentered ? 'center' : 'flex-start',
|
|
25
23
|
alignItems: centered ? 'center' : align ? getAlignStyle(align) : 'baseline',
|
|
26
|
-
flexBasis: `${(
|
|
24
|
+
flexBasis: `${(realSize ? realSize / 12 : 12) * 100}%`,
|
|
27
25
|
flexGrow: 0,
|
|
28
|
-
maxWidth: `${(
|
|
26
|
+
maxWidth: `${(realSize ? realSize : 12) / 12 * 100}%`
|
|
29
27
|
},
|
|
30
28
|
});
|
|
31
29
|
return (React.createElement(View, { style: styles.columnsItem, ...others }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnsItem.native.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,
|
|
1
|
+
{"version":3,"file":"ColumnsItem.native.js","sourceRoot":"","sources":["../../../../components/columns/item/ColumnsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAc,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,MAAM,EAAoB,EAAe,EAAE;IAClI,MAAM,oBAAoB,GAAG,UAAU,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,QAAQ,GAAG,IAAI,IAAI,UAAU,CAAA;IAEnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,WAAW,EAAE;YACX,MAAM,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YAC5D,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;YAC9B,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU;YAC3E,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAAI,GAAG,GAAG;YACvD,QAAQ,EAAE,CAAC;YACX,QAAQ,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,GAAG,GAAG;SACtD;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,KAAM,MAAM,IACxC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAA;AAEnD,eAAe,WAAW,CAAA"}
|
|
@@ -15,6 +15,11 @@ import { ContainerProps } from "./ContainerProps";
|
|
|
15
15
|
* @param medium {boolean} Set medium container
|
|
16
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
17
|
* @param className {string} Additionnal CSS Classes
|
|
18
|
+
* @param backgroundSrc {string}
|
|
19
|
+
* @param inverted {boolean} Inverted
|
|
20
|
+
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
21
|
+
* @param paddingless {boolean} remove padding
|
|
22
|
+
* @param verticalPaddingless {boolean} remove vertical padding
|
|
18
23
|
*/
|
|
19
24
|
declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
|
|
20
25
|
export default Container;
|
|
@@ -19,6 +19,11 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
|
|
|
19
19
|
* @param medium {boolean} Set medium container
|
|
20
20
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
21
21
|
* @param className {string} Additionnal CSS Classes
|
|
22
|
+
* @param backgroundSrc {string}
|
|
23
|
+
* @param inverted {boolean} Inverted
|
|
24
|
+
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
25
|
+
* @param paddingless {boolean} remove padding
|
|
26
|
+
* @param verticalPaddingless {boolean} remove vertical padding
|
|
22
27
|
*/
|
|
23
28
|
const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
|
|
24
29
|
const { styled } = useTrilogyContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc,CAAC,GAAG;gBACrB,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,cAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;YAC5B;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,WAAW,EACX,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,WAAW,IAAI,EAAE,CAAC,cAAc,CAAC,EACjC,UAAU,IAAI,EAAE,CAAC,aAAa,CAAC,EAC/B,MAAM,IAAI,eAAe,EAAE,EAC3B,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,CACF,CAAA;IAED,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;KAC3B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -13,6 +13,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
13
13
|
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
14
14
|
* @param pulledRight {Boolean} Container pulled to right
|
|
15
15
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
16
|
+
* @param paddingless {boolean} remove padding
|
|
17
|
+
* @param verticalPaddingless {boolean} remove vertical padding
|
|
16
18
|
*/
|
|
17
19
|
declare const Container: {
|
|
18
20
|
({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
|
|
@@ -14,6 +14,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
14
14
|
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
15
15
|
* @param pulledRight {Boolean} Container pulled to right
|
|
16
16
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
17
|
+
* @param paddingless {boolean} remove padding
|
|
18
|
+
* @param verticalPaddingless {boolean} remove vertical padding
|
|
17
19
|
*/
|
|
18
20
|
const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
|
|
19
21
|
const styles = StyleSheet.create({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE
|
|
1
|
+
{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;;;GAcG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,eAAe,EACf,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,eAAe,IAAI,aAAa,CAAC,eAAe,CAAC;SACnE;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG;SACZ;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,GAAG;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;YACnD,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC;YACzD,MAAM,CAAC,SAAS,KAEd,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
|
|
@@ -9,8 +9,9 @@ import { CountdownProps } from './CountdownProps';
|
|
|
9
9
|
* @param className {string} Additionnal CSS Classes
|
|
10
10
|
* @param event
|
|
11
11
|
* @param small
|
|
12
|
-
* @param centered
|
|
13
12
|
* @param others
|
|
13
|
+
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
14
|
+
* @param centered
|
|
14
15
|
*/
|
|
15
16
|
declare const Countdown: ({ deadline, className, format, event, small, inverted, ...others }: CountdownProps) => JSX.Element;
|
|
16
17
|
export default Countdown;
|
|
@@ -20,8 +20,9 @@ const calculateTimer = (timeDifference) => {
|
|
|
20
20
|
* @param className {string} Additionnal CSS Classes
|
|
21
21
|
* @param event
|
|
22
22
|
* @param small
|
|
23
|
-
* @param centered
|
|
24
23
|
* @param others
|
|
24
|
+
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
25
|
+
* @param centered
|
|
25
26
|
*/
|
|
26
27
|
const Countdown = ({ deadline, className, format, event, small, inverted, ...others }) => {
|
|
27
28
|
const { styled } = useTrilogyContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../components/countdown/Countdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AACjE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,EAAE;IAChD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,CAAA;IACxD,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,IAAI,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,CAAA;IAC7D,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAA;IAClE,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,CAAA;IAE/D,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,CAAA;AAC1C,CAAC,CAAA;AAED
|
|
1
|
+
{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../components/countdown/Countdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { DividerProps } from "./DividerProps";
|
|
|
4
4
|
* Divider Component
|
|
5
5
|
* @param content {string} Add text content for Divider
|
|
6
6
|
* @param unboxed {boolean} Full-width separator in another component
|
|
7
|
-
* @param marginless {boolean}
|
|
7
|
+
* @param marginless {boolean} delete margin
|
|
8
8
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
9
9
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
10
10
|
* @param iconName {IconName} Custom icon for Divider
|
|
@@ -9,7 +9,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
9
9
|
* Divider Component
|
|
10
10
|
* @param content {string} Add text content for Divider
|
|
11
11
|
* @param unboxed {boolean} Full-width separator in another component
|
|
12
|
-
* @param marginless {boolean}
|
|
12
|
+
* @param marginless {boolean} delete margin
|
|
13
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
14
|
* @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
|
|
15
15
|
* @param iconName {IconName} Custom icon for Divider
|
|
@@ -5,7 +5,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
5
5
|
* Divider Native Component
|
|
6
6
|
* @param content {string} Add text content for Divider
|
|
7
7
|
* @param unboxed {boolean} Full-width separator in another component
|
|
8
|
-
* @param marginless {boolean}
|
|
8
|
+
* @param marginless {boolean} delete margin
|
|
9
9
|
* @param iconName {IconName} Custom icon for Divider
|
|
10
10
|
* @param color {TrilogyColor} Border color of Divider
|
|
11
11
|
* @param backgroundColor {TrilogyColor} Background color of Divider
|
|
@@ -8,7 +8,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
8
8
|
* Divider Native Component
|
|
9
9
|
* @param content {string} Add text content for Divider
|
|
10
10
|
* @param unboxed {boolean} Full-width separator in another component
|
|
11
|
-
* @param marginless {boolean}
|
|
11
|
+
* @param marginless {boolean} delete margin
|
|
12
12
|
* @param iconName {IconName} Custom icon for Divider
|
|
13
13
|
* @param color {TrilogyColor} Border color of Divider
|
|
14
14
|
* @param backgroundColor {TrilogyColor} Background color of Divider
|
|
@@ -18,7 +18,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
18
18
|
const Divider = ({ content, unboxed, marginless, iconName, color, backgroundColor, textColor, ...others }) => {
|
|
19
19
|
const [textWidth, setTextWidth] = React.useState(0);
|
|
20
20
|
const [containerWidth, setContainerWidth] = React.useState(0);
|
|
21
|
-
const dividerColor = getColorStyle(TrilogyColor.
|
|
21
|
+
const dividerColor = getColorStyle(TrilogyColor.NEUTRAL);
|
|
22
22
|
const styles = StyleSheet.create({
|
|
23
23
|
divider: {
|
|
24
24
|
borderBottomColor: dividerColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.native.js","sourceRoot":"","sources":["../../../components/divider/Divider.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;GAUG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,EACP,OAAO,EACP,UAAU,EACV,QAAQ,EACR,KAAK,EACL,eAAe,EACf,SAAS,EACT,GAAG,MAAM,EACI,EAAe,EAAE;IAC9B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IACnD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Divider.native.js","sourceRoot":"","sources":["../../../components/divider/Divider.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ import { FabProps } from "./FabProps";
|
|
|
14
14
|
* @param bottom {number} position bottom
|
|
15
15
|
* @param right {number} position right
|
|
16
16
|
* @param disabled {boolean} disabled button
|
|
17
|
+
* @param testId {string} Test Id for Test Integration
|
|
17
18
|
**/
|
|
18
19
|
declare const Fab: ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed, top, bottom, left, right, testId, disabled, ...others }: FabProps) => JSX.Element;
|
|
19
20
|
export default Fab;
|
|
@@ -18,6 +18,7 @@ import { is } from "../../services";
|
|
|
18
18
|
* @param bottom {number} position bottom
|
|
19
19
|
* @param right {number} position right
|
|
20
20
|
* @param disabled {boolean} disabled button
|
|
21
|
+
* @param testId {string} Test Id for Test Integration
|
|
21
22
|
**/
|
|
22
23
|
const Fab = ({ children, extended, iconName, accessibilityLabel, onClick, className, fixed = true, top, bottom, left, right, testId, disabled, ...others }) => {
|
|
23
24
|
const { styled } = useTrilogyContext();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fab.js","sourceRoot":"","sources":["../../../components/fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAY,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B
|
|
1
|
+
{"version":3,"file":"Fab.js","sourceRoot":"","sources":["../../../components/fab/Fab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAY,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;;;;;;;;;;IAeI;AAEJ,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,kBAAkB,EAClB,OAAO,EACP,SAAS,EACT,KAAK,GAAG,IAAI,EACZ,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IAClC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,8DAA8D;IAC9D,MAAM,aAAa,GACjB,GAAG,IAAI,MAAM,IAAI,IAAI,IAAI,KAAK;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU;YACtC,GAAG,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,MAAM;YAClB,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,MAAM;YACxB,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,MAAM;YACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM;SACvB;QACH,CAAC,CAAC;YACE,QAAQ,EAAE,UAAU;SACrB,CAAA;IAEP,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CAAC,KAAK,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,CACnD,CAAA;IAED,OAAO,CACL,gCACE,QAAQ,EAAE,QAAQ,iBACL,MAAM,gBACP,kBAAkB,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,aAAa,EAAE,KACvB,MAAM,EACV,SAAS,EAAE,UAAU;QAErB,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAoB,GAAI;QACnC,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|