@trilogy-ds/react 0.0.1-beta-75 → 0.0.1-beta-77
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/alert/Alert.d.ts +1 -1
- package/lib/components/alert/Alert.js +2 -2
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +1 -1
- package/lib/components/alert/Alert.native.js +1 -1
- 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 +3 -3
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxPropsDefaults.js +1 -1
- package/lib/components/box/content/BoxContent.d.ts +2 -2
- package/lib/components/box/content/BoxContent.js +3 -3
- package/lib/components/box/content/BoxContent.js.map +1 -1
- package/lib/components/box/content/BoxContent.native.d.ts +2 -2
- package/lib/components/box/content/BoxContent.native.js +4 -4
- package/lib/components/box/content/BoxContent.native.js.map +1 -1
- package/lib/components/box/content/BoxContentPropsDefaults.js +1 -1
- package/lib/components/card/Card.d.ts +1 -1
- package/lib/components/card/Card.js +3 -3
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/Card.native.d.ts +2 -2
- package/lib/components/card/Card.native.js +5 -5
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +1 -1
- package/lib/components/container/Container.d.ts +2 -2
- package/lib/components/container/Container.js +3 -3
- package/lib/components/container/Container.js.map +1 -1
- package/lib/components/container/Container.native.d.ts +2 -2
- package/lib/components/container/Container.native.js +7 -7
- package/lib/components/container/Container.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +1 -1
- package/lib/components/hero/Hero.d.ts +2 -1
- package/lib/components/hero/Hero.js +3 -2
- package/lib/components/hero/Hero.js.map +1 -1
- package/lib/components/hero/Hero.native.d.ts +2 -2
- package/lib/components/hero/Hero.native.js +6 -6
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroPropsDefaults.js +1 -1
- package/lib/components/input/Input.js +5 -2
- package/lib/components/input/Input.js.map +1 -1
- package/lib/components/input/Input.native.js +2 -1
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/InputChangeEventDefaults.js +9 -0
- package/lib/components/input/InputClickEventDefaults.js +9 -0
- package/lib/components/input/InputKeyboardEventDefaults.js +9 -0
- package/lib/components/input/InputProps.d.ts +3 -0
- package/lib/components/popover/PopoverPropsDefaults.js +1 -1
- package/lib/components/popover/PopoverWebPropsDefaults.js +1 -1
- package/lib/components/section/Section.d.ts +1 -1
- package/lib/components/section/Section.js +3 -3
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/Section.native.d.ts +2 -2
- package/lib/components/section/Section.native.js +3 -3
- package/lib/components/section/Section.native.js.map +1 -1
- package/lib/components/section/SectionPropsDefaults.js +1 -1
- package/lib/components/view/View.d.ts +2 -2
- package/lib/components/view/View.js +3 -3
- package/lib/components/view/View.js.map +1 -1
- package/lib/components/view/View.native.d.ts +2 -2
- package/lib/components/view/View.native.js +3 -3
- package/lib/components/view/View.native.js.map +1 -1
- package/lib/components/view/ViewPropsDefaults.js +1 -1
- package/lib/hash.json +1 -1
- package/lib/objects/atoms/Background.d.ts +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import { AlertProps, ToasterStatusProps } from "./AlertProps";
|
|
|
5
5
|
* @param iconName {IconName} Custom icon
|
|
6
6
|
* @param title {string} Alert title content
|
|
7
7
|
* @param description {string|ReactNode} Alertt description content
|
|
8
|
-
* @param
|
|
8
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
9
9
|
* @param onClick {Function} onClick Event for all alert
|
|
10
10
|
* @param className {string} Additionnal CSS Classes
|
|
11
11
|
* @param display
|
|
@@ -57,7 +57,7 @@ const ToasterAlert = ({ props, ...others }) => {
|
|
|
57
57
|
* @param iconName {IconName} Custom icon
|
|
58
58
|
* @param title {string} Alert title content
|
|
59
59
|
* @param description {string|ReactNode} Alertt description content
|
|
60
|
-
* @param
|
|
60
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
61
61
|
* @param onClick {Function} onClick Event for all alert
|
|
62
62
|
* @param className {string} Additionnal CSS Classes
|
|
63
63
|
* @param display
|
|
@@ -74,7 +74,7 @@ const Alert = ({ status, className, iconName, title, description, onClick, displ
|
|
|
74
74
|
return (_a = getStatusIconName(status)) !== null && _a !== void 0 ? _a : IconName.INFOS_CIRCLE;
|
|
75
75
|
else
|
|
76
76
|
return IconName.INFOS_CIRCLE;
|
|
77
|
-
}, [iconName,
|
|
77
|
+
}, [iconName, status]);
|
|
78
78
|
if (display) {
|
|
79
79
|
return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
|
|
80
80
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../components/alert/Alert.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AACjE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAc,oBAAoB,EAAsB,MAAM,cAAc,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,cAAc,MAAM,WAAW,CAAA;AACtC,OAAO,EAAiB,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElE;;;GAGG;AACH,MAAM,YAAY,GAA4C,CAAC,EAAE,KAAK,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE;IACrF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IAChH,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;IAEhC,MAAM,WAAW,GAAkB;QACjC,GAAG,EAAE,MAAM,IAAI,CAAC;QAChB,QAAQ,EAAE,OAAO;KAClB,CAAA;IAED,MAAM,cAAc,GAAkB;QACpC,MAAM,EAAE,MAAM,IAAI,CAAC;QACnB,QAAQ,EAAE,OAAO;KAClB,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,SAAS,EAAE,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,CAC3F,CAAA;IAED,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAA;KACZ;IAED,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CACe,KAAK,CAAC,MAAM,EACzB,KAAK,EACH,CAAC,QAAQ,KAAK,oBAAoB,CAAC,GAAG,IAAI,WAAW,CAAC;gBACtD,CAAC,QAAQ,KAAK,oBAAoB,CAAC,MAAM,IAAI,cAAc,CAAC;gBAC5D,WAAW,EAEb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM,IAET,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,4CACe,KAAK,CAAC,MAAM,EACzB,KAAK,EACH,CAAC,QAAQ,KAAK,oBAAoB,CAAC,GAAG,IAAI,WAAW,CAAC;YACtD,CAAC,QAAQ,KAAK,oBAAoB,CAAC,MAAM,IAAI,cAAc,CAAC;YAC5D,WAAW,EAEb,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,KACd,MAAM;QAET,QAAQ,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI;QAC3D,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,KAAK,IAAI,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,GAAG,IAAG,KAAK,CAAS;YACvD,WAAW,IAAI,oBAAC,IAAI,QAAE,WAAW,CAAQ,CACtC;QACL,QAAQ,IAAI,oBAAC,IAAI,IAAC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,KAAK,GAAI,CAC5G,CACP,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,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,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS,CAAC,CAChF,CAAA;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACnC,IAAI,QAAQ,IAAI,IAAI;YAAE,OAAO,QAAQ,CAAA;aAChC,IAAI,MAAM;YAAE,OAAO,MAAA,iBAAiB,CAAC,MAAM,CAAC,mCAAI,QAAQ,CAAC,YAAY,CAAA;;YACrE,OAAO,QAAQ,CAAC,YAAY,CAAA;IACnC,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEtB,IAAI,OAAO,EAAE;QACX,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAEV,oBAAC,IAAI,IAAC,IAAI,EAAE,SAAS,GAAI;YACzB,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC5C,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9C,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,GAAG,IAAG,KAAK,CAAS,CAC/C,CAAC,CAAC,CAAC,CACF,KAAK,CACN;gBACA,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1D,oBAAC,IAAI,QAAE,WAAW,CAAQ,CAC3B,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACG,CACF,CACP,CAAA;KACF;IACD,OAAO,gCAAO,CAAA;AAChB,CAAC,CAAA;AAED;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAAsB,EAAe,EAAE;IACpF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA4B,IAAI,CAAC,CAAA;IACjF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAA;IAC9C,MAAM,OAAO,GAAG,MAAM,CAAwC,IAAI,CAAC,CAAA;IAEnE,MAAM,SAAS,GAAG,CAAC,MAA0B,EAAE,EAAE;QAC/C,eAAe,CAAC,MAAM,CAAC,CAAA;QACvB,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,GAAG,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA;QACtE,OAAO,CAAC,OAAO,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAChC,eAAe,CAAC,IAAI,CAAC,CAAA;QACvB,CAAC,EAAE,QAAQ,CAAC,CAAA;IACd,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK,CAAC,CAAC,CAAA;IAEvC,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,IAAI,EAAE;QAClE,QAAQ;QACT,oBAAC,YAAY,IACX,KAAK,EAAE;gBACL,KAAK,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,KAAK;gBAC1B,WAAW,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW;gBACtC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ;gBAChC,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ;gBAChC,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;gBAC5B,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO;gBAC9B,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;gBAC5B,QAAQ,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ;gBAChC,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;gBAC5B,MAAM,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;aAC7B,GACD,CACsB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
6
6
|
* @param iconName {IconName} Custom icon
|
|
7
7
|
* @param title {string} Alert title content
|
|
8
8
|
* @param description {string|ReactNode} Aleert description content
|
|
9
|
-
* @param
|
|
9
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
10
10
|
* @param info (boolean) Small info alert use it without button and arrow
|
|
11
11
|
* @param onClick {Function} onClick Event for all alert
|
|
12
12
|
*/
|
|
@@ -34,7 +34,7 @@ const showToast = (params) => {
|
|
|
34
34
|
* @param iconName {IconName} Custom icon
|
|
35
35
|
* @param title {string} Alert title content
|
|
36
36
|
* @param description {string|ReactNode} Aleert description content
|
|
37
|
-
* @param
|
|
37
|
+
* @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
|
|
38
38
|
* @param info (boolean) Small info alert use it without button and arrow
|
|
39
39
|
* @param onClick {Function} onClick Event for all alert
|
|
40
40
|
*/
|
|
@@ -5,7 +5,7 @@ import { BoxProps } from "./BoxProps";
|
|
|
5
5
|
* @param children {React.ReactNode} Box child
|
|
6
6
|
* @param onClick {Function} onClick Event
|
|
7
7
|
* @param skeleton {boolean} Box skeleton
|
|
8
|
-
* @param
|
|
8
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
9
9
|
* @param inverted {boolean} Inverted Box Color
|
|
10
10
|
* @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
|
|
11
11
|
* @param shadowless {boolean} Remove box shadow
|
|
@@ -21,5 +21,5 @@ import { BoxProps } from "./BoxProps";
|
|
|
21
21
|
* @param fullheight
|
|
22
22
|
* @param others
|
|
23
23
|
*/
|
|
24
|
-
declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to,
|
|
24
|
+
declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
|
|
25
25
|
export default Box;
|
|
@@ -11,7 +11,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
11
11
|
* @param children {React.ReactNode} Box child
|
|
12
12
|
* @param onClick {Function} onClick Event
|
|
13
13
|
* @param skeleton {boolean} Box skeleton
|
|
14
|
-
* @param
|
|
14
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
15
15
|
* @param inverted {boolean} Inverted Box Color
|
|
16
16
|
* @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
|
|
17
17
|
* @param shadowless {boolean} Remove box shadow
|
|
@@ -27,10 +27,10 @@ import { useTrilogyContext } from "../../context";
|
|
|
27
27
|
* @param fullheight
|
|
28
28
|
* @param others
|
|
29
29
|
*/
|
|
30
|
-
const Box = ({ inverted, children, className, onClick, markup, skeleton, to,
|
|
30
|
+
const Box = ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
|
|
31
31
|
const { styled } = useTrilogyContext();
|
|
32
32
|
const [isLoading, setIsLoading] = useState(skeleton || false);
|
|
33
|
-
const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className,
|
|
33
|
+
const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), isLoading ? is("loading") : is("loaded"), highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
|
|
34
34
|
useEffect(() => {
|
|
35
35
|
setIsLoading(skeleton || false);
|
|
36
36
|
}, [skeleton]);
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../components/box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
6
6
|
* @param children {React.ReactNode} Childrens
|
|
7
7
|
* @param onClick {Function} onClick Event
|
|
8
8
|
* @param skeleton {boolean} Box skeleton
|
|
9
|
-
* @param
|
|
9
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
10
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
|
|
@@ -20,7 +20,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
20
20
|
* @param others
|
|
21
21
|
*/
|
|
22
22
|
declare const Box: {
|
|
23
|
-
({ children, onClick, skeleton, highlighted, testId, shadowless,
|
|
23
|
+
({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
|
|
24
24
|
displayName: ComponentName;
|
|
25
25
|
};
|
|
26
26
|
export default Box;
|
|
@@ -10,7 +10,7 @@ import { StatesContext } from "../../context/providerStates";
|
|
|
10
10
|
* @param children {React.ReactNode} Childrens
|
|
11
11
|
* @param onClick {Function} onClick Event
|
|
12
12
|
* @param skeleton {boolean} Box skeleton
|
|
13
|
-
* @param
|
|
13
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
14
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
|
|
@@ -23,14 +23,14 @@ import { StatesContext } from "../../context/providerStates";
|
|
|
23
23
|
* @param active {boolean} Activated box
|
|
24
24
|
* @param others
|
|
25
25
|
*/
|
|
26
|
-
const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless,
|
|
26
|
+
const Box = ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, 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;
|
|
30
30
|
const styles = StyleSheet.create({
|
|
31
31
|
box: {
|
|
32
32
|
width: "100%",
|
|
33
|
-
backgroundColor:
|
|
33
|
+
backgroundColor: backgroundColor ? getBackgroundStyle(backgroundColor) : colorBgc,
|
|
34
34
|
borderRadius: boxRadius,
|
|
35
35
|
flexDirection: "row",
|
|
36
36
|
justifyContent: "flex-start",
|
|
@@ -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,WAAW,EACX,MAAM,EACN,UAAU,EACV,
|
|
1
|
+
{"version":3,"file":"Box.native.js","sourceRoot":"","sources":["../../../components/box/Box.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,10 +3,10 @@ import { BoxContentProps } from "./BoxContentProps";
|
|
|
3
3
|
/**
|
|
4
4
|
* Box Content
|
|
5
5
|
* @param children {React.ReactNode} Box Content Children
|
|
6
|
-
* @param
|
|
6
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
7
7
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
8
8
|
* @param className {string} Additionnal CSS Classes
|
|
9
9
|
* @param testId test id
|
|
10
10
|
*/
|
|
11
|
-
declare const BoxContent: ({ children, className,
|
|
11
|
+
declare const BoxContent: ({ children, className, backgroundColor, testId, ...others }: BoxContentProps) => JSX.Element;
|
|
12
12
|
export default BoxContent;
|
|
@@ -7,14 +7,14 @@ import { useTrilogyContext } from "../../../context";
|
|
|
7
7
|
/**
|
|
8
8
|
* Box Content
|
|
9
9
|
* @param children {React.ReactNode} Box Content Children
|
|
10
|
-
* @param
|
|
10
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
11
11
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
12
12
|
* @param className {string} Additionnal CSS Classes
|
|
13
13
|
* @param testId test id
|
|
14
14
|
*/
|
|
15
|
-
const BoxContent = ({ children, className,
|
|
15
|
+
const BoxContent = ({ children, className, backgroundColor, testId, ...others }) => {
|
|
16
16
|
const { styled } = useTrilogyContext();
|
|
17
|
-
const classes = hashClass(styled, clsx("box-content",
|
|
17
|
+
const classes = hashClass(styled, clsx("box-content", backgroundColor && has(getBackgroundClassName(backgroundColor)), className));
|
|
18
18
|
return (React.createElement("div", { "data-testid": testId, className: classes, ...others }, children));
|
|
19
19
|
};
|
|
20
20
|
export default BoxContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoxContent.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"BoxContent.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAA;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAA;AACnE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,eAAe,EACf,MAAM,EACN,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,aAAa,EACb,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,SAAS,CACV,CACF,CAAA;IACD,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,IACrD,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
|
|
@@ -4,10 +4,10 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
4
4
|
/**
|
|
5
5
|
* Box Content Component
|
|
6
6
|
* @param children {React.ReactNode} Childrens
|
|
7
|
-
* @param
|
|
7
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
8
8
|
*/
|
|
9
9
|
declare const BoxContent: {
|
|
10
|
-
({ children,
|
|
10
|
+
({ children, backgroundColor, ...others }: BoxContentProps): JSX.Element;
|
|
11
11
|
displayName: ComponentName;
|
|
12
12
|
};
|
|
13
13
|
export default BoxContent;
|
|
@@ -5,15 +5,15 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
5
5
|
/**
|
|
6
6
|
* Box Content Component
|
|
7
7
|
* @param children {React.ReactNode} Childrens
|
|
8
|
-
* @param
|
|
8
|
+
* @param backgroundColor {TrilogyColor} Box Content Background Color
|
|
9
9
|
*/
|
|
10
|
-
const BoxContent = ({ children,
|
|
10
|
+
const BoxContent = ({ children, backgroundColor, ...others }) => {
|
|
11
11
|
const styles = StyleSheet.create({
|
|
12
12
|
boxContent: {
|
|
13
13
|
padding: 16,
|
|
14
14
|
justifyContent: "center",
|
|
15
|
-
backgroundColor:
|
|
16
|
-
? getBackgroundStyle(
|
|
15
|
+
backgroundColor: backgroundColor
|
|
16
|
+
? getBackgroundStyle(backgroundColor)
|
|
17
17
|
: "transparent",
|
|
18
18
|
borderRadius: 6,
|
|
19
19
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"BoxContent.native.js","sourceRoot":"","sources":["../../../../components/box/content/BoxContent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,eAAe,EACf,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,UAAU,EAAE;YACV,OAAO,EAAE,EAAE;YACX,cAAc,EAAE,QAAQ;YACxB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC;gBACrC,CAAC,CAAC,aAAa;YACjB,YAAY,EAAE,CAAC;SAChB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,KAAM,MAAM,IACzC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,QAAE,QAAQ,CAAQ,CACxB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
|
|
@@ -7,7 +7,7 @@ export declare const CardContext: React.Context<{
|
|
|
7
7
|
* Card Component
|
|
8
8
|
* @param flat {boolean} Adding border for Card content
|
|
9
9
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
10
|
-
* @param
|
|
10
|
+
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
11
11
|
* @param inverted {boolean} Inverted Card Color
|
|
12
12
|
* @param floating {boolean} Floating card
|
|
13
13
|
* @param onClick {Function} onClick Event
|
|
@@ -10,7 +10,7 @@ export const CardContext = createContext({ horizontal: false });
|
|
|
10
10
|
* Card Component
|
|
11
11
|
* @param flat {boolean} Adding border for Card content
|
|
12
12
|
* @param horizontal {boolean} Horizontal Card orientation
|
|
13
|
-
* @param
|
|
13
|
+
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
14
14
|
* @param inverted {boolean} Inverted Card Color
|
|
15
15
|
* @param floating {boolean} Floating card
|
|
16
16
|
* @param onClick {Function} onClick Event
|
|
@@ -25,7 +25,7 @@ export const CardContext = createContext({ horizontal: false });
|
|
|
25
25
|
* @param markup {BoxMarkup} Clickable Card => CardMarkup.A Not clickable box => CardMarkup.DIV || null
|
|
26
26
|
*/
|
|
27
27
|
const Card = React.forwardRef((props, ref) => {
|
|
28
|
-
const { className,
|
|
28
|
+
const { className, backgroundColor, backgroundSrc, inverted, flat, horizontal, floating, align, justify, skeleton, onClick, reversed, testId, markup, to, fullheight, active, ...others } = props;
|
|
29
29
|
const [isLoading, setIsLoading] = useState(skeleton || false);
|
|
30
30
|
const { styled } = useTrilogyContext();
|
|
31
31
|
useEffect(() => {
|
|
@@ -34,7 +34,7 @@ const Card = React.forwardRef((props, ref) => {
|
|
|
34
34
|
const hoverStyle = {
|
|
35
35
|
cursor: "pointer",
|
|
36
36
|
};
|
|
37
|
-
const classes = hashClass(styled, clsx("card",
|
|
37
|
+
const classes = hashClass(styled, clsx("card", backgroundColor && has(getBackgroundClassName(backgroundColor)), 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")));
|
|
38
38
|
if (markup === CardMarkup.A) {
|
|
39
39
|
return (React.createElement("a", { "data-testid": testId, href: to, onClick: (e) => {
|
|
40
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,aAAa,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,UAAU,EAAa,MAAM,aAAa,CAAA;AACnD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AACrE,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAA;AAE/D;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAiC,EAAE,EAAE;IACpF,MAAM,EACJ,SAAS,EACT,
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../components/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export declare const CardContext: React.Context<{
|
|
|
17
17
|
* @param onClick {Function} onClick Event
|
|
18
18
|
* @param skeleton {boolean} Loading card
|
|
19
19
|
* @param reversed {boolean} Reversed card
|
|
20
|
-
* @param
|
|
20
|
+
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
21
21
|
* @param inverted {boolean} Inverted Card Color
|
|
22
22
|
* @param backgroundColor
|
|
23
23
|
* @param fullheight {boolean}
|
|
@@ -25,7 +25,7 @@ export declare const CardContext: React.Context<{
|
|
|
25
25
|
* @param others
|
|
26
26
|
*/
|
|
27
27
|
declare const Card: {
|
|
28
|
-
({ children, flat, horizontal, floating, onClick, skeleton,
|
|
28
|
+
({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor, reversed, fullheight, active, inverted, ...others }: CardProps): JSX.Element;
|
|
29
29
|
displayName: ComponentName;
|
|
30
30
|
};
|
|
31
31
|
export default Card;
|
|
@@ -21,14 +21,14 @@ export const CardContext = createContext({
|
|
|
21
21
|
* @param onClick {Function} onClick Event
|
|
22
22
|
* @param skeleton {boolean} Loading card
|
|
23
23
|
* @param reversed {boolean} Reversed card
|
|
24
|
-
* @param
|
|
24
|
+
* @param backgroundColor {TrilogyColor} Card Background Color
|
|
25
25
|
* @param inverted {boolean} Inverted Card Color
|
|
26
26
|
* @param backgroundColor
|
|
27
27
|
* @param fullheight {boolean}
|
|
28
28
|
* @param active {boolean} Activated box
|
|
29
29
|
* @param others
|
|
30
30
|
*/
|
|
31
|
-
const Card = ({ children, flat, horizontal, floating, onClick, skeleton,
|
|
31
|
+
const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor, reversed, fullheight, active, inverted, ...others }) => {
|
|
32
32
|
const borderColor = "#ccc";
|
|
33
33
|
const cardRadius = 6;
|
|
34
34
|
const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
|
|
@@ -41,7 +41,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
41
41
|
(active && getColorStyle(TrilogyColor.MAIN)) ||
|
|
42
42
|
"transparent",
|
|
43
43
|
borderRadius: cardRadius,
|
|
44
|
-
backgroundColor:
|
|
44
|
+
backgroundColor: backgroundColor ? getBackgroundStyle(backgroundColor) : colorBgc,
|
|
45
45
|
flex: fullheight ? 1 : 0,
|
|
46
46
|
},
|
|
47
47
|
horizontal: {
|
|
@@ -92,7 +92,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
92
92
|
return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
93
93
|
React.createElement(CardContext.Provider, { value: {
|
|
94
94
|
floating: floating || false,
|
|
95
|
-
backgroundColor:
|
|
95
|
+
backgroundColor: backgroundColor || "white",
|
|
96
96
|
horizontal: horizontal || false,
|
|
97
97
|
reversed: reversed || false,
|
|
98
98
|
active: active || false,
|
|
@@ -101,7 +101,7 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
|
|
|
101
101
|
React.createElement(TouchableOpacity, { testID: "card-click-test", style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
|
|
102
102
|
React.createElement(CardContext.Provider, { value: {
|
|
103
103
|
floating: floating || false,
|
|
104
|
-
backgroundColor:
|
|
104
|
+
backgroundColor: backgroundColor || "white",
|
|
105
105
|
horizontal: horizontal || false,
|
|
106
106
|
reversed: reversed || false,
|
|
107
107
|
active: active || false,
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Card.native.js","sourceRoot":"","sources":["../../../components/card/Card.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ import { ContainerProps } from "./ContainerProps";
|
|
|
8
8
|
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
9
9
|
* @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
|
|
10
10
|
* @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
|
|
11
|
-
* @param
|
|
11
|
+
* @param backgroundColor {TrilogyColor} Container STICKY Background Color
|
|
12
12
|
* @param pulledRight {Boolean} Container pulled to right
|
|
13
13
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
14
14
|
* @param fluid {boolean} Make the container usable across the width of your section
|
|
@@ -16,5 +16,5 @@ import { ContainerProps } from "./ContainerProps";
|
|
|
16
16
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
17
17
|
* @param className {string} Additionnal CSS Classes
|
|
18
18
|
*/
|
|
19
|
-
declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom,
|
|
19
|
+
declare const Container: ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }: ContainerProps) => JSX.Element;
|
|
20
20
|
export default Container;
|
|
@@ -12,7 +12,7 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
|
|
|
12
12
|
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
13
13
|
* @param stickyOffSetTop {Number} Set top of sticky container (transformed in px)
|
|
14
14
|
* @param stickyOffSetBottom {Number} Set bottom of sticky container (transformed in px)
|
|
15
|
-
* @param
|
|
15
|
+
* @param backgroundColor {TrilogyColor} Container STICKY Background Color
|
|
16
16
|
* @param pulledRight {Boolean} Container pulled to right
|
|
17
17
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
18
18
|
* @param fluid {boolean} Make the container usable across the width of your section
|
|
@@ -20,7 +20,7 @@ import { getBackgroundClassName, StickyPosition } from "../../objects";
|
|
|
20
20
|
* - -------------------------- WEB PROPERTIES -------------------------------
|
|
21
21
|
* @param className {string} Additionnal CSS Classes
|
|
22
22
|
*/
|
|
23
|
-
const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom,
|
|
23
|
+
const Container = ({ className, fluid, centered, verticalCentered, medium, fullwidth, sticky, stickyOffSetTop, stickyOffSetBottom, backgroundColor, backgroundSrc, inverted, pulledRight, pulledLeft, ...others }) => {
|
|
24
24
|
const { styled } = useTrilogyContext();
|
|
25
25
|
const stickyClassName = () => {
|
|
26
26
|
switch (sticky) {
|
|
@@ -32,7 +32,7 @@ const Container = ({ className, fluid, centered, verticalCentered, medium, fullw
|
|
|
32
32
|
return "";
|
|
33
33
|
}
|
|
34
34
|
};
|
|
35
|
-
const classes = hashClass(styled, clsx("container", fluid && is("fluid"), medium && is("medium"), centered && is("centered"), fullwidth && is("fullwidth"), verticalCentered && is("vcentered"), pulledRight && is("pulled-right"), pulledLeft && is("pulled-left"), sticky && stickyClassName(),
|
|
35
|
+
const classes = hashClass(styled, clsx("container", fluid && is("fluid"), medium && is("medium"), centered && is("centered"), fullwidth && is("fullwidth"), verticalCentered && is("vcentered"), pulledRight && is("pulled-right"), pulledLeft && is("pulled-left"), sticky && stickyClassName(), backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has('background'), inverted && is('inverted'), className));
|
|
36
36
|
const styles = {
|
|
37
37
|
top: stickyOffSetTop,
|
|
38
38
|
bottom: stickyOffSetBottom,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../components/container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,sBAAsB,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAElE;;;;;;;;;;;;;;;GAeG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,QAAQ,EACR,WAAW,EACX,UAAU,EACV,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,cAAc,CAAC,GAAG;gBACrB,OAAO,EAAE,CAAC,YAAY,CAAC,CAAA;YACzB,KAAK,cAAc,CAAC,MAAM;gBACxB,OAAO,EAAE,CAAC,eAAe,CAAC,CAAA;YAC5B;gBACE,OAAO,EAAE,CAAA;SACZ;IACH,CAAC,CAAA;IAED,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,WAAW,EACX,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EACtB,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,gBAAgB,IAAI,EAAE,CAAC,WAAW,CAAC,EACnC,WAAW,IAAI,EAAE,CAAC,cAAc,CAAC,EACjC,UAAU,IAAI,EAAE,CAAC,aAAa,CAAC,EAC/B,MAAM,IAAI,eAAe,EAAE,EAC3B,eAAe,IAAI,GAAG,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC,EAC/D,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CACV,CACF,CAAA;IAED,MAAM,MAAM,GAAG;QACb,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,kBAAkB;KAC3B,CAAA;IAED,OAAO,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,EAAE,KAAK,EAAE,MAAM,GAAI,CAAA;AAC/D,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -10,12 +10,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
10
10
|
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
11
11
|
* @param stickyOffSetTop {Number | string} Set top of sticky container
|
|
12
12
|
* @param stickyOffSetBottom {Number | string} Set bottom of sticky container
|
|
13
|
-
* @param
|
|
13
|
+
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
14
14
|
* @param pulledRight {Boolean} Container pulled to right
|
|
15
15
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
16
16
|
*/
|
|
17
17
|
declare const Container: {
|
|
18
|
-
({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight,
|
|
18
|
+
({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
|
|
19
19
|
displayName: ComponentName;
|
|
20
20
|
};
|
|
21
21
|
export default Container;
|
|
@@ -11,11 +11,11 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
11
11
|
* @param sticky {StickyPosition} Container sticky top / bottom
|
|
12
12
|
* @param stickyOffSetTop {Number | string} Set top of sticky container
|
|
13
13
|
* @param stickyOffSetBottom {Number | string} Set bottom of sticky container
|
|
14
|
-
* @param
|
|
14
|
+
* @param backgroundColor {TrilogyColor} Container sticky Background Color
|
|
15
15
|
* @param pulledRight {Boolean} Container pulled to right
|
|
16
16
|
* @param pulledLeft {Boolean} Container pulled to left
|
|
17
17
|
*/
|
|
18
|
-
const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight,
|
|
18
|
+
const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, backgroundColor, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
|
|
19
19
|
const styles = StyleSheet.create({
|
|
20
20
|
container: {
|
|
21
21
|
width: "100%",
|
|
@@ -29,12 +29,12 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
|
|
|
29
29
|
"stretch",
|
|
30
30
|
justifyContent: verticalCentered ? "center" : "flex-start",
|
|
31
31
|
flex: verticalCentered ? 1 : 0,
|
|
32
|
-
backgroundColor:
|
|
32
|
+
backgroundColor: backgroundColor && getBackgroundStyle(backgroundColor),
|
|
33
33
|
},
|
|
34
34
|
stickyTop: {
|
|
35
35
|
position: "absolute",
|
|
36
|
-
backgroundColor:
|
|
37
|
-
? getBackgroundStyle(
|
|
36
|
+
backgroundColor: backgroundColor
|
|
37
|
+
? getBackgroundStyle(backgroundColor)
|
|
38
38
|
: getColorStyle(TrilogyColor.BACKGROUND),
|
|
39
39
|
left: 0,
|
|
40
40
|
right: 0,
|
|
@@ -43,8 +43,8 @@ const Container = ({ children, centered, verticalCentered, paddingless, vertical
|
|
|
43
43
|
zIndex: 999,
|
|
44
44
|
},
|
|
45
45
|
stickyBottom: {
|
|
46
|
-
backgroundColor:
|
|
47
|
-
? getBackgroundStyle(
|
|
46
|
+
backgroundColor: backgroundColor
|
|
47
|
+
? getBackgroundStyle(backgroundColor)
|
|
48
48
|
: getColorStyle(TrilogyColor.BACKGROUND),
|
|
49
49
|
width: "100%",
|
|
50
50
|
position: "absolute",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;GAYG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,
|
|
1
|
+
{"version":3,"file":"Container.native.js","sourceRoot":"","sources":["../../../components/container/Container.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,cAAc,EAAE,YAAY,GAAG,MAAM,WAAW,CAAA;AAC5F,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;;;;GAYG;AAEH,MAAM,SAAS,GAAG,CAAC,EACjB,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,mBAAmB,EACnB,UAAU,EACV,WAAW,EACX,eAAe,EACf,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,GAAG,MAAM,EACM,EAAe,EAAE;IAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACvD,aAAa,EAAE,WAAW,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAC1D,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YAClC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACjC,UAAU,EACR,CAAC,QAAQ,IAAI,QAAQ,CAAC;gBACtB,CAAC,UAAU,IAAI,YAAY,CAAC;gBAC5B,CAAC,WAAW,IAAI,UAAU,CAAC;gBAC3B,SAAS;YACX,cAAc,EAAE,gBAAgB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY;YAC1D,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC9B,eAAe,EAAE,eAAe,IAAI,kBAAkB,CAAC,eAAe,CAAC;SACxE;QAED,SAAS,EAAE;YACT,QAAQ,EAAE,UAAU;YACpB,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC;gBACrC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,GAAG,EAAE,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,GAAG;SACZ;QACD,YAAY,EAAE;YACZ,eAAe,EAAE,eAAe;gBAC9B,CAAC,CAAC,kBAAkB,CAAC,eAAe,CAAC;gBACrC,CAAC,CAAC,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC;YAC1C,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;YACR,MAAM,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,EAAE,GAAG;SACZ;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EACH,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC;YACnD,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,YAAY,CAAC;YACzD,MAAM,CAAC,SAAS,KAEd,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
|