@skodaflow/web-library 3.4.0-alpha.0 → 4.0.0

package/build/organisms/tile/tile.d.ts

@@ -1,85 +1,86 @@
-import React from 'react';
-import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
-/**
- * @interface TileStylingProps
- * @description The props of the tile component that are additionally used for styling.
- */
-export interface TileStylingProps {
-    /**
-     * Style with or without the border radius
-     */
-    isBorderRadius?: boolean;
-    /**
-     * tile Text pinned position
-     */
-    tileContentPinned?: 'top' | 'bottom';
-    /**
-     * Promotional Label text
-     */
-    promotionalLabel?: string;
-    /**
-     * Promotional Label text
-     */
-    promotionalVariant?: 'large' | 'small';
-}
-/**
- * @interface TileProps
- * @description  Properties are inherited from HTML div element and TileStylingProps interface.
- */
-export interface TileProps extends TileStylingProps, React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * If true the menu dropdown is showing
-     */
-    isMenuDropdown?: boolean;
-    /**
-     * General Label
-     */
-    generalLabel?: string;
-    /**
-     * Title name text
-     */
-    title?: string;
-    /**
-     * Feature Label
-     */
-    featureLabel?: string;
-    /**
-     * Feature Label Variant
-     */
-    featureLabelVariant?: 'primary' | 'neutral' | 'secondary';
-    /**
-     * URL image
-     */
-    tileImageURL: string;
-    /**
-     *  The source of the onError image.
-     */
-    tileImageURLFallback?: string;
-    /**
-     * URL image
-     */
-    tileAltImage?: string;
-    /**
-     * URL image which apply on hover if is changeImageOnHover is true
-     */
-    tileImageURLOnHover?: string;
-    /**
-     * tile feature info total price
-     */
-    tilePriceTotal?: string;
-    /**
-     * tile feature info monthly price
-     */
-    tilePriceMonth?: string;
-    /**
-     * MenuCardComponent props.
-     */
-    menuCardComponentProps?: MenuCardComponentProps;
-}
-/**
- * @description SkodaFlow CardPhotoFixed component.
- * Properties are inherited from HTML Div element.
- * @param props CardPhotoFixedProps
- * @returns React Functional Component
- */
-export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLDivElement>>;
+import React from 'react';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @interface TileStylingProps
+ * @description The props of the tile component that are additionally used for styling.
+ */
+export interface TileStylingProps {
+    /**
+     * Style with or without the border radius
+     */
+    isBorderRadius?: boolean;
+    /**
+     * tile Text pinned position
+     */
+    tileContentPinned?: 'top' | 'bottom';
+    /**
+     * Promotional Label text
+     */
+    promotionalLabel?: string;
+    /**
+     * Promotional Label text
+     */
+    promotionalVariant?: 'large' | 'small';
+}
+/**
+ * @interface TileProps
+ * @description  Properties are inherited from HTML div element and TileStylingProps interface.
+ */
+export interface TileProps extends TileStylingProps, React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true the menu dropdown is showing
+     */
+    isMenuDropdown?: boolean;
+    /**
+     * General Label
+     */
+    generalLabel?: string;
+    /**
+     * Title name text
+     */
+    title?: string;
+    /**
+     * Feature Label
+     */
+    featureLabel?: string;
+    /**
+     * Feature Label Variant
+     */
+    featureLabelVariant?: 'primary' | 'neutral' | 'secondary';
+    /**
+     * URL image
+     */
+    tileImageURL: string;
+    /**
+     *  The source of the onError image.
+     */
+    tileImageURLFallback?: string;
+    /**
+     * URL image
+     */
+    tileAltImage?: string;
+    /**
+     * URL image which apply on hover if is changeImageOnHover is true
+     */
+    tileImageURLOnHover?: string;
+    /**
+     * tile feature info total price
+     */
+    tilePriceTotal?: string;
+    /**
+     * tile feature info monthly price
+     */
+    tilePriceMonth?: string;
+    /**
+     * MenuCardComponent props.
+     */
+    menuCardComponentProps?: MenuCardComponentProps;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ * @deprecated
+ */
+export declare const Tile: React.ForwardRefExoticComponent<TileProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/tile/tile.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import o,{useState as a}from"react";import r from"@emotion/styled";import{Label as l}from"../../components/label/label.js";import{LabelFeature as n}from"../../components/labelFeature/labelFeature.js";import{LabelPromotional as p}from"../../components/labelPromotional/labelPromotional.js";import{Divider as m}from"../../components/divider/divider.js";import s from"../common/menuCardComponent/menuCardComponent.js";import{handleMaxChars as d}from"../../utils/utilities.js";import c from"../../components/common/imageComponent.js";import{flowColors as g}from"../../design/skoda/palette.theme.js";const b=o.forwardRef(((o,r)=>{var{tileContentPinned:g="top",isBorderRadius:b=!0,promotionalVariant:u="large"}=o,x=e(o,["tileContentPinned","isBorderRadius","promotionalVariant"]);const[f,v]=a(!1),L=t("div",{className:"tileImage",children:x.tileImageURLOnHover&&f?t(c,{image:x.tileImageURLOnHover,alt:x.tileAltImage},"imageUrl_onHover"):t(c,{image:x.tileImageURL,alt:x.tileAltImage,fallbackImage:x.tileImageURLFallback},"imageUrl")}),P=i("div",{className:"tilePriceWrapper",children:[x.tilePriceTotal&&t("span",{className:"disclaimer tilePriceTotal",children:x.tilePriceTotal}),x.tilePriceTotal&&x.tilePriceMonth&&t(m,{orientation:"vertical",flexItem:!0}),x.tilePriceMonth&&t("span",{className:"disclaimer tilePriceMonth",children:x.tilePriceMonth})]});return t(h,{promotionalLabel:x.promotionalLabel,isBorderRadius:b,tileContentPinned:g,children:i("div",{className:"tileWrapper",onMouseEnter:()=>{f||v(!0)},onMouseLeave:()=>{v(!1)},children:[x.isMenuDropdown&&t("div",{className:"tileDropdownMenu",onMouseEnter:()=>v(!1),onMouseLeave:()=>v(!0),children:t(s,Object.assign({},x.menuCardComponentProps))}),x.promotionalLabel&&t("div",{className:"tilePromotionalLabel",children:t(p,{variant:u,label:d(x.promotionalLabel,30)})}),"bottom"===g&&L,i("div",{className:"tileContent",children:[x.generalLabel&&t("div",{className:"tileGeneralLabel",children:t(l,{label:d(x.generalLabel,30)})}),t("h4",{className:"tileTitle",children:d(x.title,20)}),x.featureLabel&&t("div",{className:"tileFeatureLabel",children:t(n,{variant:x.featureLabelVariant,label:d(x.featureLabel,30)})}),"bottom"===g&&P]}),"top"===g&&L,"top"===g&&P]})})}));b.defaultProps={isBorderRadius:!0,promotionalVariant:"large"};const h=r("div")((t=>{var{theme:i}=t,o=e(t,["theme"]);let a={};const{tileContentPinned:r,promotionalLabel:l,isBorderRadius:n}=o;return a={height:"100%","& .tileWrapper, & .tileWrapper *":{boxSizing:"border-box"},"& .tileWrapper":{position:"relative",borderRadius:n?"8px":0,height:"100%",display:"flex",flexDirection:"column",justifyContent:"space-between",backgroundColor:g.surface.primary,padding:"0 0 24px 0",border:`1px solid ${g.surface.secondary}`},"& .tileDropdownMenu":{position:"absolute",right:0,top:0,".menuCardComponent":{top:0,right:0,width:"58px",height:"58px",display:"flex",alignItems:"center",justifyContent:"center"}},"& .tileContent":{paddingTop:l?"40px":"16px"},"& .tilePromotionalLabel":{width:"100%",maxWidth:"calc(100% - 64px)",position:"absolute",top:"0",left:"0"},"& .tileGeneralLabel":{padding:"0 24px",marginBottom:"0",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileTitle":{margin:"0 0 6px 0",padding:"0 24px",position:"relative",zIndex:"1"},"& .tileFeatureLabel":{margin:"0",padding:"0 24px",position:"relative",zIndex:"1","& span":{margin:"0"}},"& .tileImage":{height:"176px",marginTop:"top"===r?"-32px":"16px",marginBottom:"bottom"===r?"-32px":"0",[i.breakpoints.up("md")]:{height:"200px"},[i.breakpoints.up("lg")]:{height:"186px"},[i.breakpoints.up("xl")]:{height:"265px"},"& img":{position:"relative",zIndex:"0",objectFit:"contain",objectPosition:"center",display:"block",height:"100%",width:"100%"}},"& .tilePriceWrapper":{display:"flex",flexDirection:"row",flexWrap:"wrap",width:"100%",padding:"0 24px",marginTop:"bottom"===r?"8px":"0","& .tilePriceTotal":{fontWeight:"bold"},"& hr":{margin:"0 8px",borderColor:g.transparent.secondary}}},a}));export{b as Tile};
+//# sourceMappingURL=tile.js.map

package/build/organisms/tile/tile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tile.js","sources":["../../../src/organisms/tile/tile.tsx"],"sourcesContent":[null],"names":["Tile","React","forwardRef","_a","ref","tileContentPinned","isBorderRadius","promotionalVariant","props","__rest","isMouseOver","setIsMouseOver","useState","tileImageElement","_jsx","className","children","tileImageURLOnHover","ImageComponent","image","alt","tileAltImage","tileImageURL","fallbackImage","tileImageURLFallback","pricingElement","_jsxs","tilePriceTotal","tilePriceMonth","Divider","orientation","flexItem","TileStyled","promotionalLabel","onMouseEnter","onMouseLeave","isMenuDropdown","MenuCardComponent","Object","assign","menuCardComponentProps","LabelPromotional","variant","label","handleMaxChars","generalLabel","Label","title","featureLabel","LabelFeature","featureLabelVariant","defaultProps","styled","theme","args","styles","height","boxSizing","position","borderRadius","display","flexDirection","justifyContent","backgroundColor","flowColors","surface","primary","padding","border","secondary","right","top","width","alignItems","paddingTop","maxWidth","left","marginBottom","zIndex","margin","marginTop","breakpoints","up","objectFit","objectPosition","flexWrap","fontWeight","borderColor","transparent"],"mappings":"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"}

package/build/package.json

@@ -0,0 +1 @@
+{"name":"@skodaflow/web-library","version":"4.0.0","description":"Implementation of Skoda Flow Design System with Material UI as core library.","author":"Skoda Auto","license":"SEE LICENSE IN eula.txt","peerDependencies":{"@emotion/react":"^11.11.0","@emotion/styled":"^11.11.0","@mui/base":"^5.0.0-beta.4","@mui/material":"^5.13.0","@mui/system":"^5.12.3","ag-grid-community":"^29.1.0","ag-grid-react":"^29.1.0","react":"^18.2.0","react-dom":"^18.2.0"},"dependencies":{"@etchteam/storybook-addon-status":"^4.2.4","@geometricpanda/storybook-addon-badges":"^2.0.0","@googlemaps/markerclusterer":"^1.0.22","@googlemaps/react-wrapper":"^1.1.22","@mui/x-date-pickers":"^6.10.1","@skodaflow/web-tokens":"^2.4.0","@storybook/addon-storysource":"^7.1.1","@storybook/preset-scss":"^1.0.3","country-flag-icons":"^1.4.17","date-fns":"^2.30.0","embla-carousel-auto-height":"^7.1.0","embla-carousel-autoplay":"^7.1.0","embla-carousel-class-names":"^7.1.0","embla-carousel-react":"^7.1.0","embla-carousel-wheel-gestures":"^3.0.0","lodash":"^4.17.21","react-use":"^17.4.0","remark-gfm":"^3.0.1","use-keyboard-shortcut":"^1.1.6"},"main":"./cjs/index.js","browser":"./cjs/index.js","module":"./index.js","exports":{"import":"./index.js","require":"./cjs/index.js"},"types":"./index.d.ts"}

package/build/production/Button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps as MuiButtonProps } from '@mui/material/Button';
+export type ButtonProps = Omit<MuiButtonProps, 'nonce' | 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'classes' | 'variant'> & {
+    blinking?: boolean;
+    variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
+};
+export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "classes" | "nonce" | "color" | "disableRipple" | "disableFocusRipple" | "variant" | "disableElevation"> & {
+    blinking?: boolean;
+    variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
+} & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/build/production/Button.js

@@ -0,0 +1,34 @@
+import{__rest as o}from"tslib";import{jsx as r}from"react/jsx-runtime";import n from"@mui/material/Button";import{styled as a}from"@mui/material/styles";import{keyframes as i}from"@mui/system";const e=i`
+  0% { background-color: #43861D; }
+  50% { background-color: #96DC6F; }
+  100% {background-color: #43861D; }
+`,t=i`
+  0% { background-color: #DE7C13; }
+  50% { background-color: #F2B879; }
+  100% {background-color: #DE7C13; }
+`,s=i`
+  0% { background-color: #CE332A; }
+  50% { background-color: #EC908B; }
+  100% {background-color: #CE332A; }
+`,c=i`
+  0% { background-color: #2A78CD; }
+  50% { background-color: #80B1E5; }
+  100% {background-color: #2A78CD; }
+`,l=i`
+  0% { background-color: #fff; }
+  50% { background-color: #D8D8D8; }
+  100% {background-color: #fff; }
+`,b=i`
+  0% { border-color: #161718; }
+  50% { border-color: #D8D8D8; }
+  100% {border-color: #161718; }
+`,g=i`
+0% { border-color: #eee; }
+50% { border-color: #454546; }
+100% {border-color: #eee; }
+`,d=i`
+  0% { background-color: #D8D8D8; }
+  50% { background-color: #EEEEEE; }
+  100% {background-color: #D8D8D8; }
+`,u=a((a=>{var i=o(a,["blinking","variant"]);return r(n,Object.assign({},i,{disableElevation:!0,disableRipple:!0,disableFocusRipple:!0}))}))((({theme:o,variant:r="success",blinking:n,disabled:a})=>Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({minWidth:"150px",color:o.palette.common.white},"success"===r&&Object.assign({backgroundColor:"#43861D","&:hover":{backgroundColor:"#55a628"}},n&&{animation:`${e} 1s infinite ${o.transitions.easing.easeInOut}`})),"warning"===r&&Object.assign({backgroundColor:"#DE7C13","&:hover":{backgroundColor:"#df8f38"}},n&&{animation:`${t} 1s infinite ${o.transitions.easing.easeInOut}`})),"alert"===r&&Object.assign({backgroundColor:"#CE332A","&:hover":{backgroundColor:"#d84a42"}},n&&{animation:`${s} 1s infinite ${o.transitions.easing.easeInOut}`})),"info"===r&&Object.assign({backgroundColor:"#2A78CD","&:hover":{backgroundColor:"#4a8fdb"}},n&&{animation:`${c} 1s infinite ${o.transitions.easing.easeInOut}`})),"white"===r&&Object.assign({backgroundColor:o.palette.common.white,color:o.palette.text.primary,"&:hover":{backgroundColor:"#e1e1e1"},border:`2px solid ${o.palette.text.primary}`},n&&{animation:`${l} 1s infinite ${o.transitions.easing.easeInOut}`})),"dark"===r&&Object.assign({backgroundColor:"transparent",border:"2px solid #161718",color:o.palette.text.primary},n&&{animation:`${b} 1s infinite ${o.transitions.easing.easeInOut}`})),"light"===r&&Object.assign({backgroundColor:"transparent",border:`2px solid ${o.palette.common.white}`},n&&{animation:`${g} 1s infinite ${o.transitions.easing.easeInOut}`})),a&&Object.assign({backgroundColor:"#D8D8D8",color:o.palette.action.disabled,borderColor:o.palette.action.disabled},n&&{animation:`${d} 1s infinite ${o.transitions.easing.easeInOut}`}))));export{u as Button};
+//# sourceMappingURL=Button.js.map

