@skodaflow/web-library 7.16.1 → 8.0.0

package/cjs/components/snackbar/snackbar.d.ts

@@ -1,36 +0,0 @@
-import React from 'react';
-import { SnackbarProps as MuiSnackbarProps } from '@mui/material';
-export interface SnackbarProps extends MuiSnackbarProps {
-    /**
-     * @deprecated use action instead
-     */
-    actionButtonTitle?: string;
-    /**
-     * @deprecated controlled by providing onClose property
-     */
-    closeOnClickaway?: boolean;
-    /**
-     * @deprecated provide onClose instead
-     */
-    setOpen?: React.Dispatch<React.SetStateAction<boolean>>;
-    /**
-     * @deprecated use onClose instead
-     */
-    handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;
-    /**
-     * @deprecated use action instead
-     */
-    handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;
-    /**
-     * @deprecated use severity on the Alert component instead
-     */
-    icon?: 'alert' | 'warning' | 'success' | '';
-    /**
-     * @deprecated use AlertTitle in Alert component instead
-     */
-    header?: string;
-}
-/**
- * @mui Snackbar that contains props parser for the previous implementation
- */
-export declare const Snackbar: React.FC<SnackbarProps>;

package/cjs/components/snackbar/snackbar.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),n=require("react"),i=require("@mui/material");const s=n.forwardRef((n,s)=>{var{icon:t,message:a,header:l,handleAction:c,actionButtonTitle:o,closeOnClickaway:d=!0,onClose:h,handleClose:u,setOpen:C,children:x}=n,j=e.__rest(n,["icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children"]);return r.jsx(i.Snackbar,Object.assign({ref:s,onClose:(e,r)=>{d&&(C?C(!1):h&&h(e,r),u&&u(e,r))}},j,{children:x||r.jsxs(i.Alert,{severity:t?{alert:"error",warning:"warning",success:"success"}[t]:void 0,action:r.jsx(i.Button,{variant:"text",color:"inherit",size:"small",onClick:c,children:o}),children:[r.jsx(i.AlertTitle,{children:l}),a]})}))});exports.Snackbar=s;
-//# sourceMappingURL=snackbar.js.map

package/cjs/components/snackbar/snackbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"snackbar.js","sources":["../../../../../src/components/snackbar/snackbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Snackbar as MuiSnackbar,\n  SnackbarProps as MuiSnackbarProps,\n  Alert,\n  AlertProps,\n  AlertTitle,\n  Button,\n} from '@mui/material';\n\nexport interface SnackbarProps extends MuiSnackbarProps {\n  /**\n   * @deprecated use action instead\n   */\n  actionButtonTitle?: string;\n  /**\n   * @deprecated controlled by providing onClose property\n   */\n  closeOnClickaway?: boolean;\n  /**\n   * @deprecated provide onClose instead\n   */\n  setOpen?: React.Dispatch<React.SetStateAction<boolean>>;\n  /**\n   * @deprecated use onClose instead\n   */\n  handleClose?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use action instead\n   */\n  handleAction?: (event: React.SyntheticEvent | Event, reason?: string) => void;\n  /**\n   * @deprecated use severity on the Alert component instead\n   */\n  icon?: 'alert' | 'warning' | 'success' | '';\n  /**\n   * @deprecated use AlertTitle in Alert component instead\n   */\n  header?: string;\n}\n\n/**\n * @mui Snackbar that contains props parser for the previous implementation\n */\nexport const Snackbar: React.FC<SnackbarProps> = forwardRef(\n  (\n    {\n      icon,\n      message,\n      header,\n      handleAction,\n      actionButtonTitle,\n      closeOnClickaway = true,\n      onClose,\n      handleClose,\n      setOpen,\n      children,\n      ...rest\n    },\n    ref,\n  ) => {\n    return (\n      <MuiSnackbar\n        ref={ref}\n        onClose={(e, reason) => {\n          if (closeOnClickaway) {\n            if (setOpen) {\n              setOpen(false);\n            } else if (onClose) {\n              onClose(e, reason);\n            }\n            if (handleClose) {\n              handleClose(e, reason);\n            }\n          }\n        }}\n        {...rest}\n      >\n        {children || (\n          <Alert\n            severity={\n              icon\n                ? ({ alert: 'error', warning: 'warning', success: 'success' }[icon] as AlertProps['severity'])\n                : undefined\n            }\n            action={\n              <Button variant=\"text\" color=\"inherit\" size=\"small\" onClick={handleAction}>\n                {actionButtonTitle}\n              </Button>\n            }\n          >\n            <AlertTitle>{header}</AlertTitle>\n            {message}\n          </Alert>\n        )}\n      </MuiSnackbar>\n    );\n  },\n);\n"],"names":["Snackbar","forwardRef","_a","ref","icon","message","header","handleAction","actionButtonTitle","closeOnClickaway","onClose","handleClose","setOpen","children","rest","__rest","_jsx","MuiSnackbar","Object","assign","e","reason","_jsxs","Alert","severity","alert","warning","success","undefined","action","Button","variant","color","size","onClick","AlertTitle"],"mappings":"iHA4CO,MAAMA,EAAoCC,EAAAA,WAC/C,CACEC,EAaAC,SAbAC,KACEA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,aACNA,EAAYC,kBACZA,EAAiBC,iBACjBA,GAAmB,EAAIC,QACvBA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,SACPA,GAAQX,EACLY,EAAIC,EAAAA,OAAAb,EAXT,CAAA,OAAA,UAAA,SAAA,eAAA,oBAAA,mBAAA,UAAA,cAAA,UAAA,aAeA,OACEc,MAACC,EAAAA,SAAWC,OAAAC,OAAA,CACVhB,IAAKA,EACLO,QAAS,CAACU,EAAGC,KACPZ,IACEG,EACFA,GAAQ,GACCF,GACTA,EAAQU,EAAGC,GAETV,GACFA,EAAYS,EAAGC,MAIjBP,EAAI,CAAAD,SAEPA,GACCS,OAACC,EAAAA,MAAK,CACJC,SACEpB,EACK,CAAEqB,MAAO,QAASC,QAAS,UAAWC,QAAS,WAAYvB,QAC5DwB,EAENC,OACEb,EAAAA,IAACc,EAAAA,OAAM,CAACC,QAAQ,OAAOC,MAAM,UAAUC,KAAK,QAAQC,QAAS3B,EAAYM,SACtEL,cAILQ,EAAAA,IAACmB,EAAAA,WAAU,CAAAtB,SAAEP,IACZD"}

