@skodaflow/web-library 7.16.1 → 8.0.1

package/production/Button/Button.d.ts

@@ -1,13 +0,0 @@
-import { ButtonProps as MuiButtonProps } from '@mui/material';
-export type ButtonProps = Omit<MuiButtonProps, 'nonce' | 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'classes' | 'variant'> & {
-    blinking?: boolean;
-    variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';
-};
-/**
- * @deprecated use production components from production web library
- *  https://www.npmjs.com/package/@skodaflow/production-web-library
- */
-export declare const Button: import("@emotion/styled").StyledComponent<Omit<MuiButtonProps, "nonce" | "color" | "classes" | "variant" | "disableRipple" | "disableElevation" | "disableFocusRipple"> & {
-    blinking?: boolean;
-    variant?: "success" | "warning" | "alert" | "info" | "white" | "dark" | "light";
-} & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/production/Button/Button.js

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

package/production/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../src/production/Button/Button.tsx"],"sourcesContent":["import { Button as MuiButton, ButtonProps as MuiButtonProps, styled } from '@mui/material';\nimport React from 'react';\nimport { keyframes } from '@mui/material/styles';\n\nconst greenBlink = keyframes`\n  0% { background-color: #43861D; }\n  50% { background-color: #96DC6F; }\n  100% {background-color: #43861D; }\n`;\nconst orangeBlink = keyframes`\n  0% { background-color: #DE7C13; }\n  50% { background-color: #F2B879; }\n  100% {background-color: #DE7C13; }\n`;\nconst redBlink = keyframes`\n  0% { background-color: #CE332A; }\n  50% { background-color: #EC908B; }\n  100% {background-color: #CE332A; }\n`;\nconst blueBlink = keyframes`\n  0% { background-color: #2A78CD; }\n  50% { background-color: #80B1E5; }\n  100% {background-color: #2A78CD; }\n`;\nconst whiteBlink = keyframes`\n  0% { background-color: #fff; }\n  50% { background-color: #D8D8D8; }\n  100% {background-color: #fff; }\n`;\nconst darkBlink = keyframes`\n  0% { border-color: #161718; }\n  50% { border-color: #D8D8D8; }\n  100% {border-color: #161718; }\n`;\nconst lightBlink = keyframes`\n0% { border-color: #eee; }\n50% { border-color: #454546; }\n100% {border-color: #eee; }\n`;\nconst disabledBlink = keyframes`\n  0% { background-color: #D8D8D8; }\n  50% { background-color: #EEEEEE; }\n  100% {background-color: #D8D8D8; }\n`;\n\nexport type ButtonProps = Omit<\n  MuiButtonProps,\n  'nonce' | 'color' | 'disableElevation' | 'disableFocusRipple' | 'disableRipple' | 'classes' | 'variant'\n> & {\n  blinking?: boolean;\n  variant?: 'success' | 'warning' | 'alert' | 'info' | 'white' | 'dark' | 'light';\n};\n\nconst ButtonBase: React.FC<ButtonProps> = ({ blinking, variant, ...props }) => <MuiButton {...props} variant=\"text\" />;\n\n/**\n * @deprecated use production components from production web library\n *  https://www.npmjs.com/package/@skodaflow/production-web-library\n */\n// eslint-disable-next-line sonarjs/cognitive-complexity\nexport const Button = styled(ButtonBase)<ButtonProps>(({ theme, variant = 'success', blinking, disabled }) => ({\n  minWidth: '150px',\n  color: theme.palette.common.white,\n\n  ...(variant === 'success' && {\n    backgroundColor: '#43861D',\n    '&:hover': {\n      backgroundColor: '#55a628',\n    },\n    ...(blinking && {\n      animation: `${greenBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'warning' && {\n    backgroundColor: '#DE7C13',\n    '&:hover': {\n      backgroundColor: '#df8f38',\n    },\n    ...(blinking && {\n      animation: `${orangeBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'alert' && {\n    backgroundColor: '#CE332A',\n    '&:hover': {\n      backgroundColor: '#d84a42',\n    },\n    ...(blinking && {\n      animation: `${redBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'info' && {\n    backgroundColor: '#2A78CD',\n    '&:hover': {\n      backgroundColor: '#4a8fdb',\n    },\n    ...(blinking && {\n      animation: `${blueBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'white' && {\n    backgroundColor: theme.palette.common.white,\n    color: theme.palette.text.primary,\n    '&:hover': {\n      backgroundColor: '#e1e1e1',\n    },\n    border: `2px solid ${theme.palette.text.primary}`,\n    ...(blinking && {\n      animation: `${whiteBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'dark' && {\n    backgroundColor: 'transparent',\n    border: `2px solid #161718`,\n    color: theme.palette.text.primary,\n    ...(blinking && {\n      animation: `${darkBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(variant === 'light' && {\n    backgroundColor: 'transparent',\n    border: `2px solid ${theme.palette.common.white}`,\n    ...(blinking && {\n      animation: `${lightBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n\n  ...(disabled && {\n    backgroundColor: '#D8D8D8',\n    color: theme.palette.action.disabled,\n    borderColor: theme.palette.action.disabled,\n    ...(blinking && {\n      animation: `${disabledBlink} 1s infinite ${theme.transitions.easing.easeInOut}`,\n    }),\n  }),\n}));\n"],"names":["greenBlink","keyframes","orangeBlink","redBlink","blueBlink","whiteBlink","darkBlink","lightBlink","disabledBlink","Button","styled","_a","blinking","variant","props","__rest","_jsx","MuiButton","Object","assign","theme","disabled","minWidth","color","palette","common","white","backgroundColor","animation","transitions","easing","easeInOut","text","primary","border","action","borderColor"],"mappings":"2KAIA,MAAMA,EAAaC,CAAS;;;;EAKtBC,EAAcD,CAAS;;;;EAKvBE,EAAWF,CAAS;;;;EAKpBG,EAAYH,CAAS;;;;EAKrBI,EAAaJ,CAAS;;;;EAKtBK,EAAYL,CAAS;;;;EAKrBM,EAAaN,CAAS;;;;EAKtBO,EAAgBP,CAAS;;;;EAqBlBQ,EAASC,EAPqBC,QAAAC,SAAEA,EAAQC,QAAEA,GAAOF,EAAKG,EAAKC,EAAAJ,EAA7B,wBAAoC,OAAAK,EAACC,EAASC,OAAAC,OAAA,GAAKL,GAAOD,QAAQ,WAOvFH,CAAgC,EAAGU,QAAOP,UAAU,UAAWD,WAAUS,+HAC7FC,SAAU,QACVC,MAAOH,EAAMI,QAAQC,OAAOC,OAEZ,YAAZb,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG5B,iBAA0BoB,EAAMS,YAAYC,OAAOC,eAIrD,YAAZlB,GAAqBK,OAAAC,OAAA,CACvBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAG1B,iBAA2BkB,EAAMS,YAAYC,OAAOC,eAItD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGzB,iBAAwBiB,EAAMS,YAAYC,OAAOC,eAInD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,UACjB,UAAW,CACTA,gBAAiB,YAEff,GAAY,CACdgB,UAAW,GAAGxB,iBAAyBgB,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiBP,EAAMI,QAAQC,OAAOC,MACtCH,MAAOH,EAAMI,QAAQQ,KAAKC,QAC1B,UAAW,CACTN,gBAAiB,WAEnBO,OAAQ,aAAad,EAAMI,QAAQQ,KAAKC,WACpCrB,GAAY,CACdgB,UAAW,GAAGvB,iBAA0Be,EAAMS,YAAYC,OAAOC,eAIrD,SAAZlB,GAAkBK,OAAAC,OAAA,CACpBQ,gBAAiB,cACjBO,OAAQ,oBACRX,MAAOH,EAAMI,QAAQQ,KAAKC,SACtBrB,GAAY,CACdgB,UAAW,GAAGtB,iBAAyBc,EAAMS,YAAYC,OAAOC,eAIpD,UAAZlB,GAAmBK,OAAAC,OAAA,CACrBQ,gBAAiB,cACjBO,OAAQ,aAAad,EAAMI,QAAQC,OAAOC,SACtCd,GAAY,CACdgB,UAAW,GAAGrB,iBAA0Ba,EAAMS,YAAYC,OAAOC,eAIjEV,GAAQH,OAAAC,OAAA,CACVQ,gBAAiB,UACjBJ,MAAOH,EAAMI,QAAQW,OAAOd,SAC5Be,YAAahB,EAAMI,QAAQW,OAAOd,UAC9BT,GAAY,CACdgB,UAAW,GAAGpB,iBAA6BY,EAAMS,YAAYC,OAAOC"}