package/build/production/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/production/Button.tsx"],"sourcesContent":[null],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","props","__rest","_jsx","MuiButton","Object","assign","disableElevation","disableRipple","disableFocusRipple","theme","variant","blinking","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"iMAKA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAmBlBQ,EAASC,GALqBC,QAAwBC,EAAKC,EAAAF,EAA7B,wBAAoC,OAC7EG,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAEM,kBAAgB,EAACC,eAAa,EAACC,oBAAkB,IACxE,GAGqBV,EAAgC,EAAGW,QAAOC,UAAU,UAAWC,WAAUC,+HAC7FC,SAAU,QACVC,MAAOL,EAAMM,QAAQC,OAAOC,OAEZ,YAAZP,GAAqBN,OAAAC,OAAA,CACvBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG/B,iBAA0BqB,EAAMW,YAAYC,OAAOC,eAIrD,YAAZZ,GAAqBN,OAAAC,OAAA,CACvBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG7B,iBAA2BmB,EAAMW,YAAYC,OAAOC,eAItD,UAAZZ,GAAmBN,OAAAC,OAAA,CACrBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG5B,iBAAwBkB,EAAMW,YAAYC,OAAOC,eAInD,SAAZZ,GAAkBN,OAAAC,OAAA,CACpBa,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEfP,GAAY,CACdQ,UAAW,GAAG3B,iBAAyBiB,EAAMW,YAAYC,OAAOC,eAIpD,UAAZZ,GAAmBN,OAAAC,OAAA,CACrBa,gBAAiBT,EAAMM,QAAQC,OAAOC,MACtCH,MAAOL,EAAMM,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAahB,EAAMM,QAAQQ,KAAKC,WACpCb,GAAY,CACdQ,UAAW,GAAG1B,iBAA0BgB,EAAMW,YAAYC,OAAOC,eAIrD,SAAZZ,GAAkBN,OAAAC,OAAA,CACpBa,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOL,EAAMM,QAAQQ,KAAKC,SACtBb,GAAY,CACdQ,UAAW,GAAGzB,iBAAyBe,EAAMW,YAAYC,OAAOC,eAIpD,UAAZZ,GACFN,OAAAC,OAAA,CAAAa,gBAAiB,cACjBO,OAAQ,aAAahB,EAAMM,QAAQC,OAAOC,SACtCN,GAAY,CACdQ,UAAW,GAAGxB,iBAA0Bc,EAAMW,YAAYC,OAAOC,eAIjEV,GACFR,OAAAC,OAAA,CAAAa,gBAAiB,UACjBJ,MAAOL,EAAMM,QAAQW,OAAOd,SAC5Be,YAAalB,EAAMM,QAAQW,OAAOd,UAC9BD,GAAY,CACdQ,UAAW,GAAGvB,iBAA6Ba,EAAMW,YAAYC,OAAOC"}

