npm - @tenancy.nz/datepicker - Versions diffs - 1.3.5 → 1.3.7 - Mend

@tenancy.nz/datepicker 1.3.5 → 1.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (359) hide show

package/dist/cjs/node_modules/.pnpm/@mui_system@7.3.1_@emotion_react@11.14.0_@types_react@19.1.9_react@18.3.1__@emotion_sty_acba54c86a0a45a77cd5d01171297ec0/node_modules/@mui/system/esm/createTheme/applyStyles.cjs DELETED Viewed

@@ -1,93 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-/**
- * A universal utility to style components with multiple color modes. Always use it from the theme object.
- * It works with:
- *  - [Basic theme](https://mui.com/material-ui/customization/dark-mode/)
- *  - [CSS theme variables](https://mui.com/material-ui/customization/css-theme-variables/overview/)
- *  - Zero-runtime engine
- *
- * Tips: Use an array over object spread and place `theme.applyStyles()` last.
- *
- * With the styled function:
- * ✅ [{ background: '#e5e5e5' }, theme.applyStyles('dark', { background: '#1c1c1c' })]
- * 🚫 { background: '#e5e5e5', ...theme.applyStyles('dark', { background: '#1c1c1c' })}
- *
- * With the sx prop:
- * ✅ [{ background: '#e5e5e5' }, theme => theme.applyStyles('dark', { background: '#1c1c1c' })]
- * 🚫 { background: '#e5e5e5', ...theme => theme.applyStyles('dark', { background: '#1c1c1c' })}
- *
- * @example
- * 1. using with `styled`:
- * ```jsx
- *   const Component = styled('div')(({ theme }) => [
- *     { background: '#e5e5e5' },
- *     theme.applyStyles('dark', {
- *       background: '#1c1c1c',
- *       color: '#fff',
- *     }),
- *   ]);
- * ```
- *
- * @example
- * 2. using with `sx` prop:
- * ```jsx
- *   <Box sx={[
- *     { background: '#e5e5e5' },
- *     theme => theme.applyStyles('dark', {
- *        background: '#1c1c1c',
- *        color: '#fff',
- *      }),
- *     ]}
- *   />
- * ```
- *
- * @example
- * 3. theming a component:
- * ```jsx
- *   extendTheme({
- *     components: {
- *       MuiButton: {
- *         styleOverrides: {
- *           root: ({ theme }) => [
- *             { background: '#e5e5e5' },
- *             theme.applyStyles('dark', {
- *               background: '#1c1c1c',
- *               color: '#fff',
- *             }),
- *           ],
- *         },
- *       }
- *     }
- *   })
- *```
- */
-function applyStyles(key, styles) {
-  // @ts-expect-error this is 'any' type
-  const theme = this;
-  if (theme.vars) {
-    if (!theme.colorSchemes?.[key] || typeof theme.getColorSchemeSelector !== 'function') {
-      return {};
-    }
-    // If CssVarsProvider is used as a provider, returns '*:where({selector}) &'
-    let selector = theme.getColorSchemeSelector(key);
-    if (selector === '&') {
-      return styles;
-    }
-    if (selector.includes('data-') || selector.includes('.')) {
-      // '*' is required as a workaround for Emotion issue (https://github.com/emotion-js/emotion/issues/2836)
-      selector = `*:where(${selector.replace(/\s*&$/, '')}) &`;
-    }
-    return {
-      [selector]: styles
-    };
-  }
-  if (theme.palette.mode === key) {
-    return styles;
-  }
-  return {};
-}
-exports.default = applyStyles;

@@ -1,37 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var spacing = require('../spacing/spacing.cjs');
-// The different signatures imply different meaning for their arguments that can't be expressed structurally.
-// We express the difference with variable names.
-function createSpacing(spacingInput = 8,
-// Material Design layouts are visually balanced. Most measurements align to an 8dp grid, which aligns both spacing and the overall layout.
-// Smaller components, such as icons, can align to a 4dp grid.
-// https://m2.material.io/design/layout/understanding-layout.html
-transform = spacing.createUnarySpacing({
-  spacing: spacingInput
-})) {
-  // Already transformed.
-  if (spacingInput.mui) {
-    return spacingInput;
-  }
-  const spacing = (...argsInput) => {
-    if (process.env.NODE_ENV !== 'production') {
-      if (!(argsInput.length <= 4)) {
-        console.error(`MUI: Too many arguments provided, expected between 0 and 4, got ${argsInput.length}`);
-      }
-    }
-    const args = argsInput.length === 0 ? [1] : argsInput;
-    return args.map(argument => {
-      const output = transform(argument);
-      return typeof output === 'number' ? `${output}px` : output;
-    }).join(' ');
-  };
-  spacing.mui = true;
-  return spacing;
-}
-exports.default = createSpacing;

