@trilogy-ds/react 0.0.1-beta-83 → 0.0.1-beta-86

package/lib/components/modal/Modal.d.ts

@@ -23,14 +23,9 @@ import { ModalProps } from './ModalProps';
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
  * @param panel {boolean} Panel Side Modal
- * @param ariaLabelButtonClose {string} aria-label of button close
- * @param ariaLabelCta {string} aria-label of button action
- * @param titleButtonClose {string} title of button close
- * @param ariaLabelButtonOpen {string} aria-label of open button modal
- * @param titleButtonOpen {string} title of open button modal
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} If bottom
  * @param swipable {boolean} Swipable Native Modal
  */
-declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, titleButtonClose, ...others }: ModalProps) => JSX.Element;
+declare const Modal: ({ children, className, contentClassNames, accessibilityLabel, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaCancelContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ...others }: ModalProps) => JSX.Element;
 export default Modal;

package/lib/components/modal/Modal.js

@@ -11,7 +11,6 @@ import { ModalMarkup } from './ModalEnum';
 import ModalTitle from './title/ModalTitle';
 const idDescription = shortid.generate();
 const idTitle = shortid.generate();
-const idModal = shortid.generate();
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -35,20 +34,14 @@ const idModal = shortid.generate();
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
  * @param panel {boolean} Panel Side Modal
- * @param ariaLabelButtonClose {string} aria-label of button close
- * @param ariaLabelCta {string} aria-label of button action
- * @param titleButtonClose {string} title of button close
- * @param ariaLabelButtonOpen {string} aria-label of open button modal
- * @param titleButtonOpen {string} title of open button modal
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} If bottom
  * @param swipable {boolean} Swipable Native Modal
  */
-const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = 'button is-primary', ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, titleButtonClose, ...others }) => {
+const Modal = ({ children, className, contentClassNames, accessibilityLabel = 'Close', active, title, content, triggerMarkup, triggerContent, triggerClassNames = 'button is-primary', ctaContent, ctaCancelContent = 'Close', ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ...others }) => {
     const modal = useRef(null);
     const [display, setDisplay] = useState(active || false);
     const { styled } = useTrilogyContext();
-    const ariaControls = `${idModal}-modal`;
     const refsActions = useRef([]);
     const refBtnModal = useRef(null);
     const [, setIndexFocusable] = useState(0);
@@ -78,7 +71,7 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
             document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [display, disableHandlingClickOutside]);
-    const classes = React.useMemo(() => hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className)), [active, display, panel, className, styled]);
+    const classes = React.useMemo(() => hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className)), [display, panel, className, styled]);
     const contentClasses = React.useMemo(() => hashClass(styled, clsx('modal-content', contentClassNames)), [contentClassNames, styled]);
     const footerClasses = React.useMemo(() => clsx('modal-footer', footerClassNames), [footerClassNames, styled]);
     function handleClose(onCloseFunc, e) {
@@ -120,22 +113,24 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
         }
     }, [refsActions.current.length, display]);
     return (React.createElement("div", { "data-testid": testId, onKeyDown: onKeyDown },
-        triggerContent && (React.createElement(TriggerTag, { "aria-haspopup": 'dialog', ref: refBtnModal, "aria-controls": ariaControls, onClick: (e) => {
+        triggerContent && (React.createElement(TriggerTag, { "aria-haspopup": 'dialog', ref: refBtnModal, onClick: (e) => {
                 handleOpen(onOpen, e);
             }, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
-        React.createElement("div", { className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined, "aria-labelledby": title ? idTitle : undefined, "aria-describedby": content ? idDescription : undefined, ...others },
+        React.createElement("div", { className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined, "aria-labelledby": title ? idTitle : undefined, ...others },
             React.createElement("div", { ref: modal, className: contentClasses },
-                closeIcon && (React.createElement("button", { onClick: (e) => {
-                        handleClose(onClose, e);
-                    }, className: hashClass(styled, clsx('modal-close', is('large'))), "aria-label": 'close', type: ButtonType.BUTTON, title: titleButtonClose, "aria-controls": ariaControls, ref: (el) => el && (refsActions.current[0] = el) })),
-                (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName, ...{ textId: idTitle } }, title)),
-                content && typeof content === 'string' ? React.createElement(Text, { ...{ id: idDescription } }, content) : content,
-                children != null && children,
+                (closeIcon || title || iconName) && (React.createElement("div", { className: hashClass(styled, clsx('modal-header')) },
+                    closeIcon && (React.createElement("button", { onClick: (e) => {
+                            handleClose(onClose, e);
+                        }, className: hashClass(styled, clsx('modal-close', is('large'))), type: ButtonType.BUTTON, ref: (el) => el && (refsActions.current[0] = el) }, accessibilityLabel && React.createElement("span", { className: 'sr-only' }, accessibilityLabel))),
+                    (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName, ...{ textId: idTitle } }, title)))),
+                (content || (children != null && children)) && (React.createElement("div", { className: hashClass(styled, clsx('modal-body')) },
+                    content && typeof content === 'string' ? React.createElement(Text, { ...{ id: idDescription } }, content) : content,
+                    children != null && children)),
                 React.createElement(ModalFooter, { className: footerClasses }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
                     ctaCancelOnClick && (React.createElement("button", { onClick: (e) => {
                             handleClose(ctaCancelOnClick, e);
-                        }, className: hashClass(styled, clsx('button', is('secondary'))), "aria-controls": ariaControls, ref: (el) => (refsActions.current[1] = el) }, "Annuler")),
-                    ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), title: ctaContent, "aria-controls": ariaControls, ref: (el) => (refsActions.current[2] = el), onClick: ctaOnClick },
+                        }, className: hashClass(styled, clsx('button', is('secondary'))), ref: (el) => (refsActions.current[1] = el) }, ctaCancelContent)),
+                    ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), title: ctaContent, ref: (el) => (refsActions.current[2] = el), onClick: ctaOnClick },
                         React.createElement("span", { className: 'sr-only' },
                             " ",
                             ctaContent)))))) ||