package/build/production/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/build/production/index.js

@@ -0,0 +1,2 @@
+export{Button}from"./Button.js";
+//# sourceMappingURL=index.js.map

package/build/production/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/utils/ResponsiveType.d.ts

@@ -0,0 +1,14 @@
+export type ResponsiveType<V extends number | string> = V | {
+    xl: V;
+    lg?: V;
+    md?: V;
+    sm?: V;
+    xs?: V;
+};
+export declare function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>): {
+    xl: V;
+    lg: V;
+    md: V;
+    sm: V;
+    xs: V;
+};

package/build/utils/ResponsiveType.js

@@ -0,0 +1,2 @@
+import{useMemo as l}from"react";function o(o){return l((()=>{var l,d,i,n,u,v,m,x,r,t;return"object"==typeof o?{xl:o.xl,lg:null!==(l=o.lg)&&void 0!==l?l:o.xl,md:null!==(i=null!==(d=o.md)&&void 0!==d?d:o.lg)&&void 0!==i?i:o.xl,sm:null!==(v=null!==(u=null!==(n=o.sm)&&void 0!==n?n:o.md)&&void 0!==u?u:o.lg)&&void 0!==v?v:o.xl,xs:null!==(t=null!==(r=null!==(x=null!==(m=o.xs)&&void 0!==m?m:o.sm)&&void 0!==x?x:o.md)&&void 0!==r?r:o.lg)&&void 0!==t?t:o.xl}:void 0!==o?{xl:o,lg:o,md:o,sm:o,xs:o}:void 0}),[o])}export{o as useResponsiveProp};
+//# sourceMappingURL=ResponsiveType.js.map

