@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
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
import { StickerProps } from "./StickerProps";
|
|
3
3
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
|
-
* Sticker
|
|
5
|
+
* Sticker component
|
|
6
6
|
* @param children {ReactNode} Sticker child
|
|
7
|
-
* @param variant {
|
|
7
|
+
* @param variant {StatusState} Sticker variant : primary only
|
|
8
8
|
* @param small {boolean} Small Sticker
|
|
9
|
-
* @param outlined {boolean} Outlined sticker
|
|
10
9
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
10
|
+
* @param outlined {boolean} Outlined sticker
|
|
11
11
|
* @param others
|
|
12
12
|
*/
|
|
13
13
|
declare const Sticker: {
|
|
@@ -4,12 +4,12 @@ import { getColorStyle, getVariantStyle, TrilogyColor } from "../../objects";
|
|
|
4
4
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
5
5
|
import { Text } from "../../components/text";
|
|
6
6
|
/**
|
|
7
|
-
* Sticker
|
|
7
|
+
* Sticker component
|
|
8
8
|
* @param children {ReactNode} Sticker child
|
|
9
|
-
* @param variant {
|
|
9
|
+
* @param variant {StatusState} Sticker variant : primary only
|
|
10
10
|
* @param small {boolean} Small Sticker
|
|
11
|
-
* @param outlined {boolean} Outlined sticker
|
|
12
11
|
* @param hat {boolean} Hat Sticker ( for box )
|
|
12
|
+
* @param outlined {boolean} Outlined sticker
|
|
13
13
|
* @param others
|
|
14
14
|
*/
|
|
15
15
|
const Sticker = ({ children, variant, small, hat, outlined, ...others }) => {
|
|
@@ -3,18 +3,18 @@ import { SwitchProps } from "./SwitchProps";
|
|
|
3
3
|
/**
|
|
4
4
|
* Switch Component
|
|
5
5
|
* @param id {string} Is auto generate by default
|
|
6
|
-
* @param label {string} Switch label
|
|
7
|
-
* @param value {string} Switch value
|
|
8
6
|
* @param checked {boolean} Checked switch
|
|
9
7
|
* @param onChange {Function} onChange event
|
|
10
8
|
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
11
9
|
* @param disabled {boolean} Switch disabled
|
|
12
10
|
* @param readonly {boolean} Switch readonly
|
|
13
11
|
* @param name {string} Switch name
|
|
14
|
-
* @param reversed {boolean} change switch position
|
|
15
12
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
16
13
|
* @param className {string} Additionnal CSS Classes
|
|
17
14
|
* @param onClick {Function} onClick event
|
|
15
|
+
* @param label {string} Switch label
|
|
16
|
+
* @param value {string} Switch value
|
|
17
|
+
* @param reversed {boolean} change switch position
|
|
18
18
|
*/
|
|
19
19
|
declare const Switch: ({ className, id, label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, ...others }: SwitchProps) => JSX.Element;
|
|
20
20
|
export default Switch;
|
|
@@ -8,18 +8,18 @@ import { useTrilogyContext } from "../../context";
|
|
|
8
8
|
/**
|
|
9
9
|
* Switch Component
|
|
10
10
|
* @param id {string} Is auto generate by default
|
|
11
|
-
* @param label {string} Switch label
|
|
12
|
-
* @param value {string} Switch value
|
|
13
11
|
* @param checked {boolean} Checked switch
|
|
14
12
|
* @param onChange {Function} onChange event
|
|
15
13
|
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
16
14
|
* @param disabled {boolean} Switch disabled
|
|
17
15
|
* @param readonly {boolean} Switch readonly
|
|
18
16
|
* @param name {string} Switch name
|
|
19
|
-
* @param reversed {boolean} change switch position
|
|
20
17
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
21
18
|
* @param className {string} Additionnal CSS Classes
|
|
22
19
|
* @param onClick {Function} onClick event
|
|
20
|
+
* @param label {string} Switch label
|
|
21
|
+
* @param value {string} Switch value
|
|
22
|
+
* @param reversed {boolean} change switch position
|
|
23
23
|
*/
|
|
24
24
|
const Switch = ({ className, id = shortid.generate(), label, value, checked, onChange, onClick, status, disabled, readonly, name, reversed, ...others }) => {
|
|
25
25
|
const [_checked, setChecked] = useState(checked || false);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { SwitchProps } from "./SwitchProps";
|
|
3
3
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
4
|
/**
|
|
5
|
-
* Switch
|
|
5
|
+
* Switch Component
|
|
6
6
|
* @param id {string} Is auto generate by default
|
|
7
7
|
* @param checked {boolean} Checked switch
|
|
8
8
|
* @param onChange {Function} onChange event
|
|
@@ -5,7 +5,7 @@ import { getStatusStyle } from "../../objects";
|
|
|
5
5
|
import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
|
|
6
6
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
7
|
/**
|
|
8
|
-
* Switch
|
|
8
|
+
* Switch Component
|
|
9
9
|
* @param id {string} Is auto generate by default
|
|
10
10
|
* @param checked {boolean} Checked switch
|
|
11
11
|
* @param onChange {Function} onChange event
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;
|
|
1
|
+
{"version":3,"file":"Switch.native.js","sourceRoot":"","sources":["../../../components/switch/Switch.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,OAAO,MAAM,SAAS,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AAEH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,EACvB,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,IAAI,GACQ,EAAe,EAAE;IAC7B,MAAM,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,OAAO,IAAI,KAAK,CAAC,CAAA;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE;YACb,UAAU,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SAC7B;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEvB,MAAM,kBAAkB,GAAG,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;IAChE,MAAM,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,aAAa,CAAC,CAAA;IACzE,MAAM,UAAU,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAEzD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC;SAC9C;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,YAAY,IACX,MAAM,EAAC,WAAW,EAClB,KAAK,EAAE,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EACpD,UAAU,EAAE;YACV,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB;YAC9D,IAAI,EAAE,QAAQ;gBACZ,CAAC,CAAC,uBAAuB;gBACzB,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KAAK;SACjC,EACD,UAAU,EAAE,UAAU,EACtB,mBAAmB,EACjB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,kBAAkB,EAEzD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,IAAI,EAAE,EAAE,CAAC,CAAA;aACzD;QACH,CAAC,EACD,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,EACrC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,GACf,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,aAAa,CAAC,MAAM,CAAA;AAEzC,eAAe,MAAM,CAAA"}
|
|
@@ -6,15 +6,17 @@ import { TabsProps } from './TabsProps';
|
|
|
6
6
|
* @param onClick onClick event
|
|
7
7
|
* @param activeIndex {number} default active tab index
|
|
8
8
|
* @param disabled {boolean} Disabled tabs
|
|
9
|
-
* @param clipped {boolean} Remove the separator bar
|
|
10
9
|
* @param inverted {boolean} dark mode
|
|
11
10
|
* @param shadowless {boolean} No shadow
|
|
12
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
13
11
|
* @param centered {boolean} Centered tabs
|
|
14
|
-
*
|
|
12
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
13
|
* @param className {string} Additionnal CSS Classes
|
|
16
14
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
17
15
|
* @param leftAlign {boolean} Tabs left align
|
|
16
|
+
* @param align { Alignable | AlignableValues} align content
|
|
17
|
+
* @param marginless {boolean} delete margin
|
|
18
|
+
* @param textAlign {TypographyAlign | TypographyAlignValues}
|
|
19
|
+
* @param testId {string} Test Id for Test Integration
|
|
18
20
|
*/
|
|
19
21
|
declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
22
|
export default Tabs;
|
|
@@ -9,22 +9,24 @@ import { has, is } from '../../services/classify';
|
|
|
9
9
|
* @param onClick onClick event
|
|
10
10
|
* @param activeIndex {number} default active tab index
|
|
11
11
|
* @param disabled {boolean} Disabled tabs
|
|
12
|
-
* @param clipped {boolean} Remove the separator bar
|
|
13
12
|
* @param inverted {boolean} dark mode
|
|
14
13
|
* @param shadowless {boolean} No shadow
|
|
15
|
-
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
14
|
* @param centered {boolean} Centered tabs
|
|
17
|
-
*
|
|
15
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
18
16
|
* @param className {string} Additionnal CSS Classes
|
|
19
17
|
* @param fullwidth {boolean} Fullwidth tabs
|
|
20
18
|
* @param leftAlign {boolean} Tabs left align
|
|
19
|
+
* @param align { Alignable | AlignableValues} align content
|
|
20
|
+
* @param marginless {boolean} delete margin
|
|
21
|
+
* @param textAlign {TypographyAlign | TypographyAlignValues}
|
|
22
|
+
* @param testId {string} Test Id for Test Integration
|
|
21
23
|
*/
|
|
22
24
|
const Tabs = React.forwardRef((props, ref) => {
|
|
23
|
-
const { children, className, onClick, activeIndex, disabled,
|
|
25
|
+
const { children, className, onClick, activeIndex, disabled, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others } = props;
|
|
24
26
|
const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
|
|
25
27
|
const { styled } = useTrilogyContext();
|
|
26
28
|
const [isIcons, setIsIcons] = React.useState(false);
|
|
27
|
-
const classes = hashClass(styled, clsx('tabs',
|
|
29
|
+
const classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
|
|
28
30
|
const isActive = React.useCallback((index, childPropsActive) => {
|
|
29
31
|
if (typeof childPropsActive !== 'undefined' && !activateIndex) {
|
|
30
32
|
return childPropsActive;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAG7C
|
|
1
|
+
{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,8 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
8
8
|
* @param activeIndex {number} default active tab index
|
|
9
9
|
* @param disabled {boolean} Disabled tabs
|
|
10
10
|
* @param inverted {boolean} dark mode
|
|
11
|
-
* @param
|
|
11
|
+
* @param shadowless {boolean} No shadow
|
|
12
|
+
* @param centered {boolean} Centered tabs
|
|
12
13
|
*/
|
|
13
14
|
declare const Tabs: {
|
|
14
15
|
({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;
|
|
@@ -11,7 +11,8 @@ import { ComponentName } from '../../components/enumsComponentsName';
|
|
|
11
11
|
* @param activeIndex {number} default active tab index
|
|
12
12
|
* @param disabled {boolean} Disabled tabs
|
|
13
13
|
* @param inverted {boolean} dark mode
|
|
14
|
-
* @param
|
|
14
|
+
* @param shadowless {boolean} No shadow
|
|
15
|
+
* @param centered {boolean} Centered tabs
|
|
15
16
|
*/
|
|
16
17
|
const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
|
|
17
18
|
const [activateIndex, setActivateIndex] = useState(activeIndex);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE
|
|
1
|
+
{"version":3,"file":"Tabs.native.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,10 +9,6 @@ export interface TabsProps extends Centerable, JustifiableProps, Clickable, Acce
|
|
|
9
9
|
children: React.ReactNode | string;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
activeIndex?: number;
|
|
12
|
-
/** @deprecated */
|
|
13
|
-
rightAlign?: boolean;
|
|
14
|
-
/** @deprecated */
|
|
15
|
-
clipped?: boolean;
|
|
16
12
|
fullwidth?: boolean;
|
|
17
13
|
className?: string;
|
|
18
14
|
marginless?: boolean;
|
|
@@ -28,22 +28,6 @@ export default {
|
|
|
28
28
|
"number"
|
|
29
29
|
]
|
|
30
30
|
},
|
|
31
|
-
"rightAlign": {
|
|
32
|
-
"type": "boolean",
|
|
33
|
-
"values": [
|
|
34
|
-
"undefined",
|
|
35
|
-
"false",
|
|
36
|
-
"true"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
"clipped": {
|
|
40
|
-
"type": "boolean",
|
|
41
|
-
"values": [
|
|
42
|
-
"undefined",
|
|
43
|
-
"false",
|
|
44
|
-
"true"
|
|
45
|
-
]
|
|
46
|
-
},
|
|
47
31
|
"fullwidth": {
|
|
48
32
|
"type": "boolean",
|
|
49
33
|
"values": [
|
|
@@ -5,13 +5,14 @@ import { TabsItemProps } from "./TabsItemProps";
|
|
|
5
5
|
* @param active {boolean} active tab item
|
|
6
6
|
* @param children {ReactChild} React Child Element
|
|
7
7
|
* @param onClick onClick Event
|
|
8
|
-
* @param to {string} Link
|
|
9
|
-
* @param href {string} <a />
|
|
10
|
-
* @param routerLink Custom Router Link as props
|
|
11
8
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
12
9
|
* @param disabled {boolean} disable tab item
|
|
13
10
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
14
11
|
* @param className {string} Additionnal CSS Classes
|
|
12
|
+
* @param testId {string} Test Id for Test Integration
|
|
13
|
+
* @param to {string} Link
|
|
14
|
+
* @param href {string} <a />
|
|
15
|
+
* @param routerLink Custom Router Link as props
|
|
15
16
|
*/
|
|
16
17
|
declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<any>>;
|
|
17
18
|
export default TabsItem;
|
|
@@ -8,13 +8,14 @@ import { Icon } from "../../../components/icon";
|
|
|
8
8
|
* @param active {boolean} active tab item
|
|
9
9
|
* @param children {ReactChild} React Child Element
|
|
10
10
|
* @param onClick onClick Event
|
|
11
|
-
* @param to {string} Link
|
|
12
|
-
* @param href {string} <a />
|
|
13
|
-
* @param routerLink Custom Router Link as props
|
|
14
11
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
15
12
|
* @param disabled {boolean} disable tab item
|
|
16
13
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
14
|
* @param className {string} Additionnal CSS Classes
|
|
15
|
+
* @param testId {string} Test Id for Test Integration
|
|
16
|
+
* @param to {string} Link
|
|
17
|
+
* @param href {string} <a />
|
|
18
|
+
* @param routerLink Custom Router Link as props
|
|
18
19
|
*/
|
|
19
20
|
const TabsItem = React.forwardRef((props, ref) => {
|
|
20
21
|
const { active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others } = props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC
|
|
1
|
+
{"version":3,"file":"TabsItem.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
7
7
|
* @param children {ReactChild} React Child Element
|
|
8
8
|
* @param onClick onClick Event
|
|
9
9
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
10
|
+
* @param disabled {boolean} disable tab item
|
|
10
11
|
*/
|
|
11
12
|
declare const TabsItem: {
|
|
12
13
|
({ active, children, onClick, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;
|
|
@@ -10,6 +10,7 @@ import { Text, TextLevels } from "../../../components/text";
|
|
|
10
10
|
* @param children {ReactChild} React Child Element
|
|
11
11
|
* @param onClick onClick Event
|
|
12
12
|
* @param iconName {IconNameValues | IconName} add icon name
|
|
13
|
+
* @param disabled {boolean} disable tab item
|
|
13
14
|
*/
|
|
14
15
|
const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...others }) => {
|
|
15
16
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAEpD
|
|
1
|
+
{"version":3,"file":"TabsItem.native.js","sourceRoot":"","sources":["../../../../components/tabs/item/TabsItem.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { TagProps } from
|
|
2
|
+
import { TagProps } from './TagProps';
|
|
3
3
|
/**
|
|
4
4
|
* Tag Component
|
|
5
5
|
* @param children {ReactNode} Add childrens for tag
|
|
6
6
|
* @param variant {TagVariant} Available tag variants
|
|
7
|
-
* @param deletable {boolean} Adding delete icon
|
|
8
7
|
* @param inverted {boolean} Inverted tag
|
|
9
|
-
* @param
|
|
8
|
+
* @param small {boolean} display small tag
|
|
9
|
+
* @param iconName {IconName} display icon
|
|
10
|
+
* @param testId {string} Test Id for Test Integration
|
|
11
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
10
12
|
* @param className {string} Additionnal CSS Classes
|
|
11
13
|
**/
|
|
12
|
-
declare const Tag: ({ children, className, variant,
|
|
14
|
+
declare const Tag: ({ children, className, variant, inverted, small, iconName, testId, ...others }: TagProps) => JSX.Element;
|
|
13
15
|
export default Tag;
|
|
@@ -1,43 +1,26 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import { getColorClassName
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import {
|
|
1
|
+
import { useTrilogyContext } from '../../context';
|
|
2
|
+
import { hashClass } from '../../helpers';
|
|
3
|
+
import { getColorClassName } from '../../objects/facets/Color';
|
|
4
|
+
import { is } from '../../services/classify';
|
|
5
|
+
import clsx from 'clsx';
|
|
6
|
+
import React from 'react';
|
|
7
|
+
import { Icon } from '../icon';
|
|
8
8
|
/**
|
|
9
9
|
* Tag Component
|
|
10
10
|
* @param children {ReactNode} Add childrens for tag
|
|
11
11
|
* @param variant {TagVariant} Available tag variants
|
|
12
|
-
* @param deletable {boolean} Adding delete icon
|
|
13
12
|
* @param inverted {boolean} Inverted tag
|
|
14
|
-
* @param
|
|
13
|
+
* @param small {boolean} display small tag
|
|
14
|
+
* @param iconName {IconName} display icon
|
|
15
|
+
* @param testId {string} Test Id for Test Integration
|
|
16
|
+
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
15
17
|
* @param className {string} Additionnal CSS Classes
|
|
16
18
|
**/
|
|
17
|
-
const Tag = ({ children, className, variant,
|
|
18
|
-
const [display, setDisplay] = useState(deletable || false);
|
|
19
|
+
const Tag = ({ children, className, variant, inverted, small, iconName, testId, ...others }) => {
|
|
19
20
|
const { styled } = useTrilogyContext();
|
|
20
|
-
const tagClassNames = hashClass(styled, clsx(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
const tagIconClassNames = hashClass(styled, clsx(variant &&
|
|
24
|
-
is(getColorClassName(variant))));
|
|
25
|
-
const onClickHandle = (e) => {
|
|
26
|
-
setDisplay(false);
|
|
27
|
-
if (onClick) {
|
|
28
|
-
onClick(e);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const deleteClasses = hashClass(styled, clsx("tags", variant &&
|
|
32
|
-
is(getColorClassName(variant)), deletable && [has("addons"), is("delete")], inverted && is("inverted"), small && is("small"), className));
|
|
33
|
-
// Deletable tag
|
|
34
|
-
if (deletable && display) {
|
|
35
|
-
return (React.createElement("div", { "data-testid": testId, className: deleteClasses },
|
|
36
|
-
React.createElement("span", { className: tagClassNames }, children),
|
|
37
|
-
React.createElement("a", { "data-testid": `${testId}_close_button`, onClick: onClickHandle, className: tagClassNames })));
|
|
38
|
-
}
|
|
39
|
-
// Default tag
|
|
40
|
-
return (React.createElement("span", { "data-testid": testId, onClick: onClick && onClick, className: tagClassNames, ...others },
|
|
21
|
+
const tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
|
|
22
|
+
const tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
|
|
23
|
+
return (React.createElement("span", { "data-testid": testId, className: tagClassNames, ...others },
|
|
41
24
|
iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
|
|
42
25
|
children));
|
|
43
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAoC,MAAM,wBAAwB,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B;;;;;;;;;;IAUI;AACJ,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAY,EAAe,EAAE;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,KAAK,EAEL,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,EAC9E,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,SAAS,CACjC,MAAM,EACN,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,CAAC,CACrF,CAAA;IAED,OAAO,CACL,6CAAmB,MAAM,EAAE,SAAS,EAAE,aAAa,KAAM,MAAM;QAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,GAAI;QAClE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
3
|
+
import { TagProps } from './TagProps';
|
|
4
4
|
/**
|
|
5
5
|
* Tag Component
|
|
6
6
|
* @param children {ReactNode} Add childrens for tag
|
|
7
7
|
* @param variant {TagVariant} Available tag variants
|
|
8
|
-
* @param
|
|
9
|
-
* @param
|
|
10
|
-
* @param
|
|
11
|
-
* @param
|
|
12
|
-
|
|
13
|
-
* @param others
|
|
14
|
-
*/
|
|
8
|
+
* @param inverted {boolean} Inverted tag
|
|
9
|
+
* @param small {boolean} display small tag
|
|
10
|
+
* @param iconName {IconName} display icon
|
|
11
|
+
* @param testId {string} Test Id for Test Integration
|
|
12
|
+
**/
|
|
15
13
|
declare const Tag: {
|
|
16
|
-
({ children, variant,
|
|
14
|
+
({ children, variant, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
|
|
17
15
|
displayName: ComponentName;
|
|
18
16
|
};
|
|
19
17
|
export default Tag;
|
|
@@ -1,35 +1,27 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
1
|
+
import { ComponentName } from '../../components/enumsComponentsName';
|
|
2
|
+
import { Icon, IconSize } from '../../components/icon';
|
|
3
|
+
import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
|
|
4
|
+
import { getStatusStyle } from '../../objects/facets/Status';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
import { StyleSheet, Text, View } from 'react-native';
|
|
7
7
|
/**
|
|
8
8
|
* Tag Component
|
|
9
9
|
* @param children {ReactNode} Add childrens for tag
|
|
10
10
|
* @param variant {TagVariant} Available tag variants
|
|
11
|
-
* @param
|
|
12
|
-
* @param
|
|
13
|
-
* @param
|
|
14
|
-
* @param
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
const Tag = ({ children, variant, deletable, onClick, inverted, iconName, small, testId, ...others }) => {
|
|
19
|
-
const [display, setDisplay] = useState(deletable || false);
|
|
20
|
-
useEffect(() => {
|
|
21
|
-
setDisplay(deletable || false);
|
|
22
|
-
}, [deletable]);
|
|
23
|
-
const textColor = inverted
|
|
24
|
-
? getColorStyle(variant)
|
|
25
|
-
: getColorStyle(TrilogyColor.MAIN);
|
|
11
|
+
* @param inverted {boolean} Inverted tag
|
|
12
|
+
* @param small {boolean} display small tag
|
|
13
|
+
* @param iconName {IconName} display icon
|
|
14
|
+
* @param testId {string} Test Id for Test Integration
|
|
15
|
+
**/
|
|
16
|
+
const Tag = ({ children, variant, inverted, iconName, small, testId, ...others }) => {
|
|
17
|
+
const textColor = inverted ? getColorStyle(variant) : getColorStyle(TrilogyColor.MAIN);
|
|
26
18
|
const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
|
|
27
19
|
const styles = StyleSheet.create({
|
|
28
20
|
tag: {
|
|
29
|
-
flexDirection:
|
|
30
|
-
justifyContent:
|
|
31
|
-
alignItems:
|
|
32
|
-
alignSelf:
|
|
21
|
+
flexDirection: 'row',
|
|
22
|
+
justifyContent: 'center',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
alignSelf: 'baseline',
|
|
33
25
|
borderRadius: 15,
|
|
34
26
|
paddingHorizontal: 8,
|
|
35
27
|
paddingVertical: 4,
|
|
@@ -38,10 +30,10 @@ const Tag = ({ children, variant, deletable, onClick, inverted, iconName, small,
|
|
|
38
30
|
getColorStyle(TrilogyColor.NEUTRAL_FADE),
|
|
39
31
|
},
|
|
40
32
|
text: {
|
|
41
|
-
alignSelf:
|
|
42
|
-
alignItems:
|
|
43
|
-
fontWeight:
|
|
44
|
-
justifyContent:
|
|
33
|
+
alignSelf: 'center',
|
|
34
|
+
alignItems: 'center',
|
|
35
|
+
fontWeight: '500',
|
|
36
|
+
justifyContent: 'center',
|
|
45
37
|
color: textColor,
|
|
46
38
|
fontSize: small ? 12 : 16,
|
|
47
39
|
},
|
|
@@ -52,35 +44,12 @@ const Tag = ({ children, variant, deletable, onClick, inverted, iconName, small,
|
|
|
52
44
|
marginRight: small ? 4 : 8,
|
|
53
45
|
},
|
|
54
46
|
button: {
|
|
55
|
-
flexDirection:
|
|
47
|
+
flexDirection: 'row',
|
|
56
48
|
},
|
|
57
49
|
});
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
onClick(e);
|
|
62
|
-
}
|
|
63
|
-
};
|
|
64
|
-
// Deletable tag
|
|
65
|
-
if (deletable && display) {
|
|
66
|
-
return (React.createElement(View, { style: styles.tag, ...others },
|
|
67
|
-
React.createElement(Text, { style: styles.text }, children),
|
|
68
|
-
React.createElement(Icon, { style: styles.icon, size: IconSize.SMALL, color: textColor, name: IconName.TIMES,
|
|
69
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
70
|
-
onClick: (e) => onClickHandle(e) })));
|
|
71
|
-
}
|
|
72
|
-
if (!deletable && !display) {
|
|
73
|
-
if (onClick) {
|
|
74
|
-
return (React.createElement(View, { style: styles.tag, ...others },
|
|
75
|
-
React.createElement(TouchableOpacity, { style: styles.button, onPress: (e) => onClick(e) },
|
|
76
|
-
iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName })),
|
|
77
|
-
React.createElement(Text, { style: styles.text }, children))));
|
|
78
|
-
}
|
|
79
|
-
return (React.createElement(View, { style: styles.tag, ...others },
|
|
80
|
-
iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: `${testId}-icon` })),
|
|
81
|
-
React.createElement(Text, { style: styles.text }, children)));
|
|
82
|
-
}
|
|
83
|
-
return React.createElement(View, null);
|
|
50
|
+
return (React.createElement(View, { style: styles.tag, ...others },
|
|
51
|
+
iconName && (React.createElement(Icon, { size: small ? IconSize.SMALLER : IconSize.SMALL, style: styles.iconLeft, name: iconName, testId: `${testId}-icon` })),
|
|
52
|
+
React.createElement(Text, { style: styles.text }, children)));
|
|
84
53
|
};
|
|
85
54
|
Tag.displayName = ComponentName.Tag;
|
|
86
55
|
export default Tag;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../../../components/tag/Tag.native.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Tag.native.js","sourceRoot":"","sources":["../../../components/tag/Tag.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,IAAI,EAAY,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAGrD;;;;;;;;IAQI;AACJ,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,MAAM,EAAY,EAAe,EAAE;IACzG,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,OAAuB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IAEtG,MAAM,eAAe,GAAG,OAAO,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,eAAe,CAAA;IAE1E,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,GAAG,EAAE;YACH,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,SAAS,EAAE,UAAU;YACrB,YAAY,EAAE,EAAE;YAChB,iBAAiB,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;YAClB,eAAe,EACb,CAAC,QAAQ,IAAI,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;gBACpD,CAAC,OAAO,IAAK,eAAgC,CAAC;gBAC9C,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;SAC3C;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,QAAQ;YACnB,UAAU,EAAE,QAAQ;YACpB,UAAU,EAAE,KAAK;YACjB,cAAc,EAAE,QAAQ;YACxB,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;SAC1B;QACD,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC;SACb;QAED,QAAQ,EAAE;YACR,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC3B;QAED,MAAM,EAAE;YACN,aAAa,EAAE,KAAK;SACrB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,GAAG,KAAM,MAAM;QAChC,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAC/C,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,GAAG,MAAM,OAAO,GACxB,CACH;QACD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,QAAQ,CAAQ,CACtC,CACR,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAA;AAEnC,eAAe,GAAG,CAAA"}
|
|
@@ -12,10 +12,6 @@ export interface TagClickEvent {
|
|
|
12
12
|
export interface TagProps extends Accessibility {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
14
|
variant?: TagVariant | TagVariantValues;
|
|
15
|
-
/** @deprecated */
|
|
16
|
-
deletable?: boolean;
|
|
17
|
-
/** @deprecated */
|
|
18
|
-
onClick?: TagClickEvent;
|
|
19
15
|
inverted?: boolean;
|
|
20
16
|
className?: string;
|
|
21
17
|
iconName?: IconName;
|