package/lib/components/modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../components/modal/Modal.tsx"],"names":[],"mappings":"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"}

package/lib/components/modal/ModalProps.d.ts

@@ -27,6 +27,7 @@ export interface ModalProps extends Clipped, Fullwidth, Accessibility {
     triggerClassNames?: string;
     triggerMarkup?: ModalMarkup | ModalMarkupValues;
     ctaContent?: string;
+    ctaCancelContent?: string;
     closeIcon?: boolean;
     ctaOnClick?: ClickEvent;
     ctaCancelOnClick?: ClickEvent;
@@ -37,5 +38,4 @@ export interface ModalProps extends Clipped, Fullwidth, Accessibility {
     onModalHide?: () => void;
     disableHandlingClickOutside?: boolean;
     swipable?: boolean;
-    titleButtonClose?: string;
 }

package/lib/components/modal/ModalPropsDefaults.js

@@ -202,6 +202,13 @@ export default {
       "string"
     ]
   },
+  "ctaCancelContent": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "closeIcon": {
     "type": "boolean",
     "values": [
@@ -277,13 +284,6 @@ export default {
       "true"
     ]
   },
-  "titleButtonClose": {
-    "type": "string",
-    "values": [
-      "undefined",
-      "string"
-    ]
-  },
   "clipped": {
     "type": "boolean",
     "values": [

package/lib/components/styleComponent/default/index.d.ts

@@ -0,0 +1 @@
+export { default as StyleComponent } from './styleComponent';

package/lib/components/styleComponent/default/index.js

@@ -0,0 +1,2 @@
+export { default as StyleComponent } from './styleComponent';
+//# sourceMappingURL=index.js.map

package/lib/components/styleComponent/default/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/styleComponent/default/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA"}

package/lib/components/styleComponent/default/styleComponent.d.ts

@@ -0,0 +1,6 @@
+import '@trilogy-ds/styles/dist/default/trilogy.css';
+import { ReactNode } from 'react';
+declare const StyleComponent: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponent;

package/lib/components/styleComponent/default/styleComponent.js

@@ -0,0 +1,7 @@
+import '@trilogy-ds/styles/dist/default/trilogy.css';
+import React from 'react';
+const StyleComponent = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponent;
+//# sourceMappingURL=styleComponent.js.map

package/lib/components/styleComponent/default/styleComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleComponent.js","sourceRoot":"","sources":["../../../../components/styleComponent/default/styleComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAA;AACpD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAe,EAAE;IAC5E,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/components/styleComponent/default/styleComponent.native.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const StyleComponent: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponent;

package/lib/components/styleComponent/default/styleComponent.native.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const StyleComponent = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponent;
+//# sourceMappingURL=styleComponent.native.js.map

package/lib/components/styleComponent/default/styleComponent.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleComponent.native.js","sourceRoot":"","sources":["../../../../components/styleComponent/default/styleComponent.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAe,EAAE;IAC5E,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/components/styleComponent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './default';
+export * from './mangled';

package/lib/components/styleComponent/index.js

@@ -0,0 +1,3 @@
+export * from './default';
+export * from './mangled';
+//# sourceMappingURL=index.js.map

package/lib/components/styleComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/styleComponent/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,WAAW,CAAA"}

package/lib/components/styleComponent/mangled/index.d.ts

@@ -0,0 +1 @@
+export { default as StyleComponentMangled } from './styleComponentMangled';

package/lib/components/styleComponent/mangled/index.js

@@ -0,0 +1,2 @@
+export { default as StyleComponentMangled } from './styleComponentMangled';
+//# sourceMappingURL=index.js.map

package/lib/components/styleComponent/mangled/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/styleComponent/mangled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,yBAAyB,CAAA"}

package/lib/components/styleComponent/mangled/styleComponentMangled.d.ts

@@ -0,0 +1,6 @@
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+import { ReactNode } from 'react';
+declare const StyleComponentMangled: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponentMangled;

package/lib/components/styleComponent/mangled/styleComponentMangled.js

@@ -0,0 +1,7 @@
+import '@trilogy-ds/styles/dist/default/trilogy-mangled.css';
+import React from 'react';
+const StyleComponentMangled = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponentMangled;
+//# sourceMappingURL=styleComponentMangled.js.map

package/lib/components/styleComponent/mangled/styleComponentMangled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleComponentMangled.js","sourceRoot":"","sources":["../../../../components/styleComponent/mangled/styleComponentMangled.tsx"],"names":[],"mappings":"AAAA,OAAO,qDAAqD,CAAA;AAC5D,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAe,EAAE;IACnF,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/components/styleComponent/mangled/styleComponentMangled.native.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+declare const StyleComponentMangled: ({ children }: {
+    children: ReactNode;
+}) => JSX.Element;
+export default StyleComponentMangled;

package/lib/components/styleComponent/mangled/styleComponentMangled.native.js

@@ -0,0 +1,6 @@
+import React from 'react';
+const StyleComponentMangled = ({ children }) => {
+    return React.createElement(React.Fragment, null, children);
+};
+export default StyleComponentMangled;
+//# sourceMappingURL=styleComponentMangled.native.js.map

package/lib/components/styleComponent/mangled/styleComponentMangled.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleComponentMangled.native.js","sourceRoot":"","sources":["../../../../components/styleComponent/mangled/styleComponentMangled.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAe,EAAE;IACnF,OAAO,0CAAG,QAAQ,CAAI,CAAA;AACxB,CAAC,CAAA;AAED,eAAe,qBAAqB,CAAA"}

package/lib/context/index.d.ts

@@ -1,7 +1,9 @@
-import * as React from "react";
+import * as React from 'react';
 interface ITrilogyContext {
     styled: boolean;
     setStyled: (e: boolean) => void;
+    hash?: string;
+    setHash?: React.Dispatch<React.SetStateAction<string>>;
 }
 declare const TrilogyContext: React.Context<ITrilogyContext>;
 declare const useTrilogyContext: () => ITrilogyContext;

package/lib/context/index.js

@@ -1,4 +1,4 @@
-import * as React from "react";
+import * as React from 'react';
 const TrilogyContext = React.createContext({
     styled: false,
     setStyled: () => undefined,
@@ -6,7 +6,7 @@ const TrilogyContext = React.createContext({
 const useTrilogyContext = () => {
     const context = React.useContext(TrilogyContext);
     if (context === undefined) {
-        throw new Error("useTrilogyContext must be used within a TrilogyProvider");
+        throw new Error('useTrilogyContext must be used within a TrilogyProvider');
     }
     return context;
 };

package/lib/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC1D,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;KAC3E;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../context/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAkB;IAC1D,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS;CAC3B,CAAC,CAAA;AAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;IAC7B,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAA;IAChD,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAA;KAC3E;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAA"}

package/lib/context/provider.native.d.ts

@@ -1 +1,4 @@
-export declare const TrilogyProvider: () => void;
+import { ReactNode } from 'react';
+export declare const TrilogyProvider: ({ children }: {
+    children: ReactNode;
+}) => ReactNode;

package/lib/context/provider.native.js

@@ -1,4 +1,4 @@
-export const TrilogyProvider = () => {
-    return;
+export const TrilogyProvider = ({ children }) => {
+    return children;
 };
 //# sourceMappingURL=provider.native.js.map

package/lib/context/provider.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"provider.native.js","sourceRoot":"","sources":["../../context/provider.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAClC,OAAM;AACR,CAAC,CAAA"}
+{"version":3,"file":"provider.native.js","sourceRoot":"","sources":["../../context/provider.native.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IACvE,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/context/providerStyled.d.ts

@@ -1,12 +1,14 @@
-import * as React from "react";
+import * as React from 'react';
 interface TrilogyProviderStyledProps {
     children: React.ReactNode;
-    theme?: string;
+    theme?: 'default' | 'mangled' | 'none';
+    hash?: string;
 }
 /**
  * Trilogy Provider With Style
  * @param children App
- * @param theme (optionnal) Url of stylesheet customisation
+ * @param theme (optionnal) 'default'| 'mangled' |'none' style
+ * @param hash (optionnal) hash for html class
  */
-declare const TrilogyProviderStyled: ({ children, theme, }: TrilogyProviderStyledProps) => JSX.Element;
+declare const TrilogyProviderStyled: ({ children, theme, hash: HASH, }: TrilogyProviderStyledProps) => JSX.Element;
 export { TrilogyProviderStyled };

package/lib/context/providerStyled.js

@@ -1,29 +1,32 @@
-"use client";
-import * as React from "react";
-import { TrilogyContext } from "./index";
+'use client';
+import * as React from 'react';
+import hashJSON from '../hash.json';
+import { TrilogyContext } from './index';
 /**
  * Trilogy Provider With Style
  * @param children App
- * @param theme (optionnal) Url of stylesheet customisation
+ * @param theme (optionnal) 'default'| 'mangled' |'none' style
+ * @param hash (optionnal) hash for html class
  */
-const TrilogyProviderStyled = ({ children, theme, }) => {
+const TrilogyProviderStyled = ({ children, theme = 'default', hash: HASH = hashJSON.HASH, }) => {
     const [styled, setStyled] = React.useState(false);
-    React.useEffect(() => {
-        if (theme) {
-            const link = document.createElement("link");
-            link.href = theme;
-            link.rel = "stylesheet";
-            link.type = "text/css";
-            document.head.appendChild(link);
-            return () => {
-                document.head.removeChild(link);
-            };
+    const [hash, setHash] = React.useState(HASH);
+    const StyleComponent = React.useMemo(() => {
+        switch (true) {
+            case theme === 'mangled' && hash === hashJSON.HASH:
+                setStyled(true);
+                return React.lazy(() => import('../components/styleComponent/mangled/styleComponentMangled'));
+            case theme === 'mangled' && hash !== hashJSON.HASH:
+                setStyled(true);
+                return undefined;
+            case theme === 'default':
+                return React.lazy(() => import('../components/styleComponent/default/styleComponent'));
+            default:
+                return undefined;
         }
-        else if (!theme) {
-            import("@trilogy-ds/styles/dist/default/trilogy.css");
-        }
-    }, [theme]);
-    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children));
+    }, [theme, hash]);
+    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled, hash, setHash } }, StyleComponent ? (React.createElement(React.Suspense, { fallback: null },
+        React.createElement(StyleComponent, null, children))) : (children)));
 };
 export { TrilogyProviderStyled };
 //# sourceMappingURL=providerStyled.js.map

package/lib/context/providerStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerStyled.js","sourceRoot":"","sources":["../../context/providerStyled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAOxC;;;;GAIG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GACsB,EAAe,EAAE;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE1D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,EAAE;YACT,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YAC3C,IAAI,CAAC,IAAI,GAAG,KAAK,CAAA;YACjB,IAAI,CAAC,GAAG,GAAG,YAAY,CAAA;YACvB,IAAI,CAAC,IAAI,GAAG,UAAU,CAAA;YAEtB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAE/B,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YACjC,CAAC,CAAA;SACF;aAAM,IAAI,CAAC,KAAK,EAAE;YACjB,MAAM,CAAC,6CAA6C,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAClD,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}
+{"version":3,"file":"providerStyled.js","sourceRoot":"","sources":["../../context/providerStyled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,QAAQ,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAQxC;;;;;GAKG;AACH,MAAM,qBAAqB,GAAG,CAAC,EAC7B,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,IAAI,EAAE,IAAI,GAAG,QAAQ,CAAC,IAAI,GACC,EAAe,EAAE;IAC5C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAA;IAC1D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,IAAI,CAAC,CAAA;IAEpD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,QAAQ,IAAI,EAAE;YACZ,KAAK,KAAK,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,2DAA2D,CAAC,CAAC,CAAA;YAE9F,KAAK,KAAK,KAAK,SAAS,IAAI,IAAI,KAAK,QAAQ,CAAC,IAAI;gBAChD,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,OAAO,SAAS,CAAA;YAElB,KAAK,KAAK,KAAK,SAAS;gBACtB,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,oDAAoD,CAAC,CAAC,CAAA;YAEvF;gBACE,OAAO,SAAS,CAAA;SACnB;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjB,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IACjE,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;QAC5B,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CAC5B,CAClB,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACuB,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/lib/context/providerStyled.native.d.ts

@@ -1 +1,4 @@
-export declare const TrilogyProviderStyled: () => void;
+import { ReactNode } from 'react';
+export declare const TrilogyProviderStyled: ({ children }: {
+    children: ReactNode;
+}) => ReactNode;

package/lib/context/providerStyled.native.js

@@ -1,4 +1,4 @@
-export const TrilogyProviderStyled = () => {
-    return;
+export const TrilogyProviderStyled = ({ children }) => {
+    return children;
 };
 //# sourceMappingURL=providerStyled.native.js.map

package/lib/context/providerStyled.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerStyled.native.js","sourceRoot":"","sources":["../../context/providerStyled.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,OAAM;AACR,CAAC,CAAA"}
+{"version":3,"file":"providerStyled.native.js","sourceRoot":"","sources":["../../context/providerStyled.native.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC7E,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/context/providerTheme.d.ts

@@ -1,10 +1,12 @@
-import React, { Dispatch, SetStateAction } from "react";
-import { ITrilogyTheme } from "./interfaces";
+import React, { Dispatch, ReactNode, SetStateAction } from 'react';
+import { ITrilogyTheme } from './interfaces';
 export declare const defaultTheme: ITrilogyTheme;
 interface ITrilogyThemeContext {
     theme: ITrilogyTheme;
     setTheme: Dispatch<SetStateAction<ITrilogyTheme>>;
 }
 export declare const TrilogyThemeContext: React.Context<ITrilogyThemeContext>;
-export declare const TrilogyThemeProvider: () => React.JSX.Element;
+export declare const TrilogyThemeProvider: ({ children }: {
+    children: ReactNode;
+}) => React.ReactNode;
 export {};

package/lib/context/providerTheme.js

@@ -1,16 +1,15 @@
-import React from "react";
+import React from 'react';
 export const defaultTheme = {
     icons: {},
     colors: {},
-    fontFamily: {}
+    fontFamily: {},
 };
 const defaultContextValue = {
     theme: defaultTheme,
     setTheme: () => undefined,
 };
 export const TrilogyThemeContext = React.createContext(defaultContextValue);
-export const TrilogyThemeProvider = () => {
-    // eslint-disable-next-line react/jsx-no-useless-fragment
-    return React.createElement(React.Fragment, null);
+export const TrilogyThemeProvider = ({ children }) => {
+    return children;
 };
 //# sourceMappingURL=providerTheme.js.map

package/lib/context/providerTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"providerTheme.js","sourceRoot":"","sources":["../../context/providerTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAA;AAGvD,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACf,CAAA;AAOD,MAAM,mBAAmB,GAAG;IAC1B,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE;IACvC,yDAAyD;IACzD,OAAO,yCAAK,CAAA;AACd,CAAC,CAAA"}
+{"version":3,"file":"providerTheme.js","sourceRoot":"","sources":["../../context/providerTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAGlE,MAAM,CAAC,MAAM,YAAY,GAAkB;IACzC,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,UAAU,EAAE,EAAE;CACf,CAAA;AAOD,MAAM,mBAAmB,GAAG;IAC1B,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,KAAK,CAAC,aAAa,CAAuB,mBAAmB,CAAC,CAAA;AAEjG,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC5E,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/lib/helpers/hashClassesHelpers.js

@@ -1,16 +1,17 @@
-import hash from '../hash.json';
+import { useTrilogyContext } from '../context';
 /**
  * Used to hash classes if styled components
  * @param styled Apply only if styled props
  * @param classes String classes
  */
 export const hashClass = (styled = false, classes) => {
+    const { hash } = useTrilogyContext();
     if (classes.trim().length < 1)
         return '';
     if (styled) {
         return classes
             .split(' ')
-            .map((classe) => (classe = `${classe}__${hash.HASH}`))
+            .map((classe) => (classe = `${classe}__${hash}`))
             .join(' ');
     }
     return classes;

package/lib/helpers/hashClassesHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"hashClassesHelpers.js","sourceRoot":"","sources":["../../helpers/hashClassesHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAA;AAE/B;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,OAAe,EAAU,EAAE;IACnE,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IACxC,IAAI,MAAM,EAAE;QACV,OAAO,OAAO;aACX,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;aAC7D,IAAI,CAAC,GAAG,CAAC,CAAA;KACb;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"hashClassesHelpers.js","sourceRoot":"","sources":["../../helpers/hashClassesHelpers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;GAIG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,MAAM,GAAG,KAAK,EAAE,OAAe,EAAU,EAAE;IACnE,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEpC,IAAI,OAAO,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,EAAE,CAAA;IACxC,IAAI,MAAM,EAAE;QACV,OAAO,OAAO;aACX,KAAK,CAAC,GAAG,CAAC;aACV,GAAG,CAAC,CAAC,MAAc,EAAE,EAAE,CAAC,CAAC,MAAM,GAAG,GAAG,MAAM,KAAK,IAAI,EAAE,CAAC,CAAC;aACxD,IAAI,CAAC,GAAG,CAAC,CAAA;KACb;IACD,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-beta-83";
+export declare const version = "0.0.1-beta-86";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.1-beta-83";
+export const version = "0.0.1-beta-86";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta-83",
+  "version": "0.0.1-beta-86",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [

package/lib/context/providerStyledMangled.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import "@trilogy-ds/styles/dist/default/trilogy-mangled.css";
-/**
- * Trilogy Provider With Mangled Style
- * @param children App
- */
-declare const TrilogyProviderStyledMangled: ({ children, }: {
-    children: React.ReactNode;
-}) => JSX.Element;
-export { TrilogyProviderStyledMangled };

package/lib/context/providerStyledMangled.js

@@ -1,14 +0,0 @@
-"use client";
-import * as React from "react";
-import { TrilogyContext } from "./index";
-import "@trilogy-ds/styles/dist/default/trilogy-mangled.css";
-/**
- * Trilogy Provider With Mangled Style
- * @param children App
- */
-const TrilogyProviderStyledMangled = ({ children, }) => {
-    const [styled, setStyled] = React.useState(true);
-    return (React.createElement(TrilogyContext.Provider, { value: { styled, setStyled } }, children));
-};
-export { TrilogyProviderStyledMangled };
-//# sourceMappingURL=providerStyledMangled.js.map

package/lib/context/providerStyledMangled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"providerStyledMangled.js","sourceRoot":"","sources":["../../context/providerStyledMangled.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,qDAAqD,CAAA;AAE5D;;;GAGG;AACH,MAAM,4BAA4B,GAAG,CAAC,EACpC,QAAQ,GAGT,EAAe,EAAE;IAChB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,IAAI,CAAC,CAAA;IACzD,OAAO,CACL,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,IAClD,QAAQ,CACe,CAC3B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,4BAA4B,EAAE,CAAA"}

package/lib/context/providerStyledMangled.native.d.ts

@@ -1 +0,0 @@
-export declare const TrilogyProviderStyledMangled: () => void;

package/lib/context/providerStyledMangled.native.js

@@ -1,4 +0,0 @@
-export const TrilogyProviderStyledMangled = () => {
-    return;
-};
-//# sourceMappingURL=providerStyledMangled.native.js.map

package/lib/context/providerStyledMangled.native.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"providerStyledMangled.native.js","sourceRoot":"","sources":["../../context/providerStyledMangled.native.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,EAAE;IAC/C,OAAM;AACR,CAAC,CAAA"}