package/build/utils/ResponsiveType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveType.js","sources":["../../src/utils/ResponsiveType.ts"],"sourcesContent":[null],"names":["useResponsiveProp","prop","useMemo","xl","lg","_a","md","_c","_b","sm","_f","_e","_d","xs","_j","_h","_g","_k","undefined"],"mappings":"gCAYM,SAAUA,EAA6CC,GAC3D,OAAOC,GAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAe,UAAXH,EAAKG,UAAM,IAAAC,EAAAA,EAAAJ,EAAKE,GACpBG,GAA0B,QAAtBC,EAAW,QAAXC,EAAAP,EAAKK,UAAM,IAAAE,EAAAA,EAAAP,EAAKG,UAAM,IAAAG,EAAAA,EAAAN,EAAKE,GAC/BM,GAAqC,QAAjCC,UAAAC,EAAW,UAAXV,EAAKQ,UAAM,IAAAG,EAAAA,EAAAX,EAAKK,kBAAML,EAAKG,UAAM,IAAAM,EAAAA,EAAAT,EAAKE,GAC1CU,GAA4C,UAAP,QAAjCC,EAAsB,QAAtBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAM,IAAAM,EAAAA,EAAAd,EAAKK,UAAM,IAAAQ,EAAAA,EAAAb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,CASC,GACA,CAACA,GACN"}