@@ -1,55 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var createBreakpoints = require('../createBreakpoints/createBreakpoints.cjs');
-var shape = require('./shape.cjs');
-var createSpacing = require('./createSpacing.cjs');
-var styleFunctionSx = require('../styleFunctionSx/styleFunctionSx.cjs');
-var defaultSxConfig = require('../styleFunctionSx/defaultSxConfig.cjs');
-var applyStyles = require('./applyStyles.cjs');
-var deepmerge = require('../../../../../../@mui_utils@7.3.1_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/deepmerge/deepmerge.cjs');
-var cssContainerQueries = require('../cssContainerQueries/cssContainerQueries.cjs');
-function createTheme(options = {}, ...args) {
-  const {
-    breakpoints: breakpointsInput = {},
-    palette: paletteInput = {},
-    spacing: spacingInput,
-    shape: shapeInput = {},
-    ...other
-  } = options;
-  const breakpoints = createBreakpoints.default(breakpointsInput);
-  const spacing = createSpacing.default(spacingInput);
-  let muiTheme = deepmerge.default({
-    breakpoints,
-    direction: 'ltr',
-    components: {},
-    // Inject component definitions.
-    palette: {
-      mode: 'light',
-      ...paletteInput
-    },
-    spacing,
-    shape: {
-      ...shape.default,
-      ...shapeInput
-    }
-  }, other);
-  muiTheme = cssContainerQueries.default(muiTheme);
-  muiTheme.applyStyles = applyStyles.default;
-  muiTheme = args.reduce((acc, argument) => deepmerge.default(acc, argument), muiTheme);
-  muiTheme.unstable_sxConfig = {
-    ...defaultSxConfig.default,
-    ...other?.unstable_sxConfig
-  };
-  muiTheme.unstable_sx = function sx(props) {
-    return styleFunctionSx.default({
-      sx: props,
-      theme: this
-    });
-  };
-  return muiTheme;
-}
-exports.default = createTheme;

@@ -1,9 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-const shape = {
-  borderRadius: 4
-};
-exports.default = shape;

@@ -1,79 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var formatMuiErrorMessage = require('../../../../../../@mui_utils@7.3.1_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.cjs');
-/**
- * For using in `sx` prop to sort the breakpoint from low to high.
- * Note: this function does not work and will not support multiple units.
- *       e.g. input: { '@container (min-width:300px)': '1rem', '@container (min-width:40rem)': '2rem' }
- *            output: { '@container (min-width:40rem)': '2rem', '@container (min-width:300px)': '1rem' } // since 40 < 300 eventhough 40rem > 300px
- */
-function sortContainerQueries(theme, css) {
-  if (!theme.containerQueries) {
-    return css;
-  }
-  const sorted = Object.keys(css).filter(key => key.startsWith('@container')).sort((a, b) => {
-    const regex = /min-width:\s*([0-9.]+)/;
-    return +(a.match(regex)?.[1] || 0) - +(b.match(regex)?.[1] || 0);
-  });
-  if (!sorted.length) {
-    return css;
-  }
-  return sorted.reduce((acc, key) => {
-    const value = css[key];
-    delete acc[key];
-    acc[key] = value;
-    return acc;
-  }, {
-    ...css
-  });
-}
-function isCqShorthand(breakpointKeys, value) {
-  return value === '@' || value.startsWith('@') && (breakpointKeys.some(key => value.startsWith(`@${key}`)) || !!value.match(/^@\d/));
-}
-function getContainerQuery(theme, shorthand) {
-  const matches = shorthand.match(/^@([^/]+)?\/?(.+)?$/);
-  if (!matches) {
-    if (process.env.NODE_ENV !== 'production') {
-      throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The provided shorthand ${`(${shorthand})`} is invalid. The format should be \`@<breakpoint | number>\` or \`@<breakpoint | number>/<container>\`.\n` + 'For example, `@sm` or `@600` or `@40rem/sidebar`.' : formatMuiErrorMessage.default(18, `(${shorthand})`));
-    }
-    return null;
-  }
-  const [, containerQuery, containerName] = matches;
-  const value = Number.isNaN(+containerQuery) ? containerQuery || 0 : +containerQuery;
-  return theme.containerQueries(containerName).up(value);
-}
-function cssContainerQueries(themeInput) {
-  const toContainerQuery = (mediaQuery, name) => mediaQuery.replace('@media', name ? `@container ${name}` : '@container');
-  function attachCq(node, name) {
-    node.up = (...args) => toContainerQuery(themeInput.breakpoints.up(...args), name);
-    node.down = (...args) => toContainerQuery(themeInput.breakpoints.down(...args), name);
-    node.between = (...args) => toContainerQuery(themeInput.breakpoints.between(...args), name);
-    node.only = (...args) => toContainerQuery(themeInput.breakpoints.only(...args), name);
-    node.not = (...args) => {
-      const result = toContainerQuery(themeInput.breakpoints.not(...args), name);
-      if (result.includes('not all and')) {
-        // `@container` does not work with `not all and`, so need to invert the logic
-        return result.replace('not all and ', '').replace('min-width:', 'width<').replace('max-width:', 'width>').replace('and', 'or');
-      }
-      return result;
-    };
-  }
-  const node = {};
-  const containerQueries = name => {
-    attachCq(node, name);
-    return node;
-  };
-  attachCq(containerQueries);
-  return {
-    ...themeInput,
-    containerQueries
-  };
-}
-exports.default = cssContainerQueries;
-exports.getContainerQuery = getContainerQuery;
-exports.isCqShorthand = isCqShorthand;
-exports.sortContainerQueries = sortContainerQueries;

