@skodaflow/web-library 7.16.1 → 8.0.0

package/materialui/chip/chip.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"chip.theme.js","sources":["../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles/components';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for chip that is actually a button\n */\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\n/**\n * Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n  if (variant === 'outlined') {\n    return {\n      backgroundColor: hover ? theme.palette.transparent.secondary : 'transparent',\n      color: primaryColor,\n      borderColor: primaryColor,\n    };\n  } else {\n    return {\n      backgroundColor: primaryColor,\n      color: theme.palette.onSurface.os0,\n      borderColor: primaryColor,\n    };\n  }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n  defaultProps: {\n    deleteIcon: <CloseIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      // proportions\n      height: 'auto',\n      minWidth: '0',\n      padding: '5px 16px',\n      // not recommended small variant\n      ...(ownerState.size === 'small' && {\n        padding: '2px 12px',\n      }),\n      // custom font size\n      textRendering: 'geometricPrecision',\n      textTransform: 'none',\n      fontSize: '16px',\n      lineHeight: '20px',\n      fontWeight: '400',\n      letterSpacing: '0px',\n      outline: 'none',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      textAlign: 'center',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // correct cursor if the chip is clickable button\n      '&&.MuiButtonBase-root': {\n        cursor: 'pointer',\n      },\n      // more important selector to overwrite default @mui styling\n      '&, &:active': {\n        boxShadow: 'none',\n        // drop shadow variant (+ old API support)\n        ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n          boxShadow: theme.flowShadows.xs,\n        }),\n      },\n      // style (default 'filled' (solid) variant)\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      ...getChipInteractiveStyle(\n        {\n          backgroundColor: theme.palette.surface.primary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.background.primary,\n          }),\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.surface.primary,\n          }),\n        },\n      ),\n      // transparent variant\n      ...(ownerState.variant === 'transparent' && {\n        ...getChipInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.primary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n        ),\n      }),\n      // deprecated secondary color\n      ...(ownerState.color === 'secondary' &&\n        ownerState.variant !== 'outlined' && {\n          ...getChipInteractiveStyle(\n            {\n              backgroundColor: theme.palette.secondary.main,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.main,\n            },\n            {\n              backgroundColor: theme.palette.secondary.dark,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.dark,\n            },\n          ),\n        }),\n      // deprecated semantic colors\n      ...(ownerState.color === 'error' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'warning' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n          },\n        ),\n      }),\n      // selected chip\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        borderWidth: '2px',\n        // remove 1px border for each side\n        padding: '4px 15px',\n        ...(ownerState.size === 'small' && {\n          padding: '1px 11px',\n        }),\n        ...getChipInteractiveStyle(\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brand.secondary,\n                borderColor: theme.palette.brand.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brandHover.secondary,\n                borderColor: theme.palette.brandHover.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brandHover.primary,\n                borderColor: theme.palette.brandHover.primary,\n              },\n        ),\n      }),\n      // disabled\n      '&.Mui-disabled': {\n        opacity: '1',\n        userSelect: 'none',\n        color: theme.palette.disabled.primary,\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.primary,\n        // transparent variant\n        ...(ownerState.variant === 'transparent' && {\n          backgroundColor: theme.palette.transparent.primary,\n        }),\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        ...updateFocusRingStyle(2),\n      }),\n      // old api, counting dot\n      '& .count': {\n        ...(theme.palette.mode === 'dark'\n          ? {\n              backgroundColor: theme.palette.brand.secondary,\n              color: theme.palette.onSurface.os900,\n            }\n          : {\n              backgroundColor: theme.palette.brand.primary,\n              color: theme.palette.common.white,\n            }),\n        minWidth: '20px',\n        height: '20px',\n        borderRadius: '20px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        textAlign: 'center',\n        marginLeft: '10px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        fontWeight: '700',\n        '& + .MuiChip-deleteIcon': {\n          marginLeft: '5px',\n        },\n      },\n      '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n        fontSize: '17px',\n        // space between text and icon\n        marginRight: '0',\n        marginLeft: '10px',\n      },\n      '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n        transform: 'rotate(180deg)',\n      },\n    }),\n    icon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n    },\n    deleteIcon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      padding: '0',\n    },\n  },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","transparent","secondary","color","borderColor","onSurface","os0","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","surface","primary","text","os500","_b","background","_c","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}
+{"version":3,"file":"chip.theme.js","sources":["../../../src/materialui/chip/chip.theme.tsx"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { CSSObject, Theme } from '@mui/material';\nimport { CloseIcon } from '@/src/components/icon/stroke/CloseIcon';\nimport { getFocusRingStyle, updateFocusRingStyle } from '@/src/components/focusring/focusring';\nimport { getInteractiveStyle } from '@/src/materialui/button/interactive';\n\n/**\n * Wrapper around getInteractiveStyle() function to provide interactive style\n *  only for chip that is actually a button\n */\nfunction getChipInteractiveStyle(defaultStyle: CSSObject, hoverStyle: CSSObject): CSSObject {\n  return {\n    ...defaultStyle,\n    '&.MuiButtonBase-root': {\n      ...getInteractiveStyle(defaultStyle, hoverStyle),\n    },\n  };\n}\n\n/**\n * Return style for either outlined or filled variant. Used by deprecated semantic colors\n */\nfunction getVariantStyle(theme: Theme, variant: string, primaryColor: string, hover?: boolean): CSSObject {\n  if (variant === 'outlined') {\n    return {\n      backgroundColor: hover ? theme.palette.transparent.secondary : 'transparent',\n      color: primaryColor,\n      borderColor: primaryColor,\n    };\n  } else {\n    return {\n      backgroundColor: primaryColor,\n      color: theme.palette.onSurface.os0,\n      borderColor: primaryColor,\n    };\n  }\n}\n\nexport const flowChip: Components<Theme>['MuiChip'] = {\n  defaultProps: {\n    deleteIcon: <CloseIcon />,\n  },\n  styleOverrides: {\n    root: ({ theme, ownerState }) => ({\n      position: 'relative',\n      // proportions\n      height: 'auto',\n      minWidth: '0',\n      padding: '5px 16px',\n      // not recommended small variant\n      ...(ownerState.size === 'small' && {\n        padding: '2px 12px',\n      }),\n      // custom font size\n      textRendering: 'geometricPrecision',\n      textTransform: 'none',\n      fontSize: '16px',\n      lineHeight: '20px',\n      fontWeight: '400',\n      letterSpacing: '0px',\n      outline: 'none',\n      // 50% border radius without skewing ratio\n      borderRadius: '1000px',\n      textAlign: 'center',\n      transition:\n        'transform 0.3s ease-out, color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out, box-shadow 0.3s ease-out, opacity 0.3s ease-out',\n      // correct cursor if the chip is clickable button\n      '&&.MuiButtonBase-root': {\n        cursor: 'pointer',\n      },\n      // more important selector to overwrite default @mui styling\n      '&, &:active': {\n        boxShadow: 'none',\n        // drop shadow variant (+ old API support)\n        ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n          boxShadow: theme.flowShadows.xs,\n        }),\n      },\n      // style (default 'filled' (solid) variant)\n      border: `1px solid ${theme.palette.onSurface.os900}`,\n      ...getChipInteractiveStyle(\n        {\n          backgroundColor: theme.palette.surface.primary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.background.primary,\n          }),\n        },\n        {\n          backgroundColor: theme.palette.surface.secondary,\n          color: theme.palette.text.primary,\n          borderColor: theme.palette.onSurface.os500,\n          // drop shadow variant (+ old API support)\n          ...((ownerState.raised || ownerState.className?.includes('.MuiChip-shadow')) && {\n            backgroundColor: theme.palette.surface.primary,\n          }),\n        },\n      ),\n      // transparent variant\n      ...(ownerState.variant === 'transparent' && {\n        ...getChipInteractiveStyle(\n          {\n            backgroundColor: theme.palette.transparent.primary,\n          },\n          {\n            backgroundColor: theme.palette.transparent.secondary,\n          },\n        ),\n      }),\n      // deprecated secondary color\n      ...(ownerState.color === 'secondary' &&\n        ownerState.variant !== 'outlined' && {\n          ...getChipInteractiveStyle(\n            {\n              backgroundColor: theme.palette.secondary.main,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.main,\n            },\n            {\n              backgroundColor: theme.palette.secondary.dark,\n              color: theme.palette.common.white,\n              borderColor: theme.palette.secondary.dark,\n            },\n          ),\n        }),\n      // deprecated semantic colors, used by Production team\n      ...(ownerState.color === 'error' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.error.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'warning' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.warning.dark, true),\n          },\n        ),\n      }),\n      ...(ownerState.color === 'info' && {\n        ...getChipInteractiveStyle(\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.main),\n          },\n          {\n            ...getVariantStyle(theme, ownerState.variant, theme.palette.info.dark, true),\n          },\n        ),\n      }),\n      // selected chip\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        borderWidth: '2px',\n        // remove 1px border for each side\n        padding: '4px 15px',\n        ...(ownerState.size === 'small' && {\n          padding: '1px 11px',\n        }),\n        ...getChipInteractiveStyle(\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brand.secondary,\n                borderColor: theme.palette.brand.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brand.primary,\n                borderColor: theme.palette.brand.primary,\n              },\n          theme.palette.mode === 'dark'\n            ? {\n                backgroundColor: theme.palette.onSurface.os800,\n                color: theme.palette.brandHover.secondary,\n                borderColor: theme.palette.brandHover.secondary,\n              }\n            : {\n                backgroundColor: theme.palette.brand.quarternary,\n                color: theme.palette.brandHover.primary,\n                borderColor: theme.palette.brandHover.primary,\n              },\n        ),\n      }),\n      // disabled\n      '&.Mui-disabled': {\n        opacity: '1',\n        userSelect: 'none',\n        color: theme.palette.disabled.primary,\n        backgroundColor: theme.palette.surface.primary,\n        borderColor: theme.palette.disabled.primary,\n        // transparent variant\n        ...(ownerState.variant === 'transparent' && {\n          backgroundColor: theme.palette.transparent.primary,\n        }),\n      },\n      // focused style\n      ...getFocusRingStyle(theme, true, 1),\n      ...((ownerState.isSelected || ['success', 'primary'].includes(ownerState.color)) && {\n        ...updateFocusRingStyle(2),\n      }),\n      // old api, counting dot\n      '& .count': {\n        ...(theme.palette.mode === 'dark'\n          ? {\n              backgroundColor: theme.palette.brand.secondary,\n              color: theme.palette.onSurface.os900,\n            }\n          : {\n              backgroundColor: theme.palette.brand.primary,\n              color: theme.palette.common.white,\n            }),\n        minWidth: '20px',\n        height: '20px',\n        borderRadius: '20px',\n        paddingLeft: '4px',\n        paddingRight: '4px',\n        textAlign: 'center',\n        marginLeft: '10px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        fontWeight: '700',\n        '& + .MuiChip-deleteIcon': {\n          marginLeft: '5px',\n        },\n      },\n      '& .chevron-down, & .chevron-up, & .MuiSvgIcon-root:last-child': {\n        fontSize: '17px',\n        // space between text and icon\n        marginRight: '0',\n        marginLeft: '10px',\n      },\n      '&.chevron-down.isOpen, & .MuiSvgIcon-root:last-child.isOpen': {\n        transform: 'rotate(180deg)',\n      },\n    }),\n    icon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '10px',\n      marginLeft: '0',\n    },\n    deleteIcon: {\n      '&, &:hover': {\n        color: 'currentColor',\n      },\n      fontSize: '17px',\n      // space between text and icon\n      marginRight: '0',\n      marginLeft: '10px',\n    },\n    label: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      padding: '0',\n    },\n  },\n};\n"],"names":["getChipInteractiveStyle","defaultStyle","hoverStyle","Object","assign","getInteractiveStyle","getVariantStyle","theme","variant","primaryColor","hover","backgroundColor","palette","transparent","secondary","color","borderColor","onSurface","os0","flowChip","defaultProps","deleteIcon","_jsx","CloseIcon","styleOverrides","root","ownerState","position","height","minWidth","padding","size","textRendering","textTransform","fontSize","lineHeight","fontWeight","letterSpacing","outline","borderRadius","textAlign","transition","cursor","boxShadow","raised","className","_a","includes","flowShadows","xs","border","os900","surface","primary","text","os500","_b","background","_c","main","common","white","dark","error","warning","info","isSelected","borderWidth","mode","os800","brand","quarternary","brandHover","opacity","userSelect","disabled","getFocusRingStyle","updateFocusRingStyle","paddingLeft","paddingRight","marginLeft","marginRight","transform","icon","label","display","alignItems","justifyContent"],"mappings":"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"}

package/materialui/chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip } from '@mui/material';
+export type { ChipProps } from '@mui/material';

package/materialui/circularprogress/circularprogress.theme.js

@@ -1,2 +1,2 @@
-const e={defaultProps:{size:24,thickness:8},styleOverrides:{circle:{strokeLinecap:"round"}}};export{e as flowCircularProgress};
+const e={defaultProps:{size:24,thickness:8,enableTrackSlot:!0},styleOverrides:{root:({theme:e})=>({color:"dark"===e.palette.mode?e.palette.brand.secondary:e.palette.brand.primary}),circle:{strokeLinecap:"round"},track:({theme:e})=>({opacity:"1",stroke:"dark"===e.palette.mode?e.palette.onSurface.os700:e.palette.transparent.secondary})}};export{e as flowCircularProgress};
 //# sourceMappingURL=circularprogress.theme.js.map

package/materialui/circularprogress/circularprogress.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"circularprogress.theme.js","sources":["../../../src/materialui/circularprogress/circularprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowCircularProgress: Components<Theme>['MuiCircularProgress'] = {\n  defaultProps: {\n    size: 24,\n    thickness: 8,\n    // enable with latest @mui version\n    // enableTrackSlot: true,\n  },\n  styleOverrides: {\n    circle: {\n      strokeLinecap: 'round',\n    },\n  },\n};\n"],"names":["flowCircularProgress","defaultProps","size","thickness","styleOverrides","circle","strokeLinecap"],"mappings":"AAGO,MAAMA,EAAiE,CAC5EC,aAAc,CACZC,KAAM,GACNC,UAAW,GAIbC,eAAgB,CACdC,OAAQ,CACNC,cAAe"}
+{"version":3,"file":"circularprogress.theme.js","sources":["../../../src/materialui/circularprogress/circularprogress.theme.ts"],"sourcesContent":["import { Components } from '@mui/material/styles';\nimport { Theme } from '@mui/material';\n\nexport const flowCircularProgress: Components<Theme>['MuiCircularProgress'] = {\n  defaultProps: {\n    size: 24,\n    thickness: 8,\n    enableTrackSlot: true,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      color: theme.palette.mode === 'dark' ? theme.palette.brand.secondary : theme.palette.brand.primary,\n    }),\n    circle: {\n      strokeLinecap: 'round',\n    },\n    track: ({ theme }) => ({\n      opacity: '1',\n      stroke: theme.palette.mode === 'dark' ? theme.palette.onSurface.os700 : theme.palette.transparent.secondary,\n    }),\n  },\n};\n"],"names":["flowCircularProgress","defaultProps","size","thickness","enableTrackSlot","styleOverrides","root","theme","color","palette","mode","brand","secondary","primary","circle","strokeLinecap","track","opacity","stroke","onSurface","os700","transparent"],"mappings":"AAGO,MAAMA,EAAiE,CAC5EC,aAAc,CACZC,KAAM,GACNC,UAAW,EACXC,iBAAiB,GAEnBC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACdC,MAA8B,SAAvBD,EAAME,QAAQC,KAAkBH,EAAME,QAAQE,MAAMC,UAAYL,EAAME,QAAQE,MAAME,UAE7FC,OAAQ,CACNC,cAAe,SAEjBC,MAAO,EAAGT,YAAO,CACfU,QAAS,IACTC,OAA+B,SAAvBX,EAAME,QAAQC,KAAkBH,EAAME,QAAQU,UAAUC,MAAQb,EAAME,QAAQY,YAAYT"}

package/materialui/container/container.theme.d.ts

@@ -1,5 +1,5 @@
 import { Breakpoint, Theme } from '@mui/material';
-import { Components } from '@mui/material/styles/components';
+import { Components } from '@mui/material/styles';
 export declare const getGutters: (breakpoint: Breakpoint, narrow?: boolean) => {
     paddingLeft: string;
     paddingRight: string;

package/materialui/container/container.theme.js

@@ -1,2 +1,2 @@
-import e from"@skodaflow/web-tokens/src/tokens.json";const t=(t,s)=>((t,s)=>{const a=s?e["flow-grid"].narrow:e["flow-grid"].default;switch(t){case"xs":case"sm":return a.find(e=>"mobile"===e.media);case"md":return a.find(e=>"tablet"===e.media);case"lg":return a.find(e=>"desktop"===e.media);case"xl":return a.find(e=>"desktop-xl"===e.media)}})(t,s).style.offset,s=(e,s)=>{const a=t(e,s);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},a={paddingLeft:0,paddingRight:0},p={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:s("xs"),[e.breakpoints.up("sm")]:s("sm"),[e.breakpoints.up("md")]:s("md"),[e.breakpoints.up("lg")]:s("lg"),[e.breakpoints.up("xl")]:s("xl"),"&.narrow":{[e.breakpoints.up("xs")]:s("xs",!0),[e.breakpoints.up("sm")]:s("sm",!0),[e.breakpoints.up("md")]:s("md",!0),[e.breakpoints.up("lg")]:s("lg",!0),[e.breakpoints.up("xl")]:s("xl",!0)}}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a,"&.narrow":{[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a}}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};export{p as flowContainer,s as getGutters};
+import e from"@skodaflow/web-tokens/src/tokens.json";const t=(t,s)=>(t=>{const s=e["flow-grid"].default;switch(t){case"xs":case"sm":return s.find(e=>"mobile"===e.media);case"md":return s.find(e=>"tablet"===e.media);case"lg":return s.find(e=>"desktop"===e.media);case"xl":return s.find(e=>"desktop-xl"===e.media)}})(t).style.offset,s=(e,s)=>{const a=t(e);return a?{paddingLeft:+a+"px",paddingRight:+a+"px"}:void 0},a={paddingLeft:0,paddingRight:0},i={defaultProps:{maxWidth:!1},styleOverrides:{root:({theme:e})=>({[e.breakpoints.up("xs")]:s("xs"),[e.breakpoints.up("sm")]:s("sm"),[e.breakpoints.up("md")]:s("md"),[e.breakpoints.up("lg")]:s("lg"),[e.breakpoints.up("xl")]:s("xl")}),disableGutters:({theme:e})=>({[e.breakpoints.up("xs")]:a,[e.breakpoints.up("sm")]:a,[e.breakpoints.up("md")]:a,[e.breakpoints.up("lg")]:a,[e.breakpoints.up("md")]:a}),maxWidthXs:({theme:e})=>({[e.breakpoints.up("xs")]:{maxWidth:e.breakpoints.values.sm}}),maxWidthSm:({theme:e})=>({[e.breakpoints.up("sm")]:{maxWidth:e.breakpoints.values.md}}),maxWidthMd:({theme:e})=>({[e.breakpoints.up("md")]:{maxWidth:e.breakpoints.values.lg}}),maxWidthLg:({theme:e})=>({[e.breakpoints.up("lg")]:{maxWidth:e.breakpoints.values.xl}}),maxWidthXl:({theme:e})=>({[e.breakpoints.up("xl")]:{maxWidth:e.breakpoints.values.xl}})},variants:[]};export{i as flowContainer,s as getGutters};
 //# sourceMappingURL=container.theme.js.map

package/materialui/container/container.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.theme.js","sources":["../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles/components';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n  switch (breakpoint) {\n    case 'xs':\n      return grid.find((i) => i.media === 'mobile');\n    case 'sm':\n      return grid.find((i) => i.media === 'mobile');\n    case 'md':\n      return grid.find((i) => i.media === 'tablet');\n    case 'lg':\n      return grid.find((i) => i.media === 'desktop');\n    case 'xl':\n      return grid.find((i) => i.media === 'desktop-xl');\n  }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nexport const getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const padding = getOffset(breakpoint, narrow);\n  return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n  paddingLeft: 0,\n  paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n  defaultProps: {\n    maxWidth: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: getGutters('xl'),\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: getGutters('xs', true),\n        [theme.breakpoints.up('sm')]: getGutters('sm', true),\n        [theme.breakpoints.up('md')]: getGutters('md', true),\n        [theme.breakpoints.up('lg')]: getGutters('lg', true),\n        [theme.breakpoints.up('xl')]: getGutters('xl', true),\n      },\n    }),\n    disableGutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: disabledGutters,\n      [theme.breakpoints.up('sm')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      [theme.breakpoints.up('lg')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      // @deprecated <Container classsName='narrow' />\n      '&.narrow': {\n        [theme.breakpoints.up('xs')]: disabledGutters,\n        [theme.breakpoints.up('sm')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n        [theme.breakpoints.up('lg')]: disabledGutters,\n        [theme.breakpoints.up('md')]: disabledGutters,\n      },\n    }),\n    maxWidthXs: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: {\n        maxWidth: theme.breakpoints.values.sm,\n      },\n    }),\n    maxWidthSm: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        maxWidth: theme.breakpoints.values.md,\n      },\n    }),\n    maxWidthMd: ({ theme }) => ({\n      [theme.breakpoints.up('md')]: {\n        maxWidth: theme.breakpoints.values.lg,\n      },\n    }),\n    maxWidthLg: ({ theme }) => ({\n      [theme.breakpoints.up('lg')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    maxWidthXl: ({ theme }) => ({\n      [theme.breakpoints.up('xl')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n  },\n  variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"qDAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,EAACD,EAAwBC,KAC/C,MAAMC,EAAOD,EAASE,EAAO,aAAaF,OAASE,EAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,YAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,eAAZA,EAAEC,SAIgCC,CAAgBR,EAAYC,GAAQQ,MAAMC,OAE7FC,EAAa,CAACX,EAAwBC,KACjD,MAAMW,EAAUb,EAAUC,EAAYC,GACtC,OAAOW,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,GAG/EC,EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAEzC,WAAY,CACV,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,GAC/C,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MAAM,MAGnDc,eAAgB,EAAGH,YAAO,CACxB,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAE9B,WAAY,CACV,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,KAGlCU,WAAY,EAAGJ,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}
+{"version":3,"file":"container.theme.js","sources":["../../../src/materialui/container/container.theme.ts"],"sourcesContent":["import { Breakpoint, Theme } from '@mui/material';\nimport { Components } from '@mui/material/styles';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nconst getGridSettings = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const grid = narrow ? tokens['flow-grid'].narrow : tokens['flow-grid'].default;\n  switch (breakpoint) {\n    case 'xs':\n      return grid.find((i) => i.media === 'mobile');\n    case 'sm':\n      return grid.find((i) => i.media === 'mobile');\n    case 'md':\n      return grid.find((i) => i.media === 'tablet');\n    case 'lg':\n      return grid.find((i) => i.media === 'desktop');\n    case 'xl':\n      return grid.find((i) => i.media === 'desktop-xl');\n  }\n};\n\nconst getOffset = (breakpoint: Breakpoint, narrow?: boolean) => getGridSettings(breakpoint, narrow).style.offset;\n\nexport const getGutters = (breakpoint: Breakpoint, narrow?: boolean) => {\n  const padding = getOffset(breakpoint, narrow);\n  return padding ? { paddingLeft: `${+padding}px`, paddingRight: `${+padding}px` } : undefined;\n};\n\nconst disabledGutters = {\n  paddingLeft: 0,\n  paddingRight: 0,\n};\n\nexport const flowContainer: Components<Theme>['MuiContainer'] = {\n  defaultProps: {\n    maxWidth: false,\n  },\n  styleOverrides: {\n    root: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: getGutters('xs'),\n      [theme.breakpoints.up('sm')]: getGutters('sm'),\n      [theme.breakpoints.up('md')]: getGutters('md'),\n      [theme.breakpoints.up('lg')]: getGutters('lg'),\n      [theme.breakpoints.up('xl')]: getGutters('xl'),\n    }),\n    disableGutters: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: disabledGutters,\n      [theme.breakpoints.up('sm')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n      [theme.breakpoints.up('lg')]: disabledGutters,\n      [theme.breakpoints.up('md')]: disabledGutters,\n    }),\n    maxWidthXs: ({ theme }) => ({\n      [theme.breakpoints.up('xs')]: {\n        maxWidth: theme.breakpoints.values.sm,\n      },\n    }),\n    maxWidthSm: ({ theme }) => ({\n      [theme.breakpoints.up('sm')]: {\n        maxWidth: theme.breakpoints.values.md,\n      },\n    }),\n    maxWidthMd: ({ theme }) => ({\n      [theme.breakpoints.up('md')]: {\n        maxWidth: theme.breakpoints.values.lg,\n      },\n    }),\n    maxWidthLg: ({ theme }) => ({\n      [theme.breakpoints.up('lg')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n    maxWidthXl: ({ theme }) => ({\n      [theme.breakpoints.up('xl')]: {\n        maxWidth: theme.breakpoints.values.xl,\n      },\n    }),\n  },\n  variants: [],\n};\n"],"names":["getOffset","breakpoint","narrow","grid","tokens","default","find","i","media","getGridSettings","style","offset","getGutters","padding","paddingLeft","paddingRight","undefined","disabledGutters","flowContainer","defaultProps","maxWidth","styleOverrides","root","theme","breakpoints","up","disableGutters","maxWidthXs","values","sm","maxWidthSm","md","maxWidthMd","lg","maxWidthLg","xl","maxWidthXl","variants"],"mappings":"qDAIA,MAgBMA,EAAY,CAACC,EAAwBC,IAhBnB,CAACD,IACvB,MAAME,EAA6CC,EAAO,aAAaC,QACvE,OAAQJ,GACN,IAAK,KAEL,IAAK,KACH,OAAOE,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,WAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,YAAZA,EAAEC,OAC5B,IAAK,KACH,OAAOL,EAAKG,KAAMC,GAAkB,eAAZA,EAAEC,SAIgCC,CAAgBR,GAAoBS,MAAMC,OAE7FC,EAAa,CAACX,EAAwBC,KACjD,MAAMW,EAAUb,EAAUC,GAC1B,OAAOY,EAAU,CAAEC,aAAiBD,EAAJ,KAAiBE,cAAkBF,EAAJ,WAAoBG,GAG/EC,EAAkB,CACtBH,YAAa,EACbC,aAAc,GAGHG,EAAmD,CAC9DC,aAAc,CACZC,UAAU,GAEZC,eAAgB,CACdC,KAAM,EAAGC,YAAO,CACd,CAACA,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,MACzC,CAACW,EAAMC,YAAYC,GAAG,OAAQb,EAAW,QAE3Cc,eAAgB,EAAGH,YAAO,CACxB,CAACA,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,EAC9B,CAACM,EAAMC,YAAYC,GAAG,OAAQR,IAEhCU,WAAY,EAAGJ,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOC,MAGvCC,WAAY,EAAGP,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOG,MAGvCC,WAAY,EAAGT,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOK,MAGvCC,WAAY,EAAGX,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,MAGvCC,WAAY,EAAGb,YAAO,CACpB,CAACA,EAAMC,YAAYC,GAAG,OAAQ,CAC5BL,SAAUG,EAAMC,YAAYI,OAAOO,OAIzCE,SAAU"}

package/materialui/container/index.d.ts

@@ -0,0 +1,2 @@
+export { Container } from '@mui/material';
+export type { ContainerProps } from '@mui/material';

package/materialui/datepicker/DateTimePickerTabs.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { DateTimePickerTabsProps } from '@mui/x-date-pickers';
+/**
+ * Customization of tabs in Date/Time pickers
+ *  Taken from original code:
+ *  https://github.com/mui/mui-x/blob/master/packages/x-date-pickers/src/DateTimePicker/DateTimePickerTabs.tsx
+ */
+export declare const FlowDateTimePickerTabs: FC<DateTimePickerTabsProps>;

package/materialui/datepicker/DateTimePickerTabs.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as r}from"react";import{usePickerTranslations as l,usePickerContext as t}from"@mui/x-date-pickers";import{Box as i,Tabs as m,Tab as o}from"@mui/material";const n=r(({hidden:r,className:n},s)=>{const u=l(),{view:d,setView:c}=t();return r?null:e(i,{sx:{px:2},children:a(m,{ref:s,value:"hours"===d?"hours":"day",template:"underlined",variant:"fullWidth",onChange:(e,a)=>c(a),className:n,children:[e(o,{value:"day",label:u.dateTableLabel}),e(o,{value:"hours",label:u.timeTableLabel})]})})});export{n as FlowDateTimePickerTabs};
+//# sourceMappingURL=DateTimePickerTabs.js.map

package/materialui/datepicker/DateTimePickerTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePickerTabs.js","sources":["../../../src/materialui/datepicker/DateTimePickerTabs.tsx"],"sourcesContent":["import React, { FC, ForwardedRef, forwardRef } from 'react';\nimport { DateTimePickerTabsProps, usePickerTranslations, usePickerContext } from '@mui/x-date-pickers';\nimport { Tabs, Tab, Box } from '@mui/material';\n\n/**\n * Customization of tabs in Date/Time pickers\n *  Taken from original code:\n *  https://github.com/mui/mui-x/blob/master/packages/x-date-pickers/src/DateTimePicker/DateTimePickerTabs.tsx\n */\nexport const FlowDateTimePickerTabs: FC<DateTimePickerTabsProps> = forwardRef(({ hidden, className }, ref) => {\n  const translations = usePickerTranslations();\n  const { view, setView } = usePickerContext();\n\n  if (hidden) {\n    return null;\n  }\n\n  return (\n    <Box sx={{ px: 2 }}>\n      <Tabs\n        ref={ref as ForwardedRef<HTMLDivElement>}\n        value={view === 'hours' ? 'hours' : 'day'}\n        template=\"underlined\"\n        variant=\"fullWidth\"\n        onChange={(_, newView) => setView(newView)}\n        className={className}\n      >\n        <Tab value=\"day\" label={translations.dateTableLabel} />\n        <Tab value=\"hours\" label={translations.timeTableLabel} />\n      </Tabs>\n    </Box>\n  );\n});\n"],"names":["FlowDateTimePickerTabs","forwardRef","hidden","className","ref","translations","usePickerTranslations","view","setView","usePickerContext","_jsx","Box","sx","px","children","_jsxs","Tabs","value","template","variant","onChange","_","newView","Tab","label","dateTableLabel","timeTableLabel"],"mappings":"8NASO,MAAMA,EAAsDC,EAAW,EAAGC,SAAQC,aAAaC,KACpG,MAAMC,EAAeC,KACfC,KAAEA,EAAIC,QAAEA,GAAYC,IAE1B,OAAIP,EACK,KAIPQ,EAACC,GAAIC,GAAI,CAAEC,GAAI,GAAGC,SAChBC,EAACC,EAAI,CACHZ,IAAKA,EACLa,MAAgB,UAATV,EAAmB,QAAU,MACpCW,SAAS,aACTC,QAAQ,YACRC,SAAU,CAACC,EAAGC,IAAYd,EAAQc,GAClCnB,UAAWA,YAEXO,EAACa,GAAIN,MAAM,MAAMO,MAAOnB,EAAaoB,iBACrCf,EAACa,EAAG,CAACN,MAAM,QAAQO,MAAOnB,EAAaqB"}

package/materialui/datepicker/PickersActionBar.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { PickersActionBarProps } from '@mui/x-date-pickers';
+/**
+ * Customization of action buttons in Date/Time pickers
+ * Taken from original code:
+ *  https://github.com/mui/mui-x/blob/master/packages/x-date-pickers/src/PickersActionBar/PickersActionBar.tsx
+ */
+export declare const FlowPickersActionsBar: FC<PickersActionBarProps>;

package/materialui/datepicker/PickersActionBar.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as l,jsx as t}from"react/jsx-runtime";import{forwardRef as c}from"react";import{Box as o,Button as a}from"@mui/material";import{usePickerTranslations as n,usePickerContext as i}from"@mui/x-date-pickers/hooks";const r=c((c,r)=>{var{actions:s}=c,u=e(c,["actions"]);const d=n(),{clearValue:m,setValueToToday:p,acceptValueChanges:f,cancelValueChanges:x,goToNextStep:h,hasNextStep:b}=i();return l(o,Object.assign({sx:Object.assign({},!!(null==s?void 0:s.length)&&{p:1,display:"flex",gap:.5,alignItems:"center",justifyContent:"flex-end"}),ref:r},u,{children:[s.includes("cancel")&&t(a,{size:"small",variant:"text",color:"secondary",onClick:x,children:d.cancelButtonLabel}),s.includes("clear")&&t(a,{size:"small",color:"surface",onClick:m,children:d.clearButtonLabel}),s.includes("today")&&t(a,{size:"small",color:"surface",onClick:p,children:d.todayButtonLabel}),s.includes("next")&&t(a,{size:"small",color:"surface",onClick:h,children:d.nextStepButtonLabel}),s.includes("nextOrAccept")&&t(a,{size:"small",color:"surface",onClick:b?h:f,children:b?d.nextStepButtonLabel:d.okButtonLabel}),s.includes("accept")&&t(a,{size:"small",color:"surface",onClick:f,children:d.okButtonLabel})]}))});export{r as FlowPickersActionsBar};
+//# sourceMappingURL=PickersActionBar.js.map

package/materialui/datepicker/PickersActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickersActionBar.js","sources":["../../../src/materialui/datepicker/PickersActionBar.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { PickersActionBarProps } from '@mui/x-date-pickers';\nimport { Box, Button } from '@mui/material';\nimport { usePickerContext, usePickerTranslations } from '@mui/x-date-pickers/hooks';\n\n/**\n * Customization of action buttons in Date/Time pickers\n * Taken from original code:\n *  https://github.com/mui/mui-x/blob/master/packages/x-date-pickers/src/PickersActionBar/PickersActionBar.tsx\n */\nexport const FlowPickersActionsBar: FC<PickersActionBarProps> = forwardRef(({ actions, ...rest }, ref) => {\n  const translations = usePickerTranslations();\n  const { clearValue, setValueToToday, acceptValueChanges, cancelValueChanges, goToNextStep, hasNextStep } =\n    usePickerContext();\n\n  return (\n    <Box\n      sx={{\n        ...(!!actions?.length && {\n          p: 1,\n          display: 'flex',\n          gap: 0.5,\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n        }),\n      }}\n      ref={ref}\n      {...rest}\n    >\n      {actions.includes('cancel') && (\n        <Button size=\"small\" variant=\"text\" color=\"secondary\" onClick={cancelValueChanges}>\n          {translations.cancelButtonLabel}\n        </Button>\n      )}\n      {actions.includes('clear') && (\n        <Button size=\"small\" color=\"surface\" onClick={clearValue}>\n          {translations.clearButtonLabel}\n        </Button>\n      )}\n      {actions.includes('today') && (\n        <Button size=\"small\" color=\"surface\" onClick={setValueToToday}>\n          {translations.todayButtonLabel}\n        </Button>\n      )}\n      {actions.includes('next') && (\n        <Button size=\"small\" color=\"surface\" onClick={goToNextStep}>\n          {translations.nextStepButtonLabel}\n        </Button>\n      )}\n      {actions.includes('nextOrAccept') && (\n        <Button size=\"small\" color=\"surface\" onClick={hasNextStep ? goToNextStep : acceptValueChanges}>\n          {hasNextStep ? translations.nextStepButtonLabel : translations.okButtonLabel}\n        </Button>\n      )}\n      {actions.includes('accept') && (\n        <Button size=\"small\" color=\"surface\" onClick={acceptValueChanges}>\n          {translations.okButtonLabel}\n        </Button>\n      )}\n    </Box>\n  );\n});\n"],"names":["FlowPickersActionsBar","forwardRef","_a","ref","actions","rest","__rest","translations","usePickerTranslations","clearValue","setValueToToday","acceptValueChanges","cancelValueChanges","goToNextStep","hasNextStep","usePickerContext","_jsxs","Box","sx","Object","assign","length","p","display","gap","alignItems","justifyContent","children","includes","_jsx","Button","size","variant","color","onClick","cancelButtonLabel","clearButtonLabel","todayButtonLabel","nextStepButtonLabel","okButtonLabel"],"mappings":"4PAUO,MAAMA,EAAmDC,EAAW,CAACC,EAAsBC,KAAtB,IAAAC,QAAEA,GAAOF,EAAKG,EAAIC,EAAAJ,EAAlB,aAC1E,MAAMK,EAAeC,KACfC,WAAEA,EAAUC,gBAAEA,EAAeC,mBAAEA,EAAkBC,mBAAEA,EAAkBC,aAAEA,EAAYC,YAAEA,GACzFC,IAEF,OACEC,EAACC,iBACCC,GAAEC,OAAAC,OAAA,CAAA,KACMhB,aAAO,EAAPA,EAASiB,SAAU,CACvBC,EAAG,EACHC,QAAS,OACTC,IAAK,GACLC,WAAY,SACZC,eAAgB,aAGpBvB,IAAKA,GACDE,EAAI,CAAAsB,SAAA,CAEPvB,EAAQwB,SAAS,WAChBC,EAACC,GAAOC,KAAK,QAAQC,QAAQ,OAAOC,MAAM,YAAYC,QAAStB,EAAkBe,SAC9EpB,EAAa4B,oBAGjB/B,EAAQwB,SAAS,UAChBC,EAACC,GAAOC,KAAK,QAAQE,MAAM,UAAUC,QAASzB,EAAUkB,SACrDpB,EAAa6B,mBAGjBhC,EAAQwB,SAAS,UAChBC,EAACC,GAAOC,KAAK,QAAQE,MAAM,UAAUC,QAASxB,EAAeiB,SAC1DpB,EAAa8B,mBAGjBjC,EAAQwB,SAAS,SAChBC,EAACC,GAAOC,KAAK,QAAQE,MAAM,UAAUC,QAASrB,EAAYc,SACvDpB,EAAa+B,sBAGjBlC,EAAQwB,SAAS,iBAChBC,EAACC,EAAM,CAACC,KAAK,QAAQE,MAAM,UAAUC,QAASpB,EAAcD,EAAeF,WACxEG,EAAcP,EAAa+B,oBAAsB/B,EAAagC,gBAGlEnC,EAAQwB,SAAS,WAChBC,EAACC,EAAM,CAACC,KAAK,QAAQE,MAAM,UAAUC,QAASvB,WAC3CJ,EAAagC"}

package/materialui/datepicker/PickersCalendarHeader.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+import { PickersCalendarHeaderProps } from '@mui/x-date-pickers';
+/**
+ * Customization of header in Date/Time pickers
+ */
+export declare const FlowPickersCalendarHeader: FC<PickersCalendarHeaderProps>;

package/materialui/datepicker/PickersCalendarHeader.js

@@ -0,0 +1,2 @@
+import{__rest as e}from"tslib";import{jsxs as o,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{usePickerTranslations as i,usePickerAdapter as n}from"@mui/x-date-pickers";import{Box as a,IconButton as s,Button as c}from"@mui/material";import{ChevronLeftIcon as l}from"../../components/icon/stroke/ChevronLeftIcon.js";import{ChevronRightIcon as d}from"../../components/icon/stroke/ChevronRightIcon.js";import{ChevronDownIcon as m}from"../../components/icon/stroke/ChevronDownIcon.js";import{getTypography as p}from"../typography/typography.theme.js";const y=r(({view:e,views:r,currentMonth:s,onMonthChange:c,onViewChange:m,className:p},y)=>{const u=i(),x=n();return o(a,{sx:{borderBottom:1,borderColor:"surface.secondary",display:"flex",alignItems:"center",justifyContent:"space-between",px:2.5,py:1.75,minHeight:"61px"},ref:y,className:p,children:[r.includes("month")?o(a,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"50%"},children:[t(h,{onClick:()=>c(s.subtract(1,"month")),"aria-label":`${u.openPreviousView} (${u.month})`,disabled:"day"!==e,children:t(l,{})}),t(f,{active:"month"===e,onClick:()=>{m("month"===e?"day":"month")},disabled:!r.includes("day")&&"month"===e,children:x.formatByString(s,"MMM")}),t(h,{onClick:()=>c(s.add(1,"month")),"aria-label":`${u.openNextView} (${u.month})`,disabled:"day"!==e,children:t(d,{})})]}):t(a,{}),r.includes("year")&&o(a,{sx:{display:"flex",alignItems:"center",justifyContent:"center",width:"50%"},children:[t(h,{onClick:()=>c(s.subtract(1,"year")),"aria-label":`${u.openPreviousView} (${u.year})`,disabled:"day"!==e,children:t(l,{})}),t(f,{active:"year"===e,onClick:()=>{m("year"===e?"day":"year")},disabled:!r.includes("day")&&"year"===e,children:x.formatByString(s,"YYYY")}),t(h,{onClick:()=>c(s.add(1,"year")),"aria-label":`${u.openNextView} (${u.year})`,disabled:"day"!==e,children:t(d,{})})]})]})}),h=e=>t(s,Object.assign({size:"small",sx:{"&.Mui-disabled":{opacity:"0"},"& .MuiSvgIcon-root":{fontSize:"20px"}}},e)),f=o=>{var{active:r}=o,i=e(o,["active"]);return t(c,Object.assign({sx:e=>({flexGrow:"1",py:.75,gap:.75,color:"dark"===e.palette.mode?"onSurface.os200":"onSurface.os700",[e.breakpoints.up("xs")]:Object.assign({},p("disclaimer1","rtl"===e.direction,"large")),"& .MuiButton-icon .MuiSvgIcon-root":{color:"text.primary",fontSize:"20px"}}),endIcon:t(m,{sx:{transform:r?"rotate(-180deg)":"rotate(0deg)"}}),size:"small",variant:"text",color:"secondary"},i))};export{y as FlowPickersCalendarHeader};
+//# sourceMappingURL=PickersCalendarHeader.js.map

package/materialui/datepicker/PickersCalendarHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickersCalendarHeader.js","sources":["../../../src/materialui/datepicker/PickersCalendarHeader.tsx"],"sourcesContent":["import React, { FC, forwardRef } from 'react';\nimport { PickersCalendarHeaderProps, usePickerTranslations, usePickerAdapter } from '@mui/x-date-pickers';\nimport { Box, Button, IconButton, IconButtonProps, ButtonProps } from '@mui/material';\nimport { ChevronLeftIcon } from '@/src/components/icon/stroke/ChevronLeftIcon';\nimport { ChevronRightIcon } from '@/src/components/icon/stroke/ChevronRightIcon';\nimport { ChevronDownIcon } from '@/src/components/icon/stroke/ChevronDownIcon';\nimport { getTypography } from '@/src/materialui/typography/typography.theme';\n\n/**\n * Customization of header in Date/Time pickers\n */\nexport const FlowPickersCalendarHeader: FC<PickersCalendarHeaderProps> = forwardRef(\n  ({ view, views, currentMonth, onMonthChange, onViewChange, className }, ref) => {\n    const translations = usePickerTranslations();\n    const adapter = usePickerAdapter();\n    const selectNextMonth = () => onMonthChange(currentMonth.add(1, 'month'));\n    const selectNextYear = () => onMonthChange(currentMonth.add(1, 'year'));\n    const selectPreviousMonth = () => onMonthChange(currentMonth.subtract(1, 'month'));\n    const selectPreviousYear = () => onMonthChange(currentMonth.subtract(1, 'year'));\n\n    return (\n      <Box\n        sx={{\n          borderBottom: 1,\n          borderColor: 'surface.secondary',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          // height affects datecalendar.theme\n          px: 2.5,\n          py: 1.75,\n          // prevent jumping when switching between calendars\n          minHeight: '61px',\n        }}\n        ref={ref}\n        className={className}\n      >\n        {views.includes('month') ? (\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', width: '50%' }}>\n            <PickersCalendarHeaderIconButton\n              onClick={selectPreviousMonth}\n              aria-label={`${translations.openPreviousView} (${translations.month})`}\n              disabled={view !== 'day'}\n            >\n              <ChevronLeftIcon />\n            </PickersCalendarHeaderIconButton>\n            <PickersCalendarHeaderButton\n              active={view === 'month'}\n              onClick={() => {\n                onViewChange(view === 'month' ? 'day' : 'month');\n              }}\n              disabled={!views.includes('day') && view === 'month'}\n            >\n              {adapter.formatByString(currentMonth, 'MMM')}\n            </PickersCalendarHeaderButton>\n            <PickersCalendarHeaderIconButton\n              onClick={selectNextMonth}\n              aria-label={`${translations.openNextView} (${translations.month})`}\n              disabled={view !== 'day'}\n            >\n              <ChevronRightIcon />\n            </PickersCalendarHeaderIconButton>\n          </Box>\n        ) : (\n          <Box />\n        )}\n        {views.includes('year') && (\n          <Box sx={{ display: 'flex', alignItems: 'center', justifyContent: 'center', width: '50%' }}>\n            <PickersCalendarHeaderIconButton\n              onClick={selectPreviousYear}\n              aria-label={`${translations.openPreviousView} (${translations.year})`}\n              disabled={view !== 'day'}\n            >\n              <ChevronLeftIcon />\n            </PickersCalendarHeaderIconButton>\n            <PickersCalendarHeaderButton\n              active={view === 'year'}\n              onClick={() => {\n                onViewChange(view === 'year' ? 'day' : 'year');\n              }}\n              disabled={!views.includes('day') && view === 'year'}\n            >\n              {adapter.formatByString(currentMonth, 'YYYY')}\n            </PickersCalendarHeaderButton>\n            <PickersCalendarHeaderIconButton\n              onClick={selectNextYear}\n              aria-label={`${translations.openNextView} (${translations.year})`}\n              disabled={view !== 'day'}\n            >\n              <ChevronRightIcon />\n            </PickersCalendarHeaderIconButton>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nconst PickersCalendarHeaderIconButton: FC<IconButtonProps> = (props) => {\n  return (\n    <IconButton\n      size=\"small\"\n      sx={{\n        '&.Mui-disabled': {\n          opacity: '0',\n        },\n        '& .MuiSvgIcon-root': {\n          fontSize: '20px',\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nconst PickersCalendarHeaderButton: FC<ButtonProps & { active?: boolean }> = ({ active, ...rest }) => {\n  return (\n    <Button\n      sx={(theme) => ({\n        flexGrow: '1',\n        py: 0.75,\n        gap: 0.75,\n        color: theme.palette.mode === 'dark' ? 'onSurface.os200' : 'onSurface.os700',\n        [theme.breakpoints.up('xs')]: {\n          ...getTypography('disclaimer1', theme.direction === 'rtl', 'large'),\n        },\n        '& .MuiButton-icon .MuiSvgIcon-root': {\n          color: 'text.primary',\n          fontSize: '20px',\n        },\n      })}\n      endIcon={\n        <ChevronDownIcon\n          sx={{\n            transform: active ? 'rotate(-180deg)' : 'rotate(0deg)',\n          }}\n        />\n      }\n      size=\"small\"\n      variant=\"text\"\n      color=\"secondary\"\n      {...rest}\n    />\n  );\n};\n"],"names":["FlowPickersCalendarHeader","forwardRef","view","views","currentMonth","onMonthChange","onViewChange","className","ref","translations","usePickerTranslations","adapter","usePickerAdapter","_jsxs","Box","sx","borderBottom","borderColor","display","alignItems","justifyContent","px","py","minHeight","children","includes","width","_jsx","PickersCalendarHeaderIconButton","onClick","subtract","openPreviousView","month","disabled","ChevronLeftIcon","PickersCalendarHeaderButton","active","formatByString","add","openNextView","ChevronRightIcon","year","props","IconButton","Object","assign","size","opacity","fontSize","_a","rest","__rest","Button","theme","flexGrow","gap","color","palette","mode","breakpoints","up","getTypography","direction","endIcon","ChevronDownIcon","transform","variant"],"mappings":"skBAWaA,EAA4DC,EACvE,EAAGC,OAAMC,QAAOC,eAAcC,gBAAeC,eAAcC,aAAaC,KACtE,MAAMC,EAAeC,IACfC,EAAUC,IAMhB,OACEC,EAACC,EAAG,CACFC,GAAI,CACFC,aAAc,EACdC,YAAa,oBACbC,QAAS,OACTC,WAAY,SACZC,eAAgB,gBAEhBC,GAAI,IACJC,GAAI,KAEJC,UAAW,QAEbf,IAAKA,EACLD,UAAWA,EAASiB,SAAA,CAEnBrB,EAAMsB,SAAS,SACdZ,EAACC,EAAG,CAACC,GAAI,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,SAAUM,MAAO,OAAOF,SAAA,CACxFG,EAACC,EAA+B,CAC9BC,QAvBkB,IAAMxB,EAAcD,EAAa0B,SAAS,EAAG,uBAwBnD,GAAGrB,EAAasB,qBAAqBtB,EAAauB,SAC9DC,SAAmB,QAAT/B,WAEVyB,EAACO,QAEHP,EAACQ,EAA2B,CAC1BC,OAAiB,UAATlC,EACR2B,QAAS,KACPvB,EAAsB,UAATJ,EAAmB,MAAQ,UAE1C+B,UAAW9B,EAAMsB,SAAS,QAAmB,UAATvB,EAAgBsB,SAEnDb,EAAQ0B,eAAejC,EAAc,SAExCuB,EAACC,EAA+B,CAC9BC,QAzCc,IAAMxB,EAAcD,EAAakC,IAAI,EAAG,UAyC9B,aACZ,GAAG7B,EAAa8B,iBAAiB9B,EAAauB,SAC1DC,SAAmB,QAAT/B,EAAcsB,SAExBG,EAACa,EAAgB,CAAA,QAIrBb,EAACb,EAAG,CAAA,GAELX,EAAMsB,SAAS,SACdZ,EAACC,EAAG,CAACC,GAAI,CAAEG,QAAS,OAAQC,WAAY,SAAUC,eAAgB,SAAUM,MAAO,OAAOF,SAAA,CACxFG,EAACC,EAA+B,CAC9BC,QAnDiB,IAAMxB,EAAcD,EAAa0B,SAAS,EAAG,SAmDnC,aACf,GAAGrB,EAAasB,qBAAqBtB,EAAagC,QAC9DR,SAAmB,QAAT/B,EAAcsB,SAExBG,EAACO,EAAe,CAAA,KAElBP,EAACQ,GACCC,OAAiB,SAATlC,EACR2B,QAAS,KACPvB,EAAsB,SAATJ,EAAkB,MAAQ,SAEzC+B,UAAW9B,EAAMsB,SAAS,QAAmB,SAATvB,EAAesB,SAElDb,EAAQ0B,eAAejC,EAAc,UAExCuB,EAACC,EAA+B,CAC9BC,QArEa,IAAMxB,EAAcD,EAAakC,IAAI,EAAG,SAqE9B,aACX,GAAG7B,EAAa8B,iBAAiB9B,EAAagC,QAC1DR,SAAmB,QAAT/B,EAAcsB,SAExBG,EAACa,EAAgB,CAAA,aASzBZ,EAAwDc,GAE1Df,EAACgB,EAAUC,OAAAC,OAAA,CACTC,KAAK,QACL/B,GAAI,CACF,iBAAkB,CAChBgC,QAAS,KAEX,qBAAsB,CACpBC,SAAU,UAGVN,IAKJP,EAAuEc,IAAA,IAAAb,OAAEA,GAAMa,EAAKC,EAAIC,EAAAF,EAAjB,YAC3E,OACEtB,EAACyB,EAAMR,OAAAC,OAAA,CACL9B,GAAKsC,IAAK,CACRC,SAAU,IACVhC,GAAI,IACJiC,IAAK,IACLC,MAA8B,SAAvBH,EAAMI,QAAQC,KAAkB,kBAAoB,kBAC3D,CAACL,EAAMM,YAAYC,GAAG,OAAMhB,OAAAC,OAAA,CAAA,EACvBgB,EAAc,cAAmC,QAApBR,EAAMS,UAAqB,UAE7D,qCAAsC,CACpCN,MAAO,eACPR,SAAU,UAGde,QACEpC,EAACqC,EAAe,CACdjD,GAAI,CACFkD,UAAW7B,EAAS,kBAAoB,kBAI9CU,KAAK,QACLoB,QAAQ,OACRV,MAAM,aACFN"}