package/build/utils/enum.d.ts

@@ -1,35 +1,35 @@
-export declare enum NumberingColors {
-    LIGHT = "light",
-    DARK = "dark"
-}
-export declare enum NumberingSizes {
-    SMALL = "small",
-    LARGE = "large"
-}
-export declare enum Placement {
-    AUTO_END = "auto-end",
-    AUTO_START = "auto-start",
-    AUTO = "auto",
-    BOTTOM_END = "bottom-end",
-    BOTTOM_START = "bottom-start",
-    BOTTOM = "bottom",
-    LEFT_END = "left-end",
-    LEFT_START = "left-start",
-    LEFT = "left",
-    RIGHT_END = "right-end",
-    RIGHT_START = "right-start",
-    RIGHT = "right",
-    TOP_END = "top-end",
-    TOP_START = "top-start",
-    TOP = "top"
-}
-export declare enum VariantType {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary",
-    NEUTRAL = "neutral"
-}
-export declare enum ColourSheme {
-    DARK_MODE = "dark",
-    LIGHT_MODE = "white"
-}
+export declare enum NumberingColors {
+    LIGHT = "light",
+    DARK = "dark"
+}
+export declare enum NumberingSizes {
+    SMALL = "small",
+    LARGE = "large"
+}
+export declare enum Placement {
+    AUTO_END = "auto-end",
+    AUTO_START = "auto-start",
+    AUTO = "auto",
+    BOTTOM_END = "bottom-end",
+    BOTTOM_START = "bottom-start",
+    BOTTOM = "bottom",
+    LEFT_END = "left-end",
+    LEFT_START = "left-start",
+    LEFT = "left",
+    RIGHT_END = "right-end",
+    RIGHT_START = "right-start",
+    RIGHT = "right",
+    TOP_END = "top-end",
+    TOP_START = "top-start",
+    TOP = "top"
+}
+export declare enum VariantType {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary",
+    NEUTRAL = "neutral"
+}
+export declare enum ColourSheme {
+    DARK_MODE = "dark",
+    LIGHT_MODE = "white"
+}