@@ -1,99 +0,0 @@
-'use strict';
-var responsivePropType = require('../responsivePropType/responsivePropType.cjs');
-var style = require('../style/style.cjs');
-var compose = require('../compose/compose.cjs');
-var spacing = require('../spacing/spacing.cjs');
-var breakpoints = require('../breakpoints/breakpoints.cjs');
-// false positive
-// eslint-disable-next-line react/function-component-definition
-const gap = props => {
-  if (props.gap !== undefined && props.gap !== null) {
-    const transformer = spacing.createUnaryUnit(props.theme, 'spacing', 8, 'gap');
-    const styleFromPropValue = propValue => ({
-      gap: spacing.getValue(transformer, propValue)
-    });
-    return breakpoints.handleBreakpoints(props, props.gap, styleFromPropValue);
-  }
-  return null;
-};
-gap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  gap: responsivePropType.default
-} : {};
-gap.filterProps = ['gap'];
-// false positive
-// eslint-disable-next-line react/function-component-definition
-const columnGap = props => {
-  if (props.columnGap !== undefined && props.columnGap !== null) {
-    const transformer = spacing.createUnaryUnit(props.theme, 'spacing', 8, 'columnGap');
-    const styleFromPropValue = propValue => ({
-      columnGap: spacing.getValue(transformer, propValue)
-    });
-    return breakpoints.handleBreakpoints(props, props.columnGap, styleFromPropValue);
-  }
-  return null;
-};
-columnGap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  columnGap: responsivePropType.default
-} : {};
-columnGap.filterProps = ['columnGap'];
-// false positive
-// eslint-disable-next-line react/function-component-definition
-const rowGap = props => {
-  if (props.rowGap !== undefined && props.rowGap !== null) {
-    const transformer = spacing.createUnaryUnit(props.theme, 'spacing', 8, 'rowGap');
-    const styleFromPropValue = propValue => ({
-      rowGap: spacing.getValue(transformer, propValue)
-    });
-    return breakpoints.handleBreakpoints(props, props.rowGap, styleFromPropValue);
-  }
-  return null;
-};
-rowGap.propTypes = process.env.NODE_ENV !== 'production' ? {
-  rowGap: responsivePropType.default
-} : {};
-rowGap.filterProps = ['rowGap'];
-const gridColumn = style.default({
-  prop: 'gridColumn'
-});
-const gridRow = style.default({
-  prop: 'gridRow'
-});
-const gridAutoFlow = style.default({
-  prop: 'gridAutoFlow'
-});
-const gridAutoColumns = style.default({
-  prop: 'gridAutoColumns'
-});
-const gridAutoRows = style.default({
-  prop: 'gridAutoRows'
-});
-const gridTemplateColumns = style.default({
-  prop: 'gridTemplateColumns'
-});
-const gridTemplateRows = style.default({
-  prop: 'gridTemplateRows'
-});
-const gridTemplateAreas = style.default({
-  prop: 'gridTemplateAreas'
-});
-const gridArea = style.default({
-  prop: 'gridArea'
-});
-compose.default(gap, columnGap, rowGap, gridColumn, gridRow, gridAutoFlow, gridAutoColumns, gridAutoRows, gridTemplateColumns, gridTemplateRows, gridTemplateAreas, gridArea);
-exports.columnGap = columnGap;
-exports.gap = gap;
-exports.gridArea = gridArea;
-exports.gridAutoColumns = gridAutoColumns;
-exports.gridAutoFlow = gridAutoFlow;
-exports.gridAutoRows = gridAutoRows;
-exports.gridColumn = gridColumn;
-exports.gridRow = gridRow;
-exports.gridTemplateAreas = gridTemplateAreas;
-exports.gridTemplateColumns = gridTemplateColumns;
-exports.gridTemplateRows = gridTemplateRows;
-exports.rowGap = rowGap;