package/production/Button/index.d.ts

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

package/production/index.d.ts

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

package/production/index.js

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

package/production/index.js.map

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

package/utils/ResponsiveType.d.ts

@@ -1,14 +0,0 @@
-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/utils/ResponsiveType.js

@@ -1,2 +0,0 @@
-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/utils/ResponsiveType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResponsiveType.js","sources":["../../src/utils/ResponsiveType.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nexport type ResponsiveType<V extends number | string> =\n  | V\n  | {\n      xl: V;\n      lg?: V;\n      md?: V;\n      sm?: V;\n      xs?: V;\n    };\n\nexport function useResponsiveProp<V extends string | number>(prop: ResponsiveType<V>) {\n  return useMemo(() => {\n    if (typeof prop === 'object') {\n      return {\n        xl: prop.xl,\n        lg: prop.lg ?? prop.xl,\n        md: prop.md ?? prop.lg ?? prop.xl,\n        sm: prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n        xs: prop.xs ?? prop.sm ?? prop.md ?? prop.lg ?? prop.xl,\n      };\n    }\n    if (prop === undefined) {\n      return undefined;\n    }\n    return {\n      xl: prop,\n      lg: prop,\n      md: prop,\n      sm: prop,\n      xs: prop,\n    };\n  }, [prop]);\n}\n"],"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,EAAQ,6BACb,MAAoB,iBAATD,EACF,CACLE,GAAIF,EAAKE,GACTC,GAAW,UAAPH,EAAKG,UAAE,IAAAC,EAAAA,EAAIJ,EAAKE,GACpBG,GAAsB,QAAlBC,EAAO,QAAPC,EAAAP,EAAKK,UAAE,IAAAE,EAAAA,EAAIP,EAAKG,UAAE,IAAAG,EAAAA,EAAIN,EAAKE,GAC/BM,GAAiC,QAA7BC,UAAAC,EAAO,UAAPV,EAAKQ,UAAE,IAAAG,EAAAA,EAAIX,EAAKK,kBAAML,EAAKG,UAAE,IAAAM,EAAAA,EAAIT,EAAKE,GAC1CU,GAA4C,UAAX,QAA7BC,EAAkB,QAAlBC,EAAO,UAAPd,EAAKY,UAAE,IAAAG,EAAAA,EAAIf,EAAKQ,UAAE,IAAAM,EAAAA,EAAId,EAAKK,UAAE,IAAAQ,EAAAA,EAAIb,EAAKG,UAAE,IAAAa,EAAAA,EAAIhB,EAAKE,SAG5Ce,IAATjB,EAGG,CACLE,GAAIF,EACJG,GAAIH,EACJK,GAAIL,EACJQ,GAAIR,EACJY,GAAIZ,QARN,GAUC,CAACA,GACN"}