package/build/utils/enum.js

@@ -0,0 +1,2 @@
+var t,T,o,r,a;!function(t){t.LIGHT="light",t.DARK="dark"}(t||(t={})),function(t){t.SMALL="small",t.LARGE="large"}(T||(T={})),function(t){t.AUTO_END="auto-end",t.AUTO_START="auto-start",t.AUTO="auto",t.BOTTOM_END="bottom-end",t.BOTTOM_START="bottom-start",t.BOTTOM="bottom",t.LEFT_END="left-end",t.LEFT_START="left-start",t.LEFT="left",t.RIGHT_END="right-end",t.RIGHT_START="right-start",t.RIGHT="right",t.TOP_END="top-end",t.TOP_START="top-start",t.TOP="top"}(o||(o={})),function(t){t.PRIMARY="primary",t.SECONDARY="secondary",t.TERTIARY="tertiary",t.NEUTRAL="neutral"}(r||(r={})),function(t){t.DARK_MODE="dark",t.LIGHT_MODE="white"}(a||(a={}));export{a as ColourSheme,t as NumberingColors,T as NumberingSizes,o as Placement,r as VariantType};
+//# sourceMappingURL=enum.js.map

package/build/utils/enum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enum.js","sources":["../../src/utils/enum.tsx"],"sourcesContent":[null],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAED,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,WAAA,aACAA,EAAA,aAAA,eACAA,EAAA,OAAA,SACAA,EAAA,SAAA,WACAA,EAAA,WAAA,aACAA,EAAA,KAAA,OACAA,EAAA,UAAA,YACAA,EAAA,YAAA,cACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,IAAA,KACD,CAhBD,CAAYA,IAAAA,EAgBX,CAAA,IAED,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IACD,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/build/utils/icons.d.ts