package/cjs/components/spacing/spacing.js

@@ -1,2 +0,0 @@
-"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),t=require("react"),s=require("@mui/material");const a=t.forwardRef((t,a)=>{var{sx:i,value:u=2,horizontal:n=!1}=t,o=r.__rest(t,["sx","value","horizontal"]);return e.jsx(s.Box,Object.assign({ref:a,sx:Object.assign({pl:n?u:0,pt:n?0:u},i)},o))});exports.Spacing=a;
-//# sourceMappingURL=spacing.js.map

package/cjs/components/spacing/spacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.js","sources":["../../../../../src/components/spacing/spacing.tsx"],"sourcesContent":["import React, { ElementType, forwardRef } from 'react';\nimport { Box, BoxProps } from '@mui/material';\nimport { ResponsiveStyleValue } from '@mui/system';\n\nexport interface SpacingProps extends BoxProps<ElementType> {\n  /**\n   * Value of spacing. Transpiles to theme.spacing(value).\n   *\n   * @default 2 that transpiles by default to 16px\n   */\n  value?: ResponsiveStyleValue<number | string>;\n  /**\n   * Defines whether the Spacing should be horizontal or vertical.\n   * @default: false\n   */\n  horizontal?: boolean;\n}\n\nexport const Spacing: React.FC<SpacingProps> = forwardRef(({ sx, value = 2, horizontal = false, ...rest }, ref) => {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        pl: horizontal ? value : 0,\n        pt: horizontal ? 0 : value,\n        ...sx,\n      }}\n      {...rest}\n    />\n  );\n});\n"],"names":["Spacing","forwardRef","_a","ref","sx","value","horizontal","rest","__rest","_jsx","Box","Object","assign","pl","pt"],"mappings":"iHAkBO,MAAMA,EAAkCC,EAAAA,WAAW,CAACC,EAAgDC,KAAhD,IAAAC,GAAEA,EAAEC,MAAEA,EAAQ,EAACC,WAAEA,GAAa,GAAKJ,EAAKK,EAAIC,EAAAA,OAAAN,EAA5C,6BACzD,OACEO,MAACC,EAAAA,IAAGC,OAAAC,OAAA,CACFT,IAAKA,EACLC,GAAEO,OAAAC,OAAA,CACAC,GAAIP,EAAaD,EAAQ,EACzBS,GAAIR,EAAa,EAAID,GAClBD,IAEDG"}