package/utils/enum.d.ts

@@ -1,35 +0,0 @@
-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/utils/enum.js

@@ -1,2 +0,0 @@
-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/utils/enum.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enum.js","sources":["../../src/utils/enum.tsx"],"sourcesContent":["export enum NumberingColors {\n  LIGHT = 'light',\n  DARK = 'dark',\n}\n\nexport enum NumberingSizes {\n  SMALL = 'small',\n  LARGE = 'large',\n}\n\nexport enum Placement {\n  AUTO_END = 'auto-end',\n  AUTO_START = 'auto-start',\n  AUTO = 'auto',\n  BOTTOM_END = 'bottom-end',\n  BOTTOM_START = 'bottom-start',\n  BOTTOM = 'bottom',\n  LEFT_END = 'left-end',\n  LEFT_START = 'left-start',\n  LEFT = 'left',\n  RIGHT_END = 'right-end',\n  RIGHT_START = 'right-start',\n  RIGHT = 'right',\n  TOP_END = 'top-end',\n  TOP_START = 'top-start',\n  TOP = 'top',\n}\n\nexport enum VariantType {\n  PRIMARY = 'primary',\n  SECONDARY = 'secondary',\n  TERTIARY = 'tertiary',\n  NEUTRAL = 'neutral',\n}\nexport enum ColourSheme {\n  DARK_MODE = 'dark',\n  LIGHT_MODE = 'white',\n}\n"],"names":["NumberingColors","NumberingSizes","Placement","VariantType","ColourSheme"],"mappings":"IAAYA,EAKAC,EAKAC,EAkBAC,EAMAC,GAlCZ,SAAYJ,GACVA,EAAA,MAAA,QACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAAe,CAAA,IAK3B,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAAc,CAAA,IAK1B,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,EAAS,CAAA,IAkBrB,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAAW,CAAA,IAMvB,SAAYC,GACVA,EAAA,UAAA,OACAA,EAAA,WAAA,OACD,CAHD,CAAYA,IAAAA,EAAW,CAAA"}

package/utils/types.d.ts

@@ -1,5 +0,0 @@
-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/utils/useClosure/index.d.ts

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

package/utils/useClosure/useClosure.d.ts