@@ -1 +1 @@
-export declare const getIconName: (icon: string) => string;
+export declare const getIconName: (icon: string) => string;

package/build/utils/icons.js

@@ -0,0 +1,2 @@
+const e=e=>{let l="";return e&&e.indexOf("-filled")>-1&&(l="filled ",e=e.replace("-filled","")),l+(e.indexOf("sa-i")?e:`sa-i ${e}`)};export{e as getIconName};
+//# sourceMappingURL=icons.js.map

package/build/utils/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../src/utils/icons.ts"],"sourcesContent":[null],"names":["getIconName","icon","iconClass","indexOf","replace"],"mappings":"AAAa,MAAAA,EAAeC,IAC1B,IAAIC,EAAY,GAOhB,OALID,GAAQA,EAAKE,QAAQ,YAAc,IACrCD,EAAY,UACZD,EAAOA,EAAKG,QAAQ,UAAW,KAG1BF,GAAaD,EAAKE,QAAQ,QAAUF,EAAO,QAAQA,IAAO"}

package/build/utils/index.d.ts

@@ -1,2 +1,2 @@
-export * from './enum';
-export * from './useClosure';
+export * from './enum';
+export * from './useClosure';

package/build/utils/types.d.ts

@@ -1,5 +1,5 @@
-export type DarkLightOptions = 'dark' | 'light';
-export type ControlVariant = 'standard' | 'outline';
-export type ControlsType = 'arrow-right' | 'arrow-left' | 'play-right' | 'pause';
-export type ControllerSize = 'small' | 'medium';
-export type IconsStyle = 'regular' | 'filled';
+export type DarkLightOptions = 'dark' | 'light';
+export type ControlVariant = 'standard' | 'outline';
+export type ControlsType = 'arrow-right' | 'arrow-left' | 'play-right' | 'pause';
+export type ControllerSize = 'small' | 'medium';
+export type IconsStyle = 'regular' | 'filled';

package/build/utils/useClosure/index.d.ts

@@ -0,0 +1 @@
+export * from './useClosure';

package/build/utils/useClosure/useClosure.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * @description This is custom hook that should simplify work with `isOpen` state and `toggle`, `open` and `close` actions. It can be used with components like Modals or Drawer. Using it will reduces boilerplate code needed for those operations.
+ * @param {boolean} initiallyOpen - default isOpen value
+ */
+export declare const useClosure: (initiallyOpen?: boolean) => {
+    isOpen: boolean;
+    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    onToggle: () => void;
+    onOpen: () => void;
+    onClose: () => void;
+};

package/build/utils/useClosure/useClosure.js

@@ -0,0 +1,2 @@
+import{useState as n,useCallback as o}from"react";const e=e=>{const[t,r]=n(null!=e&&e),p=o((()=>r(!t)),[t,r]),s=o((()=>r(!0)),[r]),l=o((()=>r(!1)),[r]);return{isOpen:t,setOpen:r,onToggle:p,onOpen:s,onClose:l}};export{e as useClosure};
+//# sourceMappingURL=useClosure.js.map

package/build/utils/useClosure/useClosure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":[null],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAMa,MAAAA,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,GAAY,IAAMH,GAASD,IAAS,CAACA,EAAQC,IACxDI,EAASD,GAAY,IAAMH,GAAQ,IAAO,CAACA,IAC3CK,EAAUF,GAAY,IAAMH,GAAQ,IAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC,UACD"}