package/cjs/components/stepper/desktopStepperStepDescription.d.ts

@@ -1,12 +0,0 @@
-import { Location, StepDescriptionDefinition } from './model';
-/**
- * @deprecated
- */
-declare const getStepDescriptionLocation: (location?: Location) => {
-    marginTop: string;
-};
-/**
- * @deprecated
- */
-declare const StepDescription: (props: StepDescriptionDefinition) => import("react/jsx-runtime").JSX.Element;
-export { StepDescription, getStepDescriptionLocation };

package/cjs/components/stepper/desktopStepperStepDescription.js

@@ -1,2 +0,0 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@mui/material"),r=require("./stepper.styles.js");const i=(t="bottom")=>{const e={marginTop:"16px"};switch(t){case"bottom":default:return e;case"top":return{marginTop:"calc(-50% + -16px)"}}};exports.StepDescription=s=>{if(!s)return null;const{text:o,width:p,tooltipProps:n={title:void 0}}=s;return t.jsx(e.Box,{sx:r.stepperStyles.getStepDescriptionContainerStyle(i()),children:t.jsx(e.Tooltip,Object.assign({},n,{children:t.jsx(e.Chip,{sx:Object.assign({},r.stepperStyles.getMultilineChipStyle(p)),color:"primary",label:o})}))})},exports.getStepDescriptionLocation=i;
-//# sourceMappingURL=desktopStepperStepDescription.js.map

package/cjs/components/stepper/desktopStepperStepDescription.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"desktopStepperStepDescription.js","sources":["../../../../../src/components/stepper/desktopStepperStepDescription.tsx"],"sourcesContent":["import { Box, Chip, Tooltip } from '@mui/material';\nimport React from 'react';\nimport { Location, StepDescriptionDefinition } from './model';\nimport { stepperStyles } from './stepper.styles';\n\n/**\n * @deprecated\n */\nconst getStepDescriptionLocation = (location: Location = 'bottom') => {\n  const defaultLocation = { marginTop: '16px' };\n  switch (location) {\n    case 'bottom':\n      return defaultLocation;\n    case 'top':\n      return { marginTop: 'calc(-50% + -16px)' };\n    default:\n      return defaultLocation;\n  }\n};\n\n/**\n * @deprecated\n */\nconst StepDescription = (props: StepDescriptionDefinition) => {\n  if (!props) {\n    return null;\n  }\n  const { text, width, tooltipProps = { title: undefined } } = props;\n  return (\n    <Box sx={stepperStyles.getStepDescriptionContainerStyle(getStepDescriptionLocation())}>\n      <Tooltip {...tooltipProps}>\n        <Chip\n          sx={{\n            ...stepperStyles.getMultilineChipStyle(width),\n          }}\n          color=\"primary\"\n          label={text}\n        />\n      </Tooltip>\n    </Box>\n  );\n};\n\nexport { StepDescription, getStepDescriptionLocation };\n"],"names":["getStepDescriptionLocation","location","defaultLocation","marginTop","props","text","width","tooltipProps","title","undefined","_jsx","Box","sx","stepperStyles","getStepDescriptionContainerStyle","children","Tooltip","Object","assign","Chip","getMultilineChipStyle","color","label"],"mappings":"4GAQA,MAAMA,EAA6B,CAACC,EAAqB,YACvD,MAAMC,EAAkB,CAAEC,UAAW,QACrC,OAAQF,GACN,IAAK,SAIL,QACE,OAAOC,EAHT,IAAK,MACH,MAAO,CAAEC,UAAW,gDASDC,IACvB,IAAKA,EACH,OAAO,KAET,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,aAAEA,EAAe,CAAEC,WAAOC,IAAgBL,EAC7D,OACEM,EAAAA,IAACC,EAAAA,KAAIC,GAAIC,EAAAA,cAAcC,iCAAiCd,KAA6Be,SACnFL,EAAAA,IAACM,EAAAA,QAAOC,OAAAC,OAAA,CAAA,EAAKX,YACXG,EAAAA,IAACS,EAAAA,KAAI,CACHP,oBACKC,EAAAA,cAAcO,sBAAsBd,IAEzCe,MAAM,UACNC,MAAOjB"}

package/cjs/components/stepper/index.d.ts

@@ -1,2 +0,0 @@
-export * from './stepper';
-export * from './model';

package/cjs/components/stepper/model.d.ts