@@ -1,15 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-function memoize(fn) {
-  const cache = {};
-  return arg => {
-    if (cache[arg] === undefined) {
-      cache[arg] = fn(arg);
-    }
-    return cache[arg];
-  };
-}
-exports.default = memoize;

@@ -1,16 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var deepmerge = require('../../../../../../@mui_utils@7.3.1_@types_react@19.1.9_react@18.3.1/node_modules/@mui/utils/esm/deepmerge/deepmerge.cjs');
-function merge(acc, item) {
-  if (!item) {
-    return acc;
-  }
-  return deepmerge.default(acc, item, {
-    clone: false // No need to clone deep, it's way faster.
-  });
-}
-exports.default = merge;

@@ -1,33 +0,0 @@
-'use strict';
-var style = require('../style/style.cjs');
-var compose = require('../compose/compose.cjs');
-function paletteTransform(value, userValue) {
-  if (userValue === 'grey') {
-    return userValue;
-  }
-  return value;
-}
-const color = style.default({
-  prop: 'color',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-const bgcolor = style.default({
-  prop: 'bgcolor',
-  cssProperty: 'backgroundColor',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-const backgroundColor = style.default({
-  prop: 'backgroundColor',
-  themeKey: 'palette',
-  transform: paletteTransform
-});
-compose.default(color, bgcolor, backgroundColor);
-exports.backgroundColor = backgroundColor;
-exports.bgcolor = bgcolor;
-exports.color = color;
-exports.paletteTransform = paletteTransform;

@@ -1,9 +0,0 @@
-'use strict';
-Object.defineProperty(exports, '__esModule', { value: true });
-var index = require('../../../../../../../../_virtual/index.cjs');
-const responsivePropType = process.env.NODE_ENV !== 'production' ? index.default.oneOfType([index.default.number, index.default.string, index.default.object, index.default.array]) : {};
-exports.default = responsivePropType;

@@ -1,75 +0,0 @@
-'use strict';
-var style = require('../style/style.cjs');
-var compose = require('../compose/compose.cjs');
-var breakpoints = require('../breakpoints/breakpoints.cjs');
-function sizingTransform(value) {
-  return value <= 1 && value !== 0 ? `${value * 100}%` : value;
-}
-const width = style.default({
-  prop: 'width',
-  transform: sizingTransform
-});
-const maxWidth = props => {
-  if (props.maxWidth !== undefined && props.maxWidth !== null) {
-    const styleFromPropValue = propValue => {
-      const breakpoint = props.theme?.breakpoints?.values?.[propValue] || breakpoints.values[propValue];
-      if (!breakpoint) {
-        return {
-          maxWidth: sizingTransform(propValue)
-        };
-      }
-      if (props.theme?.breakpoints?.unit !== 'px') {
-        return {
-          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
-        };
-      }
-      return {
-        maxWidth: breakpoint
-      };
-    };
-    return breakpoints.handleBreakpoints(props, props.maxWidth, styleFromPropValue);
-  }
-  return null;
-};
-maxWidth.filterProps = ['maxWidth'];
-const minWidth = style.default({
-  prop: 'minWidth',
-  transform: sizingTransform
-});
-const height = style.default({
-  prop: 'height',
-  transform: sizingTransform
-});
-const maxHeight = style.default({
-  prop: 'maxHeight',
-  transform: sizingTransform
-});
-const minHeight = style.default({
-  prop: 'minHeight',
-  transform: sizingTransform
-});
-style.default({
-  prop: 'size',
-  cssProperty: 'width',
-  transform: sizingTransform
-});
-style.default({
-  prop: 'size',
-  cssProperty: 'height',
-  transform: sizingTransform
-});
-const boxSizing = style.default({
-  prop: 'boxSizing'
-});
-compose.default(width, maxWidth, minWidth, height, maxHeight, minHeight, boxSizing);
-exports.boxSizing = boxSizing;
-exports.height = height;
-exports.maxHeight = maxHeight;
-exports.maxWidth = maxWidth;
-exports.minHeight = minHeight;
-exports.minWidth = minWidth;
-exports.sizingTransform = sizingTransform;
-exports.width = width;