package/build/utils/utilities.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-/**
- * This method is needed if we need to trunc text inside an HTML element.
- * We get all the nodes inside of it and trunc its content accordingly.
- * @param text
- * @param maxChar
- */
-declare function handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string;
-declare function handleMaxChars(text: string, maxChar: number): string;
-declare function opacityLayerSwitchLightStatement(property: any, returnProps: any): string;
-declare function opacityLayerSwitchDarkStatement(property: any, returnProps: any): string;
-export { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };
-export declare const ternaryCondition: (props: any, value: any, trueValue: any, falseValue: any) => any;
+/// <reference types="react" />
+/**
+ * This method is needed if we need to trunc text inside an HTML element.
+ * We get all the nodes inside of it and trunc its content accordingly.
+ * @param text
+ * @param maxChar
+ */
+declare function handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string;
+declare function handleMaxChars(text: string, maxChar: number): string;
+declare function opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown): string;
+declare function opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown): string;
+export { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };
+export declare const ternaryCondition: (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown) => string;

package/build/utils/utilities.js

@@ -0,0 +1,2 @@
+import t from"react";function e(e,n){if(RegExp.prototype.test.bind(/(<([^>]+)>)/i)(e)){const a=(new DOMParser).parseFromString(e,"text/html").body,i=(t,e=0,a=n)=>{const g=t.item(e);return null!==g?a<=0?t:(g.textContent=r(g.textContent,a),i(t,e+1,a-g.textContent.length)):t};return i(a.childNodes.item(0).childNodes),t.createElement("div",{dangerouslySetInnerHTML:{__html:a.innerHTML.toString()}})}return r(e,n)}function r(t,e){return t.length>e?`${t.substring(0,e)}...`:t}function n(t,e){switch(t){case"opacity25":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;case"opacity50":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;case"opacity75":return`${e}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;default:return""}}function a(t,e){switch(t){case"opacity25":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;case"opacity50":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;case"opacity75":return`${e}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;default:return""}}const i=(t,e,r,n)=>t===e?r:n;export{r as handleMaxChars,e as handleMaxCharsInHTML,a as opacityLayerSwitchDarkStatement,n as opacityLayerSwitchLightStatement,i as ternaryCondition};
+//# sourceMappingURL=utilities.js.map

package/build/utils/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":[null],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","React","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"qBAQA,SAASA,EAAqBC,EAAcC,GAE1C,GADeC,OAAOC,UAAUC,KAAKC,KAAK,eACtCC,CAAON,GAAO,CAChB,MACMO,GADS,IAAIC,WACQC,gBAAgBT,EAAM,aAAaU,KACxDC,EAAY,CAChBC,EACAC,EAAM,EACNC,EAAsBb,KAEtB,MAAMc,EAAOH,EAASI,KAAKH,GAC3B,OAAa,OAATE,EACED,GAAuB,EAClBF,GAETG,EAAKE,YAAcC,EAAeH,EAAKE,YAAaH,GAE7CH,EAAUC,EAAUC,EAAM,EAAGC,EAAsBC,EAAKE,YAAYE,SAC/DP,CAAQ,EAKxB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAMC,cAAc,MAAO,CAChCC,wBAAyB,CACvBC,OAAQjB,EAAYkB,UAAUC,aAGnC,CAED,OAAOR,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK2B,UAAU,EAAG1B,QAAgBD,CACtE,CAEA,SAAS4B,EAAiCC,EAAmBC,GAC3D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,iGACZ,IAAK,YACH,MAAO,GAAGA,gGACZ,IAAK,YACH,MAAO,GAAGA,iGACZ,QACE,MAAO,GAEb,CACA,SAASC,EAAgCF,EAAmBC,GAC1D,OAAQD,GACN,IAAK,YACH,MAAO,GAAGC,qFACZ,IAAK,YACH,MAAO,GAAGA,oFACZ,IAAK,YACH,MAAO,GAAGA,qFACZ,QACE,MAAO,GAEb,CAGO,MAAME,EAAmB,CAACC,EAAgBC,EAAgBC,EAAoBC,IAC/EH,IAAUC,EACLC,EAEAC"}