@@ -1,65 +0,0 @@
-import { Theme, SxProps, TooltipProps } from '@mui/material';
-import { HTMLAttributes } from 'react';
-type Location = 'top' | 'bottom';
-/**
- * @deprecated
- */
-interface StepDescriptionDefinition {
-    text?: string;
-    width?: string;
-    tooltipProps?: TooltipProps;
-}
-/**
- * @deprecated
- */
-interface StepDefinition {
-    label: string;
-    stepDescription?: StepDescriptionDefinition;
-}
-/**
- * @deprecated
- */
-declare const StepperIconsEnum: {
-    default: string;
-    active: string;
-    completed: string;
-};
-/**
- * @deprecated Use StepperProps from @mui/material instead
- */
-interface StepperProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     *  The activeStep of a stepper.
-     */
-    activeStep?: number;
-    /**
-     *  if true, orientation is horizontal, then the step label will be positioned under the icon..
-     */
-    alternativeLabel?: boolean;
-    /**
-     *  The system prop that allows defining system overrides as well as additional CSS styles.
-     */
-    sx?: SxProps<Theme>;
-    /**
-     *  Override or extend the styles applied to the component.
-     */
-    classes?: object;
-    /**
-     *  An element to be placed between each step.
-     */
-    connector?: Element;
-    /**
-     *  If set the Stepper will not assist in controlling steps for linear flow.
-     */
-    nonLinear?: boolean;
-    /**
-     *  The component orientation (layout flow direction).
-     */
-    orientation?: 'horizontal';
-    /**
-     *  The total steps.
-     */
-    step?: Array<string | StepDefinition>;
-}
-export { StepperIconsEnum };
-export type { StepDescriptionDefinition, Location, StepDefinition, StepperProps };

package/cjs/components/stepper/model.js

@@ -1,2 +0,0 @@
-"use strict";const e=Object.seal({default:"QontoStepIcon-circle",active:"QontoStepIcon-active",completed:"QontoStepIcon-completedIcon"});exports.StepperIconsEnum=e;
-//# sourceMappingURL=model.js.map

package/cjs/components/stepper/model.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"model.js","sources":["../../../../../src/components/stepper/model.ts"],"sourcesContent":["import { Theme, SxProps, TooltipProps } from '@mui/material';\nimport { HTMLAttributes } from 'react';\n\ntype Location = 'top' | 'bottom';\n\n/**\n * @deprecated\n */\ninterface StepDescriptionDefinition {\n  text?: string;\n  width?: string;\n  tooltipProps?: TooltipProps;\n}\n\n/**\n * @deprecated\n */\ninterface StepDefinition {\n  label: string;\n  stepDescription?: StepDescriptionDefinition;\n}\n\n/**\n * @deprecated\n */\nconst StepperIconsEnum = Object.seal({\n  default: 'QontoStepIcon-circle',\n  active: 'QontoStepIcon-active',\n  completed: 'QontoStepIcon-completedIcon',\n});\n\n/**\n * @deprecated Use StepperProps from @mui/material instead\n */\ninterface StepperProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   *  The activeStep of a stepper.\n   */\n  activeStep?: number;\n  /**\n   *  if true, orientation is horizontal, then the step label will be positioned under the icon..\n   */\n  alternativeLabel?: boolean;\n  /**\n   *  The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx?: SxProps<Theme>;\n  /**\n   *  Override or extend the styles applied to the component.\n   */\n  classes?: object;\n  /**\n   *  An element to be placed between each step.\n   */\n  connector?: Element;\n  /**\n   *  If set the Stepper will not assist in controlling steps for linear flow.\n   */\n  nonLinear?: boolean;\n  /**\n   *  The component orientation (layout flow direction).\n   */\n  orientation?: 'horizontal';\n  /**\n   *  The total steps.\n   */\n  step?: Array<string | StepDefinition>;\n}\n\nexport { StepperIconsEnum };\nexport type { StepDescriptionDefinition, Location, StepDefinition, StepperProps };\n"],"names":["StepperIconsEnum","Object","seal","default","active","completed"],"mappings":"aAyBA,MAAMA,EAAmBC,OAAOC,KAAK,CACnCC,QAAS,uBACTC,OAAQ,uBACRC,UAAW"}

package/cjs/components/stepper/stepper.d.ts

@@ -1,9 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-import { StepperProps } from './model';
-/**
- * @deprecated Use Stepper from @mui/material instead
- *
- * @see @mui/material/Stepper
- */
-declare const Stepper: FC<PropsWithChildren<StepperProps>>;
-export { Stepper };

