@trilogy-ds/react 0.0.1-beta-73 → 0.0.1-beta-75
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 +0 -1
- package/lib/components/accordion/body/AccordionBody.js +0 -1
- package/lib/components/accordion/body/AccordionBody.js.map +1 -1
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -7
- package/lib/components/alert/Alert.d.ts +4 -5
- package/lib/components/alert/Alert.js +10 -11
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +6 -6
- package/lib/components/alert/Alert.native.js +13 -13
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/alert/AlertProps.d.ts +3 -4
- package/lib/components/alert/AlertPropsDefaults.js +1 -8
- package/lib/components/alert/{ToasterAlertPropsDefaults.js → ToasterStatusPropsDefaults.js} +1 -16
- package/lib/components/alert/context/ToastPropsDefaults.js +1 -1
- package/lib/components/alert/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/badge/Badge.d.ts +1 -2
- package/lib/components/badge/Badge.js +3 -8
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +1 -2
- package/lib/components/badge/Badge.native.js +2 -5
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/BadgePropsDefaults.js +0 -8
- package/lib/components/box/Box.d.ts +2 -2
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +9 -9
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +1 -1
- package/lib/components/box/BoxPropsDefaults.js +43 -15
- package/lib/components/box/content/BoxContentPropsDefaults.js +21 -7
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +21 -7
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +21 -7
- package/lib/components/card/Card.d.ts +3 -0
- package/lib/components/card/Card.js +3 -2
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.js +1 -1
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +21 -7
- package/lib/components/card/content/CardContent.native.d.ts +0 -1
- package/lib/components/card/content/CardContent.native.js +0 -1
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/card/content/CardContentProps.d.ts +0 -1
- package/lib/components/card/content/CardContentPropsDefaults.js +0 -8
- package/lib/components/card/image/CardImage.d.ts +0 -1
- package/lib/components/card/image/CardImage.js +0 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +2 -1
- package/lib/components/card/image/CardImage.native.js.map +1 -1
- package/lib/components/card/image/CardImageProps.d.ts +0 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +0 -8
- package/lib/components/chips/Chips.d.ts +1 -2
- package/lib/components/chips/Chips.js +4 -6
- package/lib/components/chips/Chips.js.map +1 -1
- package/lib/components/chips/Chips.native.d.ts +1 -2
- package/lib/components/chips/Chips.native.js +2 -4
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/chips/ChipsProps.d.ts +0 -1
- package/lib/components/chips/ChipsPropsDefaults.js +0 -8
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/chips/list/ChipsList.js.map +1 -1
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +2 -3
- package/lib/components/columns/Columns.js.map +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +1 -3
- package/lib/components/columns/ColumnsPropsDefaults.js +0 -17
- package/lib/components/columns/item/ColumnsItem.native.js +3 -0
- package/lib/components/columns/item/ColumnsItem.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +21 -7
- package/lib/components/countdown/Countdown.d.ts +2 -1
- package/lib/components/countdown/Countdown.js +3 -2
- package/lib/components/countdown/Countdown.js.map +1 -1
- package/lib/components/countdown/Countdown.native.d.ts +2 -1
- package/lib/components/countdown/Countdown.native.js +3 -2
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/countdown/CountdownProps.d.ts +1 -0
- package/lib/components/countdown/CountdownPropsDefaults.js +8 -0
- package/lib/components/divider/DividerPropsDefaults.js +63 -21
- package/lib/components/enumsComponentsName.d.ts +1 -1
- package/lib/components/enumsComponentsName.js +1 -1
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +0 -16
- package/lib/components/hero/Hero.native.js +1 -1
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroPropsDefaults.js +21 -7
- package/lib/components/icon/Icon.native.js +1 -1
- package/lib/components/icon/Icon.native.js.map +1 -1
- package/lib/components/icon/IconPropsDefaults.js +21 -7
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +21 -7
- package/lib/components/input/Input.native.js +16 -16
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +1 -1
- package/lib/components/input/gauge/hook/useGauge.js.map +1 -1
- package/lib/components/link/Link.js +2 -2
- package/lib/components/link/Link.js.map +1 -1
- package/lib/components/link/Link.native.d.ts +0 -1
- package/lib/components/link/Link.native.js +0 -1
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkProps.d.ts +0 -1
- package/lib/components/link/LinkPropsDefaults.js +0 -8
- package/lib/components/list/item/ListItem.native.js +1 -1
- package/lib/components/list/item/ListItem.native.js.map +1 -1
- package/lib/components/modal/ModalPropsDefaults.js +1 -1
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +1 -1
- package/lib/components/otp/Otp.d.ts +0 -12
- package/lib/components/otp/Otp.js +77 -98
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/price/Price.d.ts +1 -1
- package/lib/components/price/Price.js +2 -2
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +1 -2
- package/lib/components/price/Price.native.js +3 -5
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +5 -5
- package/lib/components/price/PricePropsDefaults.js +0 -21
- package/lib/components/progress/Progress.d.ts +1 -1
- package/lib/components/progress/Progress.js +4 -4
- package/lib/components/progress/Progress.js.map +1 -1
- package/lib/components/progress/Progress.native.d.ts +2 -2
- package/lib/components/progress/Progress.native.js +5 -5
- package/lib/components/progress/Progress.native.js.map +1 -1
- package/lib/components/progress/ProgressProps.d.ts +2 -2
- package/lib/components/progress/ProgressPropsDefaults.js +1 -1
- package/lib/components/progress/item/ProgressItem.d.ts +1 -1
- package/lib/components/progress/item/ProgressItem.js +4 -4
- package/lib/components/progress/item/ProgressItem.js.map +1 -1
- package/lib/components/progress/item/ProgressItem.native.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.native.js +2 -2
- package/lib/components/progress/item/ProgressItem.native.js.map +1 -1
- package/lib/components/progress/item/ProgressItemProps.d.ts +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.js +2 -1
- package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +9 -9
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +2 -2
- package/lib/components/progress/radial/item/ProgressRadialItemPropsDefaults.js +10 -3
- package/lib/components/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- package/lib/components/rows/Rows.d.ts +1 -0
- package/lib/components/rows/Rows.js +4 -2
- package/lib/components/rows/Rows.js.map +1 -1
- package/lib/components/rows/Rows.native.d.ts +5 -2
- package/lib/components/rows/Rows.native.js +4 -2
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/rows/RowsProps.d.ts +1 -0
- package/lib/components/rows/RowsPropsDefaults.js +8 -0
- package/lib/components/rows/item/RowItem.native.js +3 -1
- package/lib/components/rows/item/RowItem.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +21 -7
- package/lib/components/section/Section.js +1 -1
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +2 -2
- package/lib/components/section/SectionPropsDefaults.js +21 -23
- package/lib/components/segment-control/SegmentControl.native.js +1 -1
- package/lib/components/segment-control/SegmentControl.native.js.map +1 -1
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- package/lib/components/segment-control/item/SegmentControlItem.native.js +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js.map +1 -1
- package/lib/components/sticker/Sticker.d.ts +2 -2
- package/lib/components/sticker/Sticker.js +3 -3
- package/lib/components/sticker/Sticker.js.map +1 -1
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +4 -4
- package/lib/components/switch/Switch.js.map +1 -1
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +4 -4
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/switch/SwitchProps.d.ts +2 -2
- package/lib/components/switch/SwitchPropsDefaults.js +1 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +42 -14
- package/lib/components/table/head/TableHeadPropsDefaults.js +42 -14
- package/lib/components/table/td/TableTd.native.js +2 -2
- package/lib/components/table/td/TableTd.native.js.map +1 -1
- package/lib/components/table/th/TableTh.native.js +2 -2
- package/lib/components/table/th/TableTh.native.js.map +1 -1
- package/lib/components/table/tr/TableTr.native.js +1 -1
- package/lib/components/table/tr/TableTr.native.js.map +1 -1
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +21 -7
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/tag/Tag.native.js.map +1 -1
- package/lib/components/text/Text.native.js +1 -1
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/text/TextPropsDefaults.js +0 -2
- package/lib/components/textarea/Textarea.native.js +8 -8
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/timeline/content/TimelineContent.js +1 -1
- package/lib/components/timeline/content/TimelineContent.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +7 -7
- package/lib/components/timeline/marker/TimelineMarker.native.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +1 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +1 -1
- package/lib/components/title/Title.js +2 -2
- package/lib/components/title/Title.js.map +1 -1
- package/lib/components/title/Title.native.js +1 -1
- package/lib/components/title/Title.native.js.map +1 -1
- package/lib/components/toaster/Toaster.js +4 -4
- package/lib/components/toaster/Toaster.js.map +1 -1
- package/lib/components/toaster/Toaster.native.js +7 -7
- package/lib/components/toaster/Toaster.native.js.map +1 -1
- package/lib/components/toaster/ToasterProps.d.ts +2 -2
- package/lib/components/toaster/ToasterPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToastPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/view/ViewPropsDefaults.js +21 -7
- package/lib/hash.json +1 -1
- package/lib/objects/Typography/TypographyColor.d.ts +0 -1
- package/lib/objects/Typography/TypographyColor.js +0 -5
- package/lib/objects/Typography/TypographyColor.js.map +1 -1
- package/lib/objects/atoms/Background.js +3 -0
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/atoms/Text.js +1 -3
- package/lib/objects/atoms/Text.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +11 -4
- package/lib/objects/facets/Color.js +52 -48
- package/lib/objects/facets/Color.js.map +1 -1
- package/lib/objects/facets/Status.d.ts +36 -0
- package/lib/objects/facets/{Alert.js → Status.js} +19 -19
- package/lib/objects/facets/Status.js.map +1 -0
- package/lib/objects/facets/Variant.js +1 -1
- package/lib/objects/facets/Variant.js.map +1 -1
- package/lib/objects/facets/index.d.ts +1 -1
- package/lib/objects/facets/index.js +1 -1
- package/lib/objects/facets/index.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/objects/facets/Alert.d.ts +0 -36
- package/lib/objects/facets/Alert.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../components/box/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAY,MAAM,YAAY,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,EAAE,EACF,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
7
7
|
* @param onClick {Function} onClick Event
|
|
8
8
|
* @param skeleton {boolean} Box skeleton
|
|
9
9
|
* @param background {TrilogyColor} Box Content Background Color
|
|
10
|
-
* @param
|
|
10
|
+
* @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
|
|
11
11
|
* @param testId {string} Test id
|
|
12
12
|
* @param shadowless {boolean} Remove box shadow
|
|
13
13
|
* @param backgroundSrc {string} Source of background Image
|
|
@@ -20,7 +20,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
20
20
|
* @param others
|
|
21
21
|
*/
|
|
22
22
|
declare const Box: {
|
|
23
|
-
({ children, onClick, skeleton,
|
|
23
|
+
({ children, onClick, skeleton, highlighted, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
|
|
24
24
|
displayName: ComponentName;
|
|
25
25
|
};
|
|
26
26
|
export default Box;
|
|
@@ -11,7 +11,7 @@ import { StatesContext } from "../../context/providerStates";
|
|
|
11
11
|
* @param onClick {Function} onClick Event
|
|
12
12
|
* @param skeleton {boolean} Box skeleton
|
|
13
13
|
* @param background {TrilogyColor} Box Content Background Color
|
|
14
|
-
* @param
|
|
14
|
+
* @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
|
|
15
15
|
* @param testId {string} Test id
|
|
16
16
|
* @param shadowless {boolean} Remove box shadow
|
|
17
17
|
* @param backgroundSrc {string} Source of background Image
|
|
@@ -23,7 +23,7 @@ import { StatesContext } from "../../context/providerStates";
|
|
|
23
23
|
* @param active {boolean} Activated box
|
|
24
24
|
* @param others
|
|
25
25
|
*/
|
|
26
|
-
const Box = ({ children, onClick, skeleton,
|
|
26
|
+
const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }) => {
|
|
27
27
|
const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
|
|
28
28
|
const [boxHeight, setBoxHeight] = useState(0);
|
|
29
29
|
const boxRadius = 6;
|
|
@@ -58,17 +58,17 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
|
|
|
58
58
|
skeleton: {
|
|
59
59
|
width: "100%",
|
|
60
60
|
minHeight: 50,
|
|
61
|
-
backgroundColor: getColorStyle(TrilogyColor.
|
|
61
|
+
backgroundColor: getColorStyle(TrilogyColor.FADE_NEUTRAL),
|
|
62
62
|
overflow: "hidden",
|
|
63
63
|
borderRadius: boxRadius,
|
|
64
64
|
},
|
|
65
|
-
|
|
65
|
+
highlighted: {
|
|
66
66
|
position: "absolute",
|
|
67
67
|
width: 8,
|
|
68
68
|
borderTopStartRadius: boxRadius,
|
|
69
69
|
borderBottomStartRadius: boxRadius,
|
|
70
70
|
height: boxHeight,
|
|
71
|
-
backgroundColor:
|
|
71
|
+
backgroundColor: highlighted ? getColorStyle(highlighted) : 'transparent',
|
|
72
72
|
},
|
|
73
73
|
column: {
|
|
74
74
|
flexDirection: "column",
|
|
@@ -102,10 +102,10 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
|
|
|
102
102
|
}, testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === "number"
|
|
103
103
|
? backgroundSrc
|
|
104
104
|
: { uri: backgroundSrc } },
|
|
105
|
-
Boolean(
|
|
105
|
+
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
106
106
|
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
107
107
|
React.createElement(View, { style: styles.column }, children)))) : (React.createElement(React.Fragment, null,
|
|
108
|
-
Boolean(
|
|
108
|
+
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
109
109
|
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
110
110
|
React.createElement(View, { style: styles.column }, children))))));
|
|
111
111
|
}
|
|
@@ -117,10 +117,10 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
|
|
|
117
117
|
style: [styles.box, !flat && styles.shadow, others === null || others === void 0 ? void 0 : others.style], testID: boxTestId }, backgroundSrc ? (React.createElement(ImageBackground, { imageStyle: { borderRadius: boxRadius }, style: styles.boxImage, source: typeof backgroundSrc === "number"
|
|
118
118
|
? backgroundSrc
|
|
119
119
|
: { uri: backgroundSrc } },
|
|
120
|
-
Boolean(
|
|
120
|
+
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
121
121
|
React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
122
122
|
React.createElement(View, { style: styles.column }, children)))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
123
|
-
Boolean(
|
|
123
|
+
Boolean(highlighted) && React.createElement(View, { style: styles.highlighted }),
|
|
124
124
|
React.createElement(View, { style: styles.column }, children)))));
|
|
125
125
|
};
|
|
126
126
|
Box.displayName = ComponentName.Box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.native.js","sourceRoot":"","sources":["../../../components/box/Box.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,GAAG,MAAM,cAAc,CAAA;AAE7F,OAAO,EAAE,aAAa,EAAE,YAAY,GAAuB,MAAM,wBAAwB,CAAA;AACzF,OAAO,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"Box.native.js","sourceRoot":"","sources":["../../../components/box/Box.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,7 +16,7 @@ export interface BoxProps extends BackgroundProps, Clickable, Fullheight, Access
|
|
|
16
16
|
className?: string;
|
|
17
17
|
markup?: BoxMarkup | BoxMarkupValues;
|
|
18
18
|
to?: string;
|
|
19
|
-
|
|
19
|
+
highlighted?: TrilogyColor | TrilogyColorValues;
|
|
20
20
|
shadowless?: boolean;
|
|
21
21
|
backgroundSrc?: string;
|
|
22
22
|
hat?: boolean;
|
|
@@ -45,7 +45,7 @@ export default {
|
|
|
45
45
|
"string"
|
|
46
46
|
]
|
|
47
47
|
},
|
|
48
|
-
"
|
|
48
|
+
"highlighted": {
|
|
49
49
|
"type": "enum",
|
|
50
50
|
"values": [
|
|
51
51
|
"undefined",
|
|
@@ -53,28 +53,42 @@ export default {
|
|
|
53
53
|
"INFO",
|
|
54
54
|
"WARNING",
|
|
55
55
|
"ERROR",
|
|
56
|
-
"MAIN",
|
|
57
56
|
"WHITE",
|
|
57
|
+
"FADE_WHITE",
|
|
58
58
|
"MAIN",
|
|
59
|
+
"FADE_MAIN",
|
|
59
60
|
"ACCENT",
|
|
61
|
+
"FADE_ACCENT",
|
|
60
62
|
"FONT",
|
|
63
|
+
"FADE_FONT",
|
|
61
64
|
"SUCCESS",
|
|
65
|
+
"FADE_SUCCESS",
|
|
62
66
|
"INFO",
|
|
67
|
+
"FADE_INFO",
|
|
63
68
|
"WARNING",
|
|
69
|
+
"FADE_WARNING",
|
|
64
70
|
"ERROR",
|
|
71
|
+
"FADE_ERROR",
|
|
65
72
|
"DISABLED",
|
|
66
|
-
"
|
|
73
|
+
"FADE_DISABLED",
|
|
67
74
|
"NEUTRAL",
|
|
68
|
-
"
|
|
69
|
-
"NEUTRAL_LIGHT",
|
|
75
|
+
"FADE_NEUTRAL",
|
|
70
76
|
"WHITE",
|
|
77
|
+
"FADE_WHITE",
|
|
78
|
+
"MAIN",
|
|
79
|
+
"FADE_MAIN",
|
|
71
80
|
"ACCENT",
|
|
81
|
+
"FADE_ACCENT",
|
|
72
82
|
"FONT",
|
|
83
|
+
"FADE_FONT",
|
|
84
|
+
"FADE_SUCCESS",
|
|
85
|
+
"FADE_INFO",
|
|
86
|
+
"FADE_WARNING",
|
|
87
|
+
"FADE_ERROR",
|
|
73
88
|
"DISABLED",
|
|
74
|
-
"
|
|
89
|
+
"FADE_DISABLED",
|
|
75
90
|
"NEUTRAL",
|
|
76
|
-
"
|
|
77
|
-
"NEUTRAL_LIGHT"
|
|
91
|
+
"FADE_NEUTRAL"
|
|
78
92
|
]
|
|
79
93
|
},
|
|
80
94
|
"shadowless": {
|
|
@@ -124,28 +138,42 @@ export default {
|
|
|
124
138
|
"INFO",
|
|
125
139
|
"WARNING",
|
|
126
140
|
"ERROR",
|
|
127
|
-
"MAIN",
|
|
128
141
|
"WHITE",
|
|
142
|
+
"FADE_WHITE",
|
|
129
143
|
"MAIN",
|
|
144
|
+
"FADE_MAIN",
|
|
130
145
|
"ACCENT",
|
|
146
|
+
"FADE_ACCENT",
|
|
131
147
|
"FONT",
|
|
148
|
+
"FADE_FONT",
|
|
132
149
|
"SUCCESS",
|
|
150
|
+
"FADE_SUCCESS",
|
|
133
151
|
"INFO",
|
|
152
|
+
"FADE_INFO",
|
|
134
153
|
"WARNING",
|
|
154
|
+
"FADE_WARNING",
|
|
135
155
|
"ERROR",
|
|
156
|
+
"FADE_ERROR",
|
|
136
157
|
"DISABLED",
|
|
137
|
-
"
|
|
158
|
+
"FADE_DISABLED",
|
|
138
159
|
"NEUTRAL",
|
|
139
|
-
"
|
|
140
|
-
"NEUTRAL_LIGHT",
|
|
160
|
+
"FADE_NEUTRAL",
|
|
141
161
|
"WHITE",
|
|
162
|
+
"FADE_WHITE",
|
|
163
|
+
"MAIN",
|
|
164
|
+
"FADE_MAIN",
|
|
142
165
|
"ACCENT",
|
|
166
|
+
"FADE_ACCENT",
|
|
143
167
|
"FONT",
|
|
168
|
+
"FADE_FONT",
|
|
169
|
+
"FADE_SUCCESS",
|
|
170
|
+
"FADE_INFO",
|
|
171
|
+
"FADE_WARNING",
|
|
172
|
+
"FADE_ERROR",
|
|
144
173
|
"DISABLED",
|
|
145
|
-
"
|
|
174
|
+
"FADE_DISABLED",
|
|
146
175
|
"NEUTRAL",
|
|
147
|
-
"
|
|
148
|
-
"NEUTRAL_LIGHT",
|
|
176
|
+
"FADE_NEUTRAL",
|
|
149
177
|
"TrilogyColor; fade: boolean; }"
|
|
150
178
|
]
|
|
151
179
|
},
|
|
@@ -28,28 +28,42 @@ export default {
|
|
|
28
28
|
"INFO",
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
|
-
"MAIN",
|
|
32
31
|
"WHITE",
|
|
32
|
+
"FADE_WHITE",
|
|
33
33
|
"MAIN",
|
|
34
|
+
"FADE_MAIN",
|
|
34
35
|
"ACCENT",
|
|
36
|
+
"FADE_ACCENT",
|
|
35
37
|
"FONT",
|
|
38
|
+
"FADE_FONT",
|
|
36
39
|
"SUCCESS",
|
|
40
|
+
"FADE_SUCCESS",
|
|
37
41
|
"INFO",
|
|
42
|
+
"FADE_INFO",
|
|
38
43
|
"WARNING",
|
|
44
|
+
"FADE_WARNING",
|
|
39
45
|
"ERROR",
|
|
46
|
+
"FADE_ERROR",
|
|
40
47
|
"DISABLED",
|
|
41
|
-
"
|
|
48
|
+
"FADE_DISABLED",
|
|
42
49
|
"NEUTRAL",
|
|
43
|
-
"
|
|
44
|
-
"NEUTRAL_LIGHT",
|
|
50
|
+
"FADE_NEUTRAL",
|
|
45
51
|
"WHITE",
|
|
52
|
+
"FADE_WHITE",
|
|
53
|
+
"MAIN",
|
|
54
|
+
"FADE_MAIN",
|
|
46
55
|
"ACCENT",
|
|
56
|
+
"FADE_ACCENT",
|
|
47
57
|
"FONT",
|
|
58
|
+
"FADE_FONT",
|
|
59
|
+
"FADE_SUCCESS",
|
|
60
|
+
"FADE_INFO",
|
|
61
|
+
"FADE_WARNING",
|
|
62
|
+
"FADE_ERROR",
|
|
48
63
|
"DISABLED",
|
|
49
|
-
"
|
|
64
|
+
"FADE_DISABLED",
|
|
50
65
|
"NEUTRAL",
|
|
51
|
-
"
|
|
52
|
-
"NEUTRAL_LIGHT",
|
|
66
|
+
"FADE_NEUTRAL",
|
|
53
67
|
"TrilogyColor; fade: boolean; }"
|
|
54
68
|
]
|
|
55
69
|
},
|
|
@@ -28,28 +28,42 @@ export default {
|
|
|
28
28
|
"INFO",
|
|
29
29
|
"WARNING",
|
|
30
30
|
"ERROR",
|
|
31
|
-
"MAIN",
|
|
32
31
|
"WHITE",
|
|
32
|
+
"FADE_WHITE",
|
|
33
33
|
"MAIN",
|
|
34
|
+
"FADE_MAIN",
|
|
34
35
|
"ACCENT",
|
|
36
|
+
"FADE_ACCENT",
|
|
35
37
|
"FONT",
|
|
38
|
+
"FADE_FONT",
|
|
36
39
|
"SUCCESS",
|
|
40
|
+
"FADE_SUCCESS",
|
|
37
41
|
"INFO",
|
|
42
|
+
"FADE_INFO",
|
|
38
43
|
"WARNING",
|
|
44
|
+
"FADE_WARNING",
|
|
39
45
|
"ERROR",
|
|
46
|
+
"FADE_ERROR",
|
|
40
47
|
"DISABLED",
|
|
41
|
-
"
|
|
48
|
+
"FADE_DISABLED",
|
|
42
49
|
"NEUTRAL",
|
|
43
|
-
"
|
|
44
|
-
"NEUTRAL_LIGHT",
|
|
50
|
+
"FADE_NEUTRAL",
|
|
45
51
|
"WHITE",
|
|
52
|
+
"FADE_WHITE",
|
|
53
|
+
"MAIN",
|
|
54
|
+
"FADE_MAIN",
|
|
46
55
|
"ACCENT",
|
|
56
|
+
"FADE_ACCENT",
|
|
47
57
|
"FONT",
|
|
58
|
+
"FADE_FONT",
|
|
59
|
+
"FADE_SUCCESS",
|
|
60
|
+
"FADE_INFO",
|
|
61
|
+
"FADE_WARNING",
|
|
62
|
+
"FADE_ERROR",
|
|
48
63
|
"DISABLED",
|
|
49
|
-
"
|
|
64
|
+
"FADE_DISABLED",
|
|
50
65
|
"NEUTRAL",
|
|
51
|
-
"
|
|
52
|
-
"NEUTRAL_LIGHT"
|
|
66
|
+
"FADE_NEUTRAL"
|
|
53
67
|
]
|
|
54
68
|
},
|
|
55
69
|
"testId": {
|
|
@@ -35,28 +35,42 @@ export default {
|
|
|
35
35
|
"INFO",
|
|
36
36
|
"WARNING",
|
|
37
37
|
"ERROR",
|
|
38
|
-
"MAIN",
|
|
39
38
|
"WHITE",
|
|
39
|
+
"FADE_WHITE",
|
|
40
40
|
"MAIN",
|
|
41
|
+
"FADE_MAIN",
|
|
41
42
|
"ACCENT",
|
|
43
|
+
"FADE_ACCENT",
|
|
42
44
|
"FONT",
|
|
45
|
+
"FADE_FONT",
|
|
43
46
|
"SUCCESS",
|
|
47
|
+
"FADE_SUCCESS",
|
|
44
48
|
"INFO",
|
|
49
|
+
"FADE_INFO",
|
|
45
50
|
"WARNING",
|
|
51
|
+
"FADE_WARNING",
|
|
46
52
|
"ERROR",
|
|
53
|
+
"FADE_ERROR",
|
|
47
54
|
"DISABLED",
|
|
48
|
-
"
|
|
55
|
+
"FADE_DISABLED",
|
|
49
56
|
"NEUTRAL",
|
|
50
|
-
"
|
|
51
|
-
"NEUTRAL_LIGHT",
|
|
57
|
+
"FADE_NEUTRAL",
|
|
52
58
|
"WHITE",
|
|
59
|
+
"FADE_WHITE",
|
|
60
|
+
"MAIN",
|
|
61
|
+
"FADE_MAIN",
|
|
53
62
|
"ACCENT",
|
|
63
|
+
"FADE_ACCENT",
|
|
54
64
|
"FONT",
|
|
65
|
+
"FADE_FONT",
|
|
66
|
+
"FADE_SUCCESS",
|
|
67
|
+
"FADE_INFO",
|
|
68
|
+
"FADE_WARNING",
|
|
69
|
+
"FADE_ERROR",
|
|
55
70
|
"DISABLED",
|
|
56
|
-
"
|
|
71
|
+
"FADE_DISABLED",
|
|
57
72
|
"NEUTRAL",
|
|
58
|
-
"
|
|
59
|
-
"NEUTRAL_LIGHT"
|
|
73
|
+
"FADE_NEUTRAL"
|
|
60
74
|
]
|
|
61
75
|
},
|
|
62
76
|
"pulledLeft": {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import React, { useEffect, useState } from "react";
|
|
1
|
+
import React, { useEffect, useState, createContext } from "react";
|
|
2
2
|
import clsx from "clsx";
|
|
3
3
|
import { CardMarkup } from "./CardProps";
|
|
4
4
|
import { has, is } from "../../services/classify";
|
|
5
5
|
import { getAlignClassName, getBackgroundClassName } from "../../objects";
|
|
6
6
|
import { hashClass } from "../../helpers";
|
|
7
7
|
import { useTrilogyContext } from "../../context";
|
|
8
|
+
export const CardContext = createContext({ horizontal: false });
|
|
8
9
|
/**
|
|
9
10
|
* Card Component
|
|
10
11
|
* @param flat {boolean} Adding border for Card content
|
|
@@ -33,7 +34,7 @@ const Card = React.forwardRef((props, ref) => {
|
|
|
33
34
|
const hoverStyle = {
|
|
34
35
|
cursor: "pointer",
|
|
35
36
|
};
|
|
36
|
-
const classes = hashClass(styled, clsx("card", background && has(getBackgroundClassName(background)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), flat && is("flat"), horizontal && [is("horizontal"), is("vcentered")], floating && is("floating"), align && is(getAlignClassName(align)), justify && is(justify), isLoading ? is("loading") : is("loaded"), reversed && is("reversed"), className, fullheight && is("fullheight"), active && is("active")));
|
|
37
|
+
const classes = hashClass(styled, clsx("card", background && has(getBackgroundClassName(background)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), flat && !floating && is("flat"), horizontal && [is("horizontal"), is("vcentered")], floating && !flat && is("floating"), align && is(getAlignClassName(align)), justify && is(justify), isLoading ? is("loading") : is("loaded"), reversed && is("reversed"), className, fullheight && is("fullheight"), active && is("active")));
|
|
37
38
|
if (markup === CardMarkup.A) {
|
|
38
39
|
return (React.createElement("a", { "data-testid": testId, href: to, onClick: (e) => {
|
|
39
40
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -64,7 +64,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
64
64
|
skeleton: {
|
|
65
65
|
width: "100%",
|
|
66
66
|
minHeight: 50,
|
|
67
|
-
backgroundColor: getColorStyle(TrilogyColor.
|
|
67
|
+
backgroundColor: getColorStyle(TrilogyColor.FADE_NEUTRAL),
|
|
68
68
|
overflow: "hidden",
|
|
69
69
|
borderRadius: cardRadius,
|
|
70
70
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC5C,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,aAAa,EAAE,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC;IACvC,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,EAAE,IAAI,EAAE;IACzB,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE,KAAK;CACd,CAAC,CAAA;AAEF;;;;;;;;;;;;;;;GAeG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,UAAU,EACV,MAAM,EACN,QAAQ,EACR,GAAG,MAAM,EACC,EAAe,EAAE;IAC3B,MAAM,WAAW,GAAG,MAAM,CAAA;IAC1B,MAAM,UAAU,GAAG,CAAC,CAAA;IACpB,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IACvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC9C,WAAW,EACT,CAAC,IAAI,IAAI,WAAW,CAAC;gBACrB,CAAC,MAAM,IAAI,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAC5C,aAAa;YACf,YAAY,EAAE,UAAU;YACxB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzB;QACD,UAAU,EAAE;YACV,aAAa,EAAE,KAAK;YACpB,QAAQ,EAAE,MAAM;SACjB;QACD,MAAM,EAAE;YACN,WAAW,EAAE,gBAAgB;YAC7B,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;YACrC,aAAa,EAAE,GAAG;YAClB,YAAY,EAAE,CAAC;YACf,SAAS,EAAE,CAAC;SACb;QACD,iBAAiB,EAAE;YACjB,WAAW,EAAE,CAAC;YACd,MAAM,EAAE,CAAC;YACT,OAAO,EAAE,EAAE;YACX,SAAS,EAAE,EAAE;SACd;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -168,28 +168,42 @@ export default {
|
|
|
168
168
|
"INFO",
|
|
169
169
|
"WARNING",
|
|
170
170
|
"ERROR",
|
|
171
|
-
"MAIN",
|
|
172
171
|
"WHITE",
|
|
172
|
+
"FADE_WHITE",
|
|
173
173
|
"MAIN",
|
|
174
|
+
"FADE_MAIN",
|
|
174
175
|
"ACCENT",
|
|
176
|
+
"FADE_ACCENT",
|
|
175
177
|
"FONT",
|
|
178
|
+
"FADE_FONT",
|
|
176
179
|
"SUCCESS",
|
|
180
|
+
"FADE_SUCCESS",
|
|
177
181
|
"INFO",
|
|
182
|
+
"FADE_INFO",
|
|
178
183
|
"WARNING",
|
|
184
|
+
"FADE_WARNING",
|
|
179
185
|
"ERROR",
|
|
186
|
+
"FADE_ERROR",
|
|
180
187
|
"DISABLED",
|
|
181
|
-
"
|
|
188
|
+
"FADE_DISABLED",
|
|
182
189
|
"NEUTRAL",
|
|
183
|
-
"
|
|
184
|
-
"NEUTRAL_LIGHT",
|
|
190
|
+
"FADE_NEUTRAL",
|
|
185
191
|
"WHITE",
|
|
192
|
+
"FADE_WHITE",
|
|
193
|
+
"MAIN",
|
|
194
|
+
"FADE_MAIN",
|
|
186
195
|
"ACCENT",
|
|
196
|
+
"FADE_ACCENT",
|
|
187
197
|
"FONT",
|
|
198
|
+
"FADE_FONT",
|
|
199
|
+
"FADE_SUCCESS",
|
|
200
|
+
"FADE_INFO",
|
|
201
|
+
"FADE_WARNING",
|
|
202
|
+
"FADE_ERROR",
|
|
188
203
|
"DISABLED",
|
|
189
|
-
"
|
|
204
|
+
"FADE_DISABLED",
|
|
190
205
|
"NEUTRAL",
|
|
191
|
-
"
|
|
192
|
-
"NEUTRAL_LIGHT",
|
|
206
|
+
"FADE_NEUTRAL",
|
|
193
207
|
"TrilogyColor; fade: boolean; }"
|
|
194
208
|
]
|
|
195
209
|
},
|
|
@@ -11,7 +11,6 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
11
11
|
* @param buttonClick {Function} Click event for Button
|
|
12
12
|
* @param text {string} Content text of Card
|
|
13
13
|
* @param onClick {Function} onClick Event for all content
|
|
14
|
-
* @param floating
|
|
15
14
|
* @param others
|
|
16
15
|
*/
|
|
17
16
|
declare const CardContent: {
|
|
@@ -15,7 +15,6 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
15
15
|
* @param buttonClick {Function} Click event for Button
|
|
16
16
|
* @param text {string} Content text of Card
|
|
17
17
|
* @param onClick {Function} onClick Event for all content
|
|
18
|
-
* @param floating
|
|
19
18
|
* @param others
|
|
20
19
|
*/
|
|
21
20
|
const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick, buttonVariant, onClick, ...others }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardContent.native.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE
|
|
1
|
+
{"version":3,"file":"CardContent.native.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,6 @@ import { CardImageProps } from "./CardImageProps";
|
|
|
8
8
|
* @param size Image Card size on horizontal align
|
|
9
9
|
* @param onClick {Function} onClick Event
|
|
10
10
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
11
|
-
* @param horizontal {boolean} Horizontal Card orientation
|
|
12
11
|
* @param contain {boolean} Resize mode contain
|
|
13
12
|
*/
|
|
14
13
|
declare const CardImage: ({ src, alt, className, size, onClick, ...others }: CardImageProps) => JSX.Element;
|
|
@@ -11,7 +11,6 @@ import { useTrilogyContext } from "../../../context";
|
|
|
11
11
|
* @param size Image Card size on horizontal align
|
|
12
12
|
* @param onClick {Function} onClick Event
|
|
13
13
|
* - -------------------------- NATIVE PROPERTIES -------------------------------
|
|
14
|
-
* @param horizontal {boolean} Horizontal Card orientation
|
|
15
14
|
* @param contain {boolean} Resize mode contain
|
|
16
15
|
*/
|
|
17
16
|
const CardImage = ({ src, alt, className, size, onClick, ...others }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C
|
|
1
|
+
{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;GASG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CACrD,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,OAAO;QAElB,gCAAQ,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAM,MAAM;YAC7D,gCAAS,EAAE,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAG,CAC1D,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -11,7 +11,7 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
11
11
|
* @param contain {boolean} Resize mode contain
|
|
12
12
|
*/
|
|
13
13
|
declare const CardImage: {
|
|
14
|
-
({ src, size, alt, onClick,
|
|
14
|
+
({ src, size, alt, onClick, contain, ...others }: CardImageProps): JSX.Element;
|
|
15
15
|
displayName: ComponentName;
|
|
16
16
|
};
|
|
17
17
|
export default CardImage;
|
|
@@ -11,7 +11,8 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
11
11
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
12
12
|
* @param contain {boolean} Resize mode contain
|
|
13
13
|
*/
|
|
14
|
-
const CardImage = ({ src, size, alt, onClick,
|
|
14
|
+
const CardImage = ({ src, size, alt, onClick, contain, ...others }) => {
|
|
15
|
+
const horizontal = useContext(CardContext).horizontal;
|
|
15
16
|
const maxSize = horizontal ? '50%' : '100%';
|
|
16
17
|
const [ratio, setRatio] = useState(1);
|
|
17
18
|
const cardContextValues = useContext(CardContext);
|