@@ -1,12 +0,0 @@
-/**
- * @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
- * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`
- */
-export declare const useClosure: (initiallyOpen?: boolean) => {
-    isOpen: boolean;
-    setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    onToggle: () => void;
-    onOpen: () => void;
-    onClose: () => void;
-};

package/utils/useClosure/useClosure.js

@@ -1,2 +0,0 @@
-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/utils/useClosure/useClosure.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClosure.js","sources":["../../../src/utils/useClosure/useClosure.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * @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.\n * @param {boolean} initiallyOpen - default isOpen value\n * @deprecated function to be removed, you can write your own function with `const [isOpen, setOpen] = useState(false);`\n */\nexport const useClosure = (initiallyOpen?: boolean) => {\n  const [isOpen, setOpen] = useState(initiallyOpen ?? false);\n\n  const onToggle = useCallback(() => setOpen(!isOpen), [isOpen, setOpen]);\n  const onOpen = useCallback(() => setOpen(true), [setOpen]);\n  const onClose = useCallback(() => setOpen(false), [setOpen]);\n\n  return {\n    isOpen,\n    setOpen,\n    onToggle,\n    onOpen,\n    onClose,\n  };\n};\n"],"names":["useClosure","initiallyOpen","isOpen","setOpen","useState","onToggle","useCallback","onOpen","onClose"],"mappings":"kDAOO,MAAMA,EAAcC,IACzB,MAAOC,EAAQC,GAAWC,EAASH,SAAAA,GAE7BI,EAAWC,EAAY,IAAMH,GAASD,GAAS,CAACA,EAAQC,IACxDI,EAASD,EAAY,IAAMH,GAAQ,GAAO,CAACA,IAC3CK,EAAUF,EAAY,IAAMH,GAAQ,GAAQ,CAACA,IAEnD,MAAO,CACLD,SACAC,UACAE,WACAE,SACAC"}

package/utils/useFeatureFlag/useFeatureFlag.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-/**
- * Returns allowed or disabled state of the feature based on the feature flag
- *
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- * @returns {boolean} allowed state of the feature
- */
-export declare function evaluateFeatureFlag(featureFlag: string): boolean;
-/**
- * Component that renders or not renders content based on the featureFlag
- *
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- * @param children - content
- */
-export declare function FeatureFlagBlock({ children, featureFlag }: {
-    children: React.ReactNode;
-    featureFlag: string;
-}): React.ReactNode;
-/**
- * Returns cached allowed or disabled state of the feature based on the feature flag
- * @param {string} featureFlag - shortcut name of the feature flag in .env,
- *  e.g. 'DARK_MODE' which translates to 'VITE_FEATURE_FLAG_DARK_MODE'
- */
-export default function useFeatureFlag(featureFlag: string): boolean;

package/utils/useKeyboardShortcut/useKeyboardShortcut.d.ts

@@ -1,11 +0,0 @@
-import { DependencyList } from 'react';
-/**
- * Monitor press of the key on the keyboard and do action assigned to it
- *
- * @param {object} keys_and_actions - object containing keys and assigned actions to them,
- *  e.g. {Escape: handleClose}
- * @param {array} deps - useEffect dependencies
- */
-export default function useKeyboardShortcut(keys_and_actions: {
-    [key: string]: () => void;
-}, deps?: DependencyList): void;

package/utils/useKeyboardShortcut/useKeyboardShortcut.js

@@ -1,2 +0,0 @@
-import{useEffect as e}from"react";function n(n,t=[]){e(()=>{const e=e=>{Object.entries(n).forEach(([n,t])=>{e.key===n&&t&&t()})};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}},[...t])}export{n as default};
-//# sourceMappingURL=useKeyboardShortcut.js.map

package/utils/useKeyboardShortcut/useKeyboardShortcut.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyboardShortcut.js","sources":["../../../src/utils/useKeyboardShortcut/useKeyboardShortcut.ts"],"sourcesContent":["import { DependencyList, useEffect } from 'react';\n\n/**\n * Monitor press of the key on the keyboard and do action assigned to it\n *\n * @param {object} keys_and_actions - object containing keys and assigned actions to them,\n *  e.g. {Escape: handleClose}\n * @param {array} deps - useEffect dependencies\n */\nexport default function useKeyboardShortcut(\n  keys_and_actions: { [key: string]: () => void },\n  deps: DependencyList = [],\n) {\n  useEffect(() => {\n    const downHandler = (e: KeyboardEvent): void => {\n      // iterate through all keys and assigned actions\n      Object.entries(keys_and_actions).forEach(([key, action]) => {\n        // if key is pressed, trigger action\n        if (e.key === key && action) {\n          action();\n        }\n      });\n    };\n\n    window.addEventListener('keydown', downHandler);\n    // cleanup\n    return () => {\n      window.removeEventListener('keydown', downHandler);\n    };\n  }, [...deps]);\n}\n"],"names":["useKeyboardShortcut","keys_and_actions","deps","useEffect","downHandler","e","Object","entries","forEach","key","action","window","addEventListener","removeEventListener"],"mappings":"kCASc,SAAUA,EACtBC,EACAC,EAAuB,IAEvBC,EAAU,KACR,MAAMC,EAAeC,IAEnBC,OAAOC,QAAQN,GAAkBO,QAAQ,EAAEC,EAAKC,MAE1CL,EAAEI,MAAQA,GAAOC,GACnBA,OAON,OAFAC,OAAOC,iBAAiB,UAAWR,GAE5B,KACLO,OAAOE,oBAAoB,UAAWT,KAEvC,IAAIF,GACT"}

package/utils/utilities.d.ts

@@ -1,13 +0,0 @@
-import { JSX } from '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/utils/utilities.js

@@ -1,2 +0,0 @@
-import{createElement as 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("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/utils/utilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utilities.js","sources":["../../src/utils/utilities.ts"],"sourcesContent":["import { createElement, JSX } from 'react';\n\n/**\n * This method is needed if we need to trunc text inside an HTML element.\n * We get all the nodes inside of it and trunc its content accordingly.\n * @param text\n * @param maxChar\n */\nfunction handleMaxCharsInHTML(text: string, maxChar: number): JSX.Element | string {\n  const isHtml = RegExp.prototype.test.bind(/(<([^>]+)>)/i);\n  if (isHtml(text)) {\n    const parser = new DOMParser();\n    const docChildren = parser.parseFromString(text, 'text/html').body;\n    const editNodes = (\n      nodeList: NodeListOf<ChildNode>,\n      idx = 0,\n      remainingCharacters = maxChar,\n    ): NodeListOf<ChildNode> => {\n      const node = nodeList.item(idx);\n      if (node !== null) {\n        if (remainingCharacters <= 0) {\n          return nodeList;\n        }\n        node.textContent = handleMaxChars(node.textContent, remainingCharacters);\n\n        return editNodes(nodeList, idx + 1, remainingCharacters - node.textContent.length);\n      } else return nodeList;\n    };\n\n    editNodes(docChildren.childNodes.item(0).childNodes);\n\n    return createElement('div', {\n      dangerouslySetInnerHTML: {\n        __html: docChildren.innerHTML.toString(),\n      },\n    });\n  }\n\n  return handleMaxChars(text, maxChar);\n}\n\nfunction handleMaxChars(text: string, maxChar: number) {\n  return text.length > maxChar ? `${text.substring(0, maxChar)}...` : text;\n}\n\nfunction opacityLayerSwitchLightStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nfunction opacityLayerSwitchDarkStatement(property: unknown, returnProps: unknown) {\n  switch (property) {\n    case 'opacity25':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%);`;\n    case 'opacity50':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%);`;\n    case 'opacity75':\n      return `${returnProps}: linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%);`;\n    default:\n      return '';\n  }\n}\nexport { handleMaxChars, handleMaxCharsInHTML, opacityLayerSwitchLightStatement, opacityLayerSwitchDarkStatement };\n\nexport const ternaryCondition = (props: unknown, value: unknown, trueValue: unknown, falseValue: unknown): string => {\n  if (props === value) {\n    return trueValue as string;\n  } else {\n    return falseValue as string;\n  }\n};\n"],"names":["handleMaxCharsInHTML","text","maxChar","RegExp","prototype","test","bind","isHtml","docChildren","DOMParser","parseFromString","body","editNodes","nodeList","idx","remainingCharacters","node","item","textContent","handleMaxChars","length","childNodes","createElement","dangerouslySetInnerHTML","__html","innerHTML","toString","substring","opacityLayerSwitchLightStatement","property","returnProps","opacityLayerSwitchDarkStatement","ternaryCondition","props","value","trueValue","falseValue"],"mappings":"sCAQA,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,GAKhB,OAFAD,EAAUJ,EAAYa,WAAWJ,KAAK,GAAGI,YAElCC,EAAc,MAAO,CAC1BC,wBAAyB,CACvBC,OAAQhB,EAAYiB,UAAUC,aAGpC,CAEA,OAAOP,EAAelB,EAAMC,EAC9B,CAEA,SAASiB,EAAelB,EAAcC,GACpC,OAAOD,EAAKmB,OAASlB,EAAU,GAAGD,EAAK0B,UAAU,EAAGzB,QAAgBD,CACtE,CAEA,SAAS2B,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"}