package/cjs/components/stepper/stepper.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material"),s=require("./desktopStepperStepDescription.js"),i=require("./stepper.styles.js");const n=r.styled("div")(()=>i.stepperStyles.stepperContainer);exports.Stepper=p=>{var{activeStep:a,alternativeLabel:l,children:c,classes:o,connector:S,nonLinear:u,orientation:d,step:v}=p,b=e.__rest(p,["activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step"]);return t.jsx(n,{children:t.jsx(r.Stepper,Object.assign({},b,{activeStep:a,alternativeLabel:l,children:c||v.map(e=>{const n="string"==typeof e||e instanceof String,p=n?e:e.label;return t.jsxs(r.Step,{children:[t.jsx(r.StepLabel,{style:i.stepperStyles.stepLabel,children:p}),!n&&l&&s.StepDescription(e.stepDescription)]},p+"")})}))})};
-//# sourceMappingURL=stepper.js.map

package/cjs/components/stepper/stepper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stepper.js","sources":["../../../../../src/components/stepper/stepper.tsx"],"sourcesContent":["import { Stepper as MuiStepper, Step, StepLabel, styled } from '@mui/material';\nimport { FC, PropsWithChildren } from 'react';\nimport { StepDescription } from './desktopStepperStepDescription';\nimport { StepDefinition, StepperProps } from './model';\nimport { stepperStyles } from './stepper.styles';\n\nconst StepperStyled = styled('div')<{ theme?: any }>(() => {\n  return stepperStyles.stepperContainer;\n});\n\n/**\n * @deprecated Use Stepper from @mui/material instead\n *\n * @see @mui/material/Stepper\n */\nconst Stepper: FC<PropsWithChildren<StepperProps>> = ({\n  activeStep,\n  alternativeLabel,\n  children,\n  classes,\n  connector,\n  nonLinear,\n  orientation,\n  step,\n  ...props\n}) => {\n  const desktopStepper = () => (\n    <MuiStepper {...props} activeStep={activeStep} alternativeLabel={alternativeLabel}>\n      {children ||\n        step.map((item) => {\n          const isItemString = typeof item === 'string' || item instanceof String;\n          const label = isItemString ? item : (item as StepDefinition).label;\n          return (\n            <Step key={label + ''}>\n              <StepLabel style={stepperStyles.stepLabel}>{label}</StepLabel>\n              {!isItemString && alternativeLabel && StepDescription((item as StepDefinition).stepDescription)}\n            </Step>\n          );\n        })}\n    </MuiStepper>\n  );\n\n  return <StepperStyled>{desktopStepper()}</StepperStyled>;\n};\n\nexport { Stepper };\n"],"names":["StepperStyled","styled","stepperStyles","stepperContainer","_a","activeStep","alternativeLabel","children","classes","connector","nonLinear","orientation","step","props","__rest","_jsx","MuiStepper","Object","assign","map","item","isItemString","String","label","_jsxs","Step","StepLabel","style","stepLabel","StepDescription","stepDescription"],"mappings":"+KAMA,MAAMA,EAAgBC,EAAAA,OAAO,MAAPA,CAA+B,IAC5CC,EAAAA,cAAcC,kCAQ+BC,QAAAC,WACpDA,EAAUC,iBACVA,EAAgBC,SAChBA,EAAQC,QACRA,EAAOC,UACPA,EAASC,UACTA,EAASC,YACTA,EAAWC,KACXA,GAAIR,EACDS,EAAKC,EAAAA,OAAAV,EAT4C,qGA2BpD,OAAOW,EAAAA,IAACf,EAAa,CAAAO,SAfnBQ,EAAAA,IAACC,EAAAA,QAAUC,OAAAC,OAAA,CAAA,EAAKL,EAAK,CAAER,WAAYA,EAAYC,iBAAkBA,WAC9DC,GACCK,EAAKO,IAAKC,IACR,MAAMC,EAA+B,iBAATD,GAAqBA,aAAgBE,OAC3DC,EAAQF,EAAeD,EAAQA,EAAwBG,MAC7D,OACEC,EAAAA,KAACC,OAAI,CAAAlB,SAAA,CACHQ,MAACW,EAAAA,UAAS,CAACC,MAAOzB,EAAAA,cAAc0B,UAASrB,SAAGgB,KAC1CF,GAAgBf,GAAoBuB,EAAAA,gBAAiBT,EAAwBU,mBAFtEP,EAAQ"}