@trilogy-ds/react 0.0.1-beta-71 → 0.0.1-beta-74
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 +8 -8
- 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 +3 -3
- package/lib/components/box/content/BoxContentPropsDefaults.js +1 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +1 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +1 -1
- 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/CardPropsDefaults.js +1 -1
- 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 +1 -3
- 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 +1 -1
- 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 +3 -3
- 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/HeroPropsDefaults.js +1 -1
- package/lib/components/icon/IconPropsDefaults.js +1 -1
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +1 -1
- package/lib/components/input/Input.d.ts +3 -2
- package/lib/components/input/Input.js +10 -3
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/Input.native.d.ts +3 -1
- package/lib/components/input/Input.native.js +33 -22
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/InputProps.d.ts +2 -3
- package/lib/components/input/InputPropsDefaults.js +8 -17
- package/lib/components/input/autocomplete/AutoCompletePropsDefaults.js +8 -17
- 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/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.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +7 -7
- 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/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 +1 -1
- 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 +1 -17
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- 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 +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +2 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +1 -1
- package/lib/components/textarea/Textarea.d.ts +3 -3
- package/lib/components/textarea/Textarea.js +11 -6
- package/lib/components/textarea/Textarea.js.map +1 -1
- package/lib/components/textarea/Textarea.native.js +25 -11
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/textarea/TextareaProps.d.ts +2 -0
- 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/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 +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/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":"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,WAAW,EACX,UAAU,EACV,aAAa,EACb,MAAM,EACN,IAAI,EACJ,GAAG,EACH,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IACtE,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,KAAK,EACL,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,IAAI,EAAE,CAAC,MAAM,CAAC,EAC1C,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,WAAW,IAAI,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,EAAE,EAC3E,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,EAClB,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,EACjB,UAAU,IAAI,EAAE,CAAC,YAAY,CAAC,EAC9B,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,CACvB,CACF,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,IAAI,MAAM,KAAK,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;QAChC,OAAO,CACL,0CACe,MAAM,EACnB,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACd,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM,IAET,QAAQ,CACP,CACL,CAAA;KACF;IAED,MAAM,UAAU,GAAwB;QACtC,MAAM,EAAE,SAAS;KAClB,CAAA;IAED,OAAO,CACL,6BACE,KAAK,EAAE,OAAO,IAAI,EAAE,GAAG,UAAU,EAAE,iBACtB,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM,KACN,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE;gBACL,eAAe,EAAE,OAAO,aAAa,GAAG;gBACxC,cAAc,EAAE,OAAO;gBACvB,kBAAkB,EAAE,KAAK;aAC1B;SACF,CAAC,IAED,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
|
|
@@ -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;
|
|
@@ -62,13 +62,13 @@ const Box = ({ children, onClick, skeleton, leftBorder, testId, shadowless, back
|
|
|
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":"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,WAAW,EACX,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,IAAI,EACJ,GAAG,EACH,UAAU,EACV,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,QAAQ,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IACvD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAA;IACnB,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,GAAG,EAAE;YACH,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,QAAQ;YACvE,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,YAAY;YAC5B,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YACvC,WAAW,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC9C,WAAW,EAAE,MAAM;gBACjB,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;gBACrC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC;YACvC,SAAS,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;YACvB,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACzB;QACD,MAAM,EAAE,UAAU;YAChB,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACE,WAAW,EAAE,MAAM;gBACnB,YAAY,EAAE;oBACZ,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;iBACV;gBACD,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,IAAI;gBAClB,SAAS,EAAE,CAAC;aACb;QACL,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,EAAE;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,aAAa,EAAE,CAAC,CAAC;YAC7D,QAAQ,EAAE,QAAQ;YAClB,YAAY,EAAE,SAAS;SACxB;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,CAAC;YACR,oBAAoB,EAAE,SAAS;YAC/B,uBAAuB,EAAE,SAAS;YAClC,MAAM,EAAE,SAAS;YACjB,eAAe,EAAE,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,WAAgD,CAAC,CAAC,CAAC,CAAC,aAAa;SAE/G;QACD,MAAM,EAAE;YACN,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;SACd;QACD,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,GAAG;YACd,SAAS,EAAE,GAAG;YACd,MAAM,EAAE,MAAM;SACf;QACD,aAAa,EAAE,EAAE;QACjB,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,SAAS,GAAG,MAAM,IAAI,cAAc,CAAA;IAE1C,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,CACxB,oBAAC,aAAa,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,KAAM,MAAM,EAAE,MAAM,EAAC,UAAU;QAClE,oBAAC,IAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAQ;QAE7C,QAAQ,CAAC,EAAE,KAAK,SAAS,IAAI,CAC5B,oBAAC,IAAI;YACH,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CAC9C,CACR,CACa,CACjB,CAAA;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,oBAAC,WAAW,OAAG,CAAA;KACvB;IAED,IAAI,OAAO,EAAE;QACX,OAAO,CACL,oBAAC,gBAAgB,IACf,OAAO,EAAE,CAAC,CAAW,EAAE,EAAE,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC;YACtC,8DAA8D;YAC9D,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAG,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,KAAK,CAAC,EACnE,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAClB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;gBAC3C,YAAY,CAAC,MAAM,CAAC,CAAA;YACtB,CAAC,EACD,MAAM,EAAE,SAAS,IAEhB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,UAAU,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EACvC,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;gBAC/B,CAAC,CAAC,aAAa;gBACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;YAG3B,OAAO,CAAC,WAAW,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI;YAC5D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;gBAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACT,CACnB,CAAC,CAAC,CAAC,CACF;YACG,OAAO,CAAC,WAAW,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI;YAC5D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;gBAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACxB,CACJ,CACgB,CACpB,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAA;YAC3C,YAAY,CAAC,MAAM,CAAC,CAAA;QACtB,CAAC;QACD,8DAA8D;QAC9D,KAAK,EAAE,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,IAAI,MAAM,CAAC,MAAM,EAAG,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,KAAK,CAAC,EACnE,MAAM,EAAE,SAAS,IAEhB,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,eAAe,IACd,UAAU,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,EACvC,KAAK,EAAE,MAAM,CAAC,QAAQ,EACtB,MAAM,EACJ,OAAO,aAAa,KAAK,QAAQ;YAC/B,CAAC,CAAC,aAAa;YACf,CAAC,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE;QAG3B,OAAO,CAAC,WAAW,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI;QAC5D,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YAE/D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CACT,CACnB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;QAE9D,OAAO,CAAC,WAAW,CAAC,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAI;QAC5D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,IAAG,QAAQ,CAAQ,CACtB,CAC1B,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,GAAG,CAAC,WAAW,GAAG,aAAa,CAAC,GAAG,CAAA;AAEnC,eAAe,GAAG,CAAA"}
|
|
@@ -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,7 +53,6 @@ export default {
|
|
|
53
53
|
"INFO",
|
|
54
54
|
"WARNING",
|
|
55
55
|
"ERROR",
|
|
56
|
-
"MAIN",
|
|
57
56
|
"WHITE",
|
|
58
57
|
"MAIN",
|
|
59
58
|
"ACCENT",
|
|
@@ -68,6 +67,7 @@ export default {
|
|
|
68
67
|
"NEUTRAL_DARK",
|
|
69
68
|
"NEUTRAL_LIGHT",
|
|
70
69
|
"WHITE",
|
|
70
|
+
"MAIN",
|
|
71
71
|
"ACCENT",
|
|
72
72
|
"FONT",
|
|
73
73
|
"DISABLED",
|
|
@@ -124,7 +124,6 @@ export default {
|
|
|
124
124
|
"INFO",
|
|
125
125
|
"WARNING",
|
|
126
126
|
"ERROR",
|
|
127
|
-
"MAIN",
|
|
128
127
|
"WHITE",
|
|
129
128
|
"MAIN",
|
|
130
129
|
"ACCENT",
|
|
@@ -139,6 +138,7 @@ export default {
|
|
|
139
138
|
"NEUTRAL_DARK",
|
|
140
139
|
"NEUTRAL_LIGHT",
|
|
141
140
|
"WHITE",
|
|
141
|
+
"MAIN",
|
|
142
142
|
"ACCENT",
|
|
143
143
|
"FONT",
|
|
144
144
|
"DISABLED",
|
|
@@ -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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"}
|
|
@@ -168,7 +168,6 @@ export default {
|
|
|
168
168
|
"INFO",
|
|
169
169
|
"WARNING",
|
|
170
170
|
"ERROR",
|
|
171
|
-
"MAIN",
|
|
172
171
|
"WHITE",
|
|
173
172
|
"MAIN",
|
|
174
173
|
"ACCENT",
|
|
@@ -183,6 +182,7 @@ export default {
|
|
|
183
182
|
"NEUTRAL_DARK",
|
|
184
183
|
"NEUTRAL_LIGHT",
|
|
185
184
|
"WHITE",
|
|
185
|
+
"MAIN",
|
|
186
186
|
"ACCENT",
|
|
187
187
|
"FONT",
|
|
188
188
|
"DISABLED",
|
|
@@ -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);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardImage.native.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;GAQG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"CardImage.native.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,10 +7,9 @@ import { ChipsProps } from "./ChipsProps";
|
|
|
7
7
|
* @param onClick {Function} onClick Event for all Chips
|
|
8
8
|
* @param active {boolean} active Render Chips Active
|
|
9
9
|
* @param disabled {boolean} Disabled chips
|
|
10
|
-
* @param inverted {boolean} inverted chips - white
|
|
11
10
|
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
11
|
* @param className {string} Additionnal CSS Classes
|
|
13
12
|
* @param others
|
|
14
13
|
*/
|
|
15
|
-
declare const Chips: ({ className, onClick, children, active, disabled, id,
|
|
14
|
+
declare const Chips: ({ className, onClick, children, active, disabled, id, testId, ...others }: ChipsProps) => JSX.Element;
|
|
16
15
|
export default Chips;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { is } from "../../services";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { hashClass } from "../../helpers";
|
|
5
5
|
import { useTrilogyContext } from "../../context";
|
|
6
|
-
import { getColorClassName, TrilogyColor } from "../../objects/facets/Color";
|
|
7
6
|
/**
|
|
8
7
|
* Chips Component - has to be in a ChipsList component
|
|
9
8
|
* @param children {string} Chips content
|
|
@@ -11,15 +10,14 @@ import { getColorClassName, TrilogyColor } from "../../objects/facets/Color";
|
|
|
11
10
|
* @param onClick {Function} onClick Event for all Chips
|
|
12
11
|
* @param active {boolean} active Render Chips Active
|
|
13
12
|
* @param disabled {boolean} Disabled chips
|
|
14
|
-
* @param inverted {boolean} inverted chips - white
|
|
15
13
|
* * - -------------------------- WEB PROPERTIES -------------------------------
|
|
16
14
|
* @param className {string} Additionnal CSS Classes
|
|
17
15
|
* @param others
|
|
18
16
|
*/
|
|
19
|
-
const Chips = ({ className, onClick, children, active, disabled, id,
|
|
17
|
+
const Chips = ({ className, onClick, children, active, disabled, id, testId, ...others }) => {
|
|
20
18
|
const { styled } = useTrilogyContext();
|
|
21
|
-
const classes = hashClass(styled, clsx("chips", active && is("active"),
|
|
22
|
-
return (React.createElement("button", { ...{ disabled: disabled }, "aria-disabled": disabled, "data-testid": testId, id: id, "aria-
|
|
19
|
+
const classes = hashClass(styled, clsx("chips", active && is("active"), className));
|
|
20
|
+
return (React.createElement("button", { ...{ disabled: disabled }, "aria-disabled": disabled, "data-testid": testId, id: id, "aria-pressed": !!active, className: classes, onClick: (e) => {
|
|
23
21
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
24
22
|
}, ...others }, children));
|
|
25
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../../components/chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,
|
|
1
|
+
{"version":3,"file":"Chips.js","sourceRoot":"","sources":["../../../components/chips/Chips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAO,EAAE,EAAE,MAAM,YAAY,CAAA;AAEpC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAG7C;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,EAAE,EACF,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,OAAO,EACP,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,mCACM,EAAE,QAAQ,EAAE,QAAQ,EAAE,mBACX,QAAQ,iBACV,MAAM,EACnB,EAAE,EAAE,EAAE,kBACQ,CAAC,CAAC,MAAM,EACtB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;QACd,CAAC,KACG,MAAM,IAET,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -8,10 +8,9 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
8
8
|
* @param onClick {Function} onClick Event for all Chips
|
|
9
9
|
* @param active {boolean} active Render Chips Active
|
|
10
10
|
* @param disabled {boolean} Disabled chips
|
|
11
|
-
* @param inverted {boolean} Background color
|
|
12
11
|
*/
|
|
13
12
|
declare const Chips: {
|
|
14
|
-
({ children, onClick, disabled, active,
|
|
13
|
+
({ children, onClick, disabled, active, ...others }: ChipsProps): JSX.Element;
|
|
15
14
|
displayName: ComponentName;
|
|
16
15
|
};
|
|
17
16
|
export default Chips;
|
|
@@ -13,9 +13,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
13
13
|
* @param onClick {Function} onClick Event for all Chips
|
|
14
14
|
* @param active {boolean} active Render Chips Active
|
|
15
15
|
* @param disabled {boolean} Disabled chips
|
|
16
|
-
* @param inverted {boolean} Background color
|
|
17
16
|
*/
|
|
18
|
-
const Chips = ({ children, onClick, disabled, active,
|
|
17
|
+
const Chips = ({ children, onClick, disabled, active, ...others }) => {
|
|
19
18
|
const [activeItem, setActiveItem] = useState(active || false);
|
|
20
19
|
const chipsContext = useContext(ChipsContext);
|
|
21
20
|
useEffect(() => {
|
|
@@ -25,7 +24,6 @@ const Chips = ({ children, onClick, disabled, active, inverted, ...others }) =>
|
|
|
25
24
|
chips: {
|
|
26
25
|
backgroundColor: (disabled && getColorStyle(TrilogyColor.NEUTRAL_LIGHT)) ||
|
|
27
26
|
(activeItem && getColorStyle(TrilogyColor.MAIN)) ||
|
|
28
|
-
(inverted && getColorStyle(TrilogyColor.BACKGROUND)) ||
|
|
29
27
|
getColorStyle(TrilogyColor.BACKGROUND),
|
|
30
28
|
borderRadius: 30,
|
|
31
29
|
paddingLeft: 12,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chips.native.js","sourceRoot":"","sources":["../../../components/chips/Chips.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAyB,UAAU,EAAE,gBAAgB,GAAG,MAAM,cAAc,CAAA;AAEnF,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE
|
|
1
|
+
{"version":3,"file":"Chips.native.js","sourceRoot":"","sources":["../../../components/chips/Chips.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const ChipsList = React.forwardRef((props, ref) => {
|
|
|
12
12
|
const { children, multiple, ...others } = props;
|
|
13
13
|
const { styled } = useTrilogyContext();
|
|
14
14
|
const classes = hashClass(styled, clsx("chips-list", multiple && is("multiple")));
|
|
15
|
-
return (React.createElement("div", { ref: ref, role:
|
|
15
|
+
return (React.createElement("div", { ref: ref, role: 'group', className: classes, ...others }, children));
|
|
16
16
|
});
|
|
17
17
|
export default ChipsList;
|
|
18
18
|
//# sourceMappingURL=ChipsList.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAoC,EAAE,EAAE;IACjG,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,
|
|
1
|
+
{"version":3,"file":"ChipsList.js","sourceRoot":"","sources":["../../../../components/chips/list/ChipsList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAqB,EAAE,GAAoC,EAAE,EAAE;IACjG,MAAM,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC/C,CAAA;IAED,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,OAAO,KAAM,MAAM,IACvD,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}
|
|
@@ -13,7 +13,6 @@ import { ColumnsProps } from "./ColumnsProps";
|
|
|
13
13
|
* @param multiline {boolean} Multiline Columns
|
|
14
14
|
* @param className {string} Additionnal CSS Classes
|
|
15
15
|
* @param mobile {boolean} Responsive mode
|
|
16
|
-
* @param flex {boolean} Flex direction
|
|
17
16
|
*/
|
|
18
17
|
declare const Columns: React.ForwardRefExoticComponent<ColumnsProps & React.RefAttributes<HTMLDivElement>>;
|
|
19
18
|
export default Columns;
|
|
@@ -16,12 +16,11 @@ import { useTrilogyContext } from "../../context";
|
|
|
16
16
|
* @param multiline {boolean} Multiline Columns
|
|
17
17
|
* @param className {string} Additionnal CSS Classes
|
|
18
18
|
* @param mobile {boolean} Responsive mode
|
|
19
|
-
* @param flex {boolean} Flex direction
|
|
20
19
|
*/
|
|
21
20
|
const Columns = React.forwardRef((props, ref) => {
|
|
22
|
-
const { className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize,
|
|
21
|
+
const { className, multiline, inlined, mobile, centered, verticalCentered, gapless, marginSize, ...others } = props;
|
|
23
22
|
const { styled } = useTrilogyContext();
|
|
24
|
-
const classes = hashClass(styled, clsx("columns", multiline && is("multiline"), inlined && is("inlined"), mobile && is("mobile"), centered && is("centered"), verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)],
|
|
23
|
+
const classes = hashClass(styled, clsx("columns", multiline && is("multiline"), inlined && is("inlined"), mobile && is("mobile"), centered && is("centered"), verticalCentered && is("vcentered"), !marginSize && gapless && is("gapless"), !gapless && marginSize && [is("variable"), is(`${marginSize}`)], className));
|
|
25
24
|
return React.createElement("div", { ref: ref, className: classes, ...others });
|
|
26
25
|
});
|
|
27
26
|
export default Columns;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.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":"Columns.js","sourceRoot":"","sources":["../../../components/columns/Columns.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;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAoC,EAAE,EAAE;IAC5F,MAAM,EACJ,SAAS,EACT,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,OAAO,EACP,UAAU,EACV,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,SAAS,EACT,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,CAAC,UAAU,IAAI,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EACvC,CAAC,OAAO,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,CAAC,EAC/D,SAAS,CACV,CACF,CAAA;IAED,OAAO,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,GAAI,CAAA;AAC1D,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
|