@lumx/react 3.20.1-alpha.35 → 3.20.1-alpha.37

package/_internal/536517c5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"536517c5.js","sources":["../../src/utils/disabled/DisabledStateContext.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\n/** Disable state */\ntype DisabledStateContextValue =\n    | {\n          state: 'disabled';\n      }\n    | { state: undefined | null };\n\nexport const DisabledStateContext = React.createContext<DisabledStateContextValue>({ state: null });\n\nexport type DisabledStateProviderProps = DisabledStateContextValue & {\n    children: React.ReactNode;\n};\n\n/**\n * Disabled state provider.\n * All nested LumX Design System components inherit this disabled state.\n */\nexport function DisabledStateProvider({ children, ...value }: DisabledStateProviderProps) {\n    return <DisabledStateContext.Provider value={value}>{children}</DisabledStateContext.Provider>;\n}\n\n/**\n * Get DisabledState context value\n */\nexport function useDisabledStateContext(): DisabledStateContextValue {\n    return useContext(DisabledStateContext);\n}\n"],"names":["DisabledStateContext","React","createContext","state","DisabledStateProvider","children","value","_jsx","Provider","useDisabledStateContext","useContext"],"mappings":";;;MASaA,oBAAoB,gBAAGC,cAAK,CAACC,aAAa,CAA4B;AAAEC,EAAAA,KAAK,EAAE,IAAA;AAAK,CAAC,EAAC;AAMnG;AACA;AACA;AACA;AACO,SAASC,qBAAqBA,CAAC;EAAEC,QAAQ;EAAE,GAAGC,KAAAA;AAAkC,CAAC,EAAE;AACtF,EAAA,oBAAOC,GAAA,CAACP,oBAAoB,CAACQ,QAAQ,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;AAAAD,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAAgC,CAAC,CAAA;AAClG,CAAA;;AAEA;AACA;AACA;AACO,SAASI,uBAAuBA,GAA8B;EACjE,OAAOC,UAAU,CAACV,oBAAoB,CAAC,CAAA;AAC3C;;;;"}

package/_internal/53b8dea1.js

@@ -1,48 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'GridItem';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * GridItem component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const GridItem = forwardRef((props, ref) => {
-  const {
-    children,
-    className,
-    width,
-    align,
-    order,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx("div", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      prefix: CLASSNAME,
-      width,
-      order,
-      align
-    })),
-    children: children
-  });
-});
-GridItem.displayName = COMPONENT_NAME;
-GridItem.className = CLASSNAME;
-
-export { GridItem };
-//# sourceMappingURL=53b8dea1.js.map

package/_internal/53b8dea1.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"53b8dea1.js","sources":["../../src/components/grid/GridItem.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { Alignment } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\ntype Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';\n\n/**\n * Defines the props of the component.\n */\nexport interface GridItemProps extends GenericProps {\n    /** Alignment. */\n    align?: Alignment;\n    /** Order. */\n    order?: Columns;\n    /** Width. */\n    width?: Columns;\n    /** Children */\n    children?: React.ReactNode;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'GridItem';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * GridItem component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const GridItem = forwardRef<GridItemProps, HTMLDivElement>((props, ref) => {\n    const { children, className, width, align, order, ...forwardedProps } = props;\n\n    return (\n        <div\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, width, order, align }))}\n        >\n            {children}\n        </div>\n    );\n});\nGridItem.displayName = COMPONENT_NAME;\nGridItem.className = CLASSNAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","GridItem","forwardRef","props","ref","children","className","width","align","order","forwardedProps","_jsx","classNames","handleBasicClasses","prefix","displayName"],"mappings":";;;;;AAuBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,UAAU,CAAA;;AAEjC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,QAAQ,GAAGC,UAAU,CAAgC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC9E,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC,cAAAA;AAAe,GAAC,GAAGP,KAAK,CAAA;AAE7E,EAAA,oBACIQ,GAAA,CAAA,KAAA,EAAA;AACIP,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLM,cAAc;AAClBJ,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEf,SAAS;MAAEQ,KAAK;MAAEE,KAAK;AAAED,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAH,IAAAA,QAAA,EAEhGA,QAAAA;AAAQ,GACR,CAAC,CAAA;AAEd,CAAC,EAAC;AACFJ,QAAQ,CAACc,WAAW,GAAGjB,cAAc,CAAA;AACrCG,QAAQ,CAACK,SAAS,GAAGP,SAAS;;;;"}

package/_internal/5745f198.js

@@ -1,12 +0,0 @@
-/** Check if the focus is visible on the given element */
-const isFocusVisible = element => {
-  try {
-    return element?.matches?.(':focus-visible, [data-focus-visible-added]');
-  } catch (_ignored) {
-    // Can fail on non browser env
-    return true;
-  }
-};
-
-export { isFocusVisible };
-//# sourceMappingURL=5745f198.js.map

package/_internal/5745f198.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5745f198.js","sources":["../../src/utils/browser/isFocusVisible.ts"],"sourcesContent":["/** Check if the focus is visible on the given element */\nexport const isFocusVisible = (element?: HTMLElement) => {\n    try {\n        return element?.matches?.(':focus-visible, [data-focus-visible-added]');\n    } catch (_ignored) {\n        // Can fail on non browser env\n        return true;\n    }\n};\n"],"names":["isFocusVisible","element","matches","_ignored"],"mappings":"AAAA;AACaA,MAAAA,cAAc,GAAIC,OAAqB,IAAK;EACrD,IAAI;AACA,IAAA,OAAOA,OAAO,EAAEC,OAAO,GAAG,4CAA4C,CAAC,CAAA;GAC1E,CAAC,OAAOC,QAAQ,EAAE;AACf;AACA,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AACJ;;;;"}

package/_internal/57f2079b.js

@@ -1,10 +0,0 @@
-import pick from 'lodash/pick';
-import { Size } from '@lumx/core/js/constants';
-
-/**
- * Accepted gap sizes for the generic block.
- */
-const GenericBlockGapSize = pick(Size, ['tiny', 'regular', 'medium', 'big', 'huge']);
-
-export { GenericBlockGapSize };
-//# sourceMappingURL=57f2079b.js.map

package/_internal/57f2079b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"57f2079b.js","sources":["../../src/components/generic-block/constants.ts"],"sourcesContent":["import pick from 'lodash/pick';\nimport { Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n * Accepted gap sizes for the generic block.\n */\nexport const GenericBlockGapSize = pick(Size, ['tiny', 'regular', 'medium', 'big', 'huge']);\nexport type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;\n"],"names":["GenericBlockGapSize","pick","Size"],"mappings":";;;AAIA;AACA;AACA;MACaA,mBAAmB,GAAGC,IAAI,CAACC,IAAI,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC;;;;"}

package/_internal/58418448.js

@@ -1,41 +0,0 @@
-import { AspectRatio } from '@lumx/core/js/constants';
-
-/**
- *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
- */
-
-/**
- * Loading attribute is not yet supported in typescript, so we need
- * to add it in order to avoid a ts error.
- * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
- */
-
-/**
- * All available aspect ratios.
- * @deprecated
- */
-const ThumbnailAspectRatio = {
-  ...AspectRatio
-};
-
-/**
- *  Thumbnail sizes.
- */
-
-/**
- * Thumbnail variants.
- */
-const ThumbnailVariant = {
-  squared: 'squared',
-  rounded: 'rounded'
-};
-/**
- * Thumbnail object fit.
- */
-const ThumbnailObjectFit = {
-  cover: 'cover',
-  contain: 'contain'
-};
-
-export { ThumbnailAspectRatio, ThumbnailObjectFit, ThumbnailVariant };
-//# sourceMappingURL=58418448.js.map

package/_internal/58418448.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"58418448.js","sources":["../../src/components/thumbnail/types.ts"],"sourcesContent":["import React from 'react';\nimport { AspectRatio, Size } from '@lumx/react';\nimport { ValueOf } from '@lumx/react/utils/type';\n\n/**\n *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).\n */\nexport type FocusPoint = { x?: number; y?: number };\n\n/**\n * Loading attribute is not yet supported in typescript, so we need\n * to add it in order to avoid a ts error.\n * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes\n */\ndeclare module 'react' {\n    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {\n        loading?: 'eager' | 'lazy';\n    }\n}\n\n/**\n * All available aspect ratios.\n * @deprecated\n */\nexport const ThumbnailAspectRatio: Record<string, AspectRatio> = { ...AspectRatio };\n\n/**\n *  Thumbnail sizes.\n */\nexport type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Thumbnail variants.\n */\nexport const ThumbnailVariant = {\n    squared: 'squared',\n    rounded: 'rounded',\n} as const;\nexport type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;\n\n/**\n * Thumbnail object fit.\n */\nexport const ThumbnailObjectFit = {\n    cover: 'cover',\n    contain: 'contain',\n} as const;\nexport type ThumbnailObjectFit = ValueOf<typeof ThumbnailObjectFit>;\n"],"names":["ThumbnailAspectRatio","AspectRatio","ThumbnailVariant","squared","rounded","ThumbnailObjectFit","cover","contain"],"mappings":";;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;;AAOA;AACA;AACA;AACA;AACO,MAAMA,oBAAiD,GAAG;EAAE,GAAGC,WAAAA;AAAY,EAAC;;AAEnF;AACA;AACA;;AAGA;AACA;AACA;AACO,MAAMC,gBAAgB,GAAG;AAC5BC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAA;AACb,EAAU;AAGV;AACA;AACA;AACO,MAAMC,kBAAkB,GAAG;AAC9BC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAA;AACb;;;;"}

package/_internal/595d0e66.js

@@ -1,103 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName, resolveColorWithVariants, handleBasicClasses } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { useTheme } from './d8ee966d.js';
-import { jsx } from 'react/jsx-runtime';
-import { Theme, ColorPalette, Size } from '@lumx/core/js/constants';
-import { mdiAlertCircle } from './893eb653.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'Icon';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {};
-
-/**
- * Icon component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const Icon = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    className,
-    color: propColor,
-    colorVariant: propColorVariant,
-    hasShape,
-    icon,
-    size,
-    theme = defaultTheme,
-    alt,
-    ...forwardedProps
-  } = props;
-  const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);
-
-  // Color
-  let iconColor = color;
-  if (!iconColor && (hasShape || theme)) {
-    iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;
-  }
-
-  // Color variant
-  let iconColorVariant = colorVariant;
-  if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {
-    iconColorVariant = 'L2';
-  }
-
-  // Size
-  let iconSize = size;
-  if (size && hasShape) {
-    if (size === Size.xxs || size === Size.xs) {
-      iconSize = Size.s;
-    } else if (size === Size.xxl) {
-      iconSize = Size.xl;
-    }
-  } else if (hasShape) {
-    iconSize = Size.m;
-  }
-  return /*#__PURE__*/jsx("i", {
-    ref: ref,
-    ...forwardedProps,
-    className: classNames(className, handleBasicClasses({
-      color: iconColor,
-      colorVariant: iconColorVariant,
-      hasShape,
-      prefix: CLASSNAME,
-      theme,
-      size: iconSize
-    }), !hasShape && `${CLASSNAME}--no-shape`, !hasShape && iconColor === ColorPalette.yellow && icon === mdiAlertCircle && `${CLASSNAME}--has-dark-layer`, `${CLASSNAME}--path`),
-    children: /*#__PURE__*/jsx("svg", {
-      "aria-hidden": alt ? undefined : 'true',
-      role: alt ? 'img' : undefined,
-      "aria-label": alt,
-      height: "1em",
-      preserveAspectRatio: "xMidYMid meet",
-      style: {
-        verticalAlign: '-0.125em'
-      },
-      viewBox: "0 0 24 24",
-      width: "1em",
-      children: /*#__PURE__*/jsx("path", {
-        d: icon,
-        fill: "currentColor"
-      })
-    })
-  });
-});
-Icon.displayName = COMPONENT_NAME;
-Icon.className = CLASSNAME;
-Icon.defaultProps = DEFAULT_PROPS;
-
-export { Icon };
-//# sourceMappingURL=595d0e66.js.map

package/_internal/595d0e66.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"595d0e66.js","sources":["../../src/components/icon/Icon.tsx"],"sourcesContent":["import classNames from 'classnames';\n\nimport { mdiAlertCircle } from '@lumx/icons';\nimport { ColorPalette, ColorVariant, ColorWithVariants, Size, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses, resolveColorWithVariants } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nexport type IconSizes = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;\n\n/**\n * Defines the props of the component.\n */\nexport interface IconProps extends GenericProps, HasTheme {\n    /** Color variant. */\n    color?: ColorWithVariants;\n    /** Lightened or darkened variant of the selected icon color. */\n    colorVariant?: ColorVariant;\n    /** Whether the icon has a shape. */\n    hasShape?: boolean;\n    /**\n     * Icon (SVG path) draw code (`d` property of the `<path>` SVG element).\n     * See https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths\n     */\n    icon: string;\n    /** Size variant. */\n    size?: IconSizes;\n    /** Sets an alternative text on the svg. Will set an `img` role to the svg. */\n    alt?: string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Icon';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<IconProps> = {};\n\n/**\n * Icon component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Icon = forwardRef<IconProps, HTMLElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const {\n        className,\n        color: propColor,\n        colorVariant: propColorVariant,\n        hasShape,\n        icon,\n        size,\n        theme = defaultTheme,\n        alt,\n        ...forwardedProps\n    } = props;\n    const [color, colorVariant] = resolveColorWithVariants(propColor, propColorVariant);\n\n    // Color\n    let iconColor = color;\n    if (!iconColor && (hasShape || theme)) {\n        iconColor = theme === Theme.dark ? ColorPalette.light : ColorPalette.dark;\n    }\n\n    // Color variant\n    let iconColorVariant = colorVariant;\n    if (!iconColorVariant && hasShape && iconColor === ColorPalette.dark) {\n        iconColorVariant = 'L2';\n    }\n\n    // Size\n    let iconSize = size;\n    if (size && hasShape) {\n        if (size === Size.xxs || size === Size.xs) {\n            iconSize = Size.s;\n        } else if (size === Size.xxl) {\n            iconSize = Size.xl;\n        }\n    } else if (hasShape) {\n        iconSize = Size.m;\n    }\n\n    return (\n        <i\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(\n                className,\n                handleBasicClasses({\n                    color: iconColor,\n                    colorVariant: iconColorVariant,\n                    hasShape,\n                    prefix: CLASSNAME,\n                    theme,\n                    size: iconSize,\n                }),\n                !hasShape && `${CLASSNAME}--no-shape`,\n                !hasShape &&\n                    iconColor === ColorPalette.yellow &&\n                    icon === mdiAlertCircle &&\n                    `${CLASSNAME}--has-dark-layer`,\n                `${CLASSNAME}--path`,\n            )}\n        >\n            <svg\n                aria-hidden={alt ? undefined : 'true'}\n                role={alt ? 'img' : undefined}\n                aria-label={alt}\n                height=\"1em\"\n                preserveAspectRatio=\"xMidYMid meet\"\n                style={{ verticalAlign: '-0.125em' }}\n                viewBox=\"0 0 24 24\"\n                width=\"1em\"\n            >\n                <path d={icon} fill=\"currentColor\" />\n            </svg>\n        </i>\n    );\n});\nIcon.displayName = COMPONENT_NAME;\nIcon.className = CLASSNAME;\nIcon.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","Icon","forwardRef","props","ref","defaultTheme","useTheme","className","color","propColor","colorVariant","propColorVariant","hasShape","icon","size","theme","alt","forwardedProps","resolveColorWithVariants","iconColor","Theme","dark","ColorPalette","light","iconColorVariant","iconSize","Size","xxs","xs","s","xxl","xl","m","_jsx","classNames","handleBasicClasses","prefix","yellow","mdiAlertCircle","children","undefined","role","height","preserveAspectRatio","style","verticalAlign","viewBox","width","d","fill","displayName","defaultProps"],"mappings":"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"}

package/_internal/5a0207d9.js

@@ -1,77 +0,0 @@
-import { ButtonRoot } from './9b0c0489.js';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { useTheme, ThemeProvider } from './d8ee966d.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { jsx } from 'react/jsx-runtime';
-import { Tooltip } from './659a1cdd.js';
-import { Emphasis, Size, Theme } from '@lumx/core/js/constants';
-import { Icon } from './595d0e66.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'IconButton';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  emphasis: Emphasis.high,
-  size: Size.m
-};
-
-/**
- * IconButton component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const IconButton = forwardRef((props, ref) => {
-  const defaultTheme = useTheme() || Theme.light;
-  const {
-    emphasis = DEFAULT_PROPS.emphasis,
-    image,
-    icon,
-    label,
-    size = DEFAULT_PROPS.size,
-    theme = defaultTheme,
-    tooltipProps,
-    hideTooltip,
-    ...forwardedProps
-  } = props;
-  return /*#__PURE__*/jsx(Tooltip, {
-    label: hideTooltip ? '' : label,
-    ...tooltipProps,
-    children: /*#__PURE__*/jsx(ButtonRoot, {
-      ref: ref,
-      emphasis,
-      size,
-      theme,
-      ...forwardedProps,
-      "aria-label": label,
-      variant: "icon",
-      children: image ? /*#__PURE__*/jsx("img", {
-        // no need to set alt as an aria-label is already set on the button
-        alt: "",
-        src: image
-      }) : /*#__PURE__*/jsx(ThemeProvider, {
-        value: undefined,
-        children: /*#__PURE__*/jsx(Icon, {
-          icon: icon
-        })
-      })
-    })
-  });
-});
-IconButton.displayName = COMPONENT_NAME;
-IconButton.className = CLASSNAME;
-IconButton.defaultProps = DEFAULT_PROPS;
-
-export { IconButton };
-//# sourceMappingURL=5a0207d9.js.map

package/_internal/5a0207d9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5a0207d9.js","sources":["../../src/components/button/IconButton.tsx"],"sourcesContent":["import { Emphasis, Icon, Size, Theme, ThemeProvider, Tooltip, TooltipProps } from '@lumx/react';\nimport { BaseButtonProps, ButtonRoot } from '@lumx/react/components/button/ButtonRoot';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nexport interface IconButtonProps extends BaseButtonProps {\n    /**\n     * Icon (SVG path).\n     * If `image` is also set, `image` will be used instead.\n     */\n    icon?: string;\n    /**\n     * Image (image url).\n     * Has priority over `icon`.\n     */\n    image?: string;\n    /**\n     * Label text (required for a11y purpose).\n     * If you really don't want an aria-label, you can set an empty label (this is not recommended).\n     */\n    label: string;\n    /**\n     * Props to pass to the tooltip.\n     * If undefined or if tooltipProps.label is undefined, the label prop will be used as tooltip label.\n     * */\n    tooltipProps?: Partial<TooltipProps>;\n    /** Whether the tooltip should be hidden or not. */\n    hideTooltip?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'IconButton';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<IconButtonProps> = {\n    emphasis: Emphasis.high,\n    size: Size.m,\n};\n\n/**\n * IconButton component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const IconButton = forwardRef<IconButtonProps, HTMLButtonElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const {\n        emphasis = DEFAULT_PROPS.emphasis,\n        image,\n        icon,\n        label,\n        size = DEFAULT_PROPS.size,\n        theme = defaultTheme,\n        tooltipProps,\n        hideTooltip,\n        ...forwardedProps\n    } = props;\n\n    return (\n        <Tooltip label={hideTooltip ? '' : label} {...tooltipProps}>\n            <ButtonRoot ref={ref} {...{ emphasis, size, theme, ...forwardedProps }} aria-label={label} variant=\"icon\">\n                {image ? (\n                    <img\n                        // no need to set alt as an aria-label is already set on the button\n                        alt=\"\"\n                        src={image}\n                    />\n                ) : (\n                    <ThemeProvider value={undefined}>\n                        <Icon icon={icon as string} />\n                    </ThemeProvider>\n                )}\n            </ButtonRoot>\n        </Tooltip>\n    );\n});\nIconButton.displayName = COMPONENT_NAME;\nIconButton.className = CLASSNAME;\nIconButton.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","Emphasis","high","size","Size","m","IconButton","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","image","icon","label","theme","tooltipProps","hideTooltip","forwardedProps","_jsx","Tooltip","children","ButtonRoot","variant","alt","src","ThemeProvider","value","undefined","Icon","displayName","className","defaultProps"],"mappings":";;;;;;;;;AA+BA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,YAAY,CAAA;;AAEnC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAuC,GAAG;EAC5CC,QAAQ,EAAEC,QAAQ,CAACC,IAAI;EACvBC,IAAI,EAAEC,IAAI,CAACC,CAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,UAAU,GAAGC,UAAU,CAAqC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACrF,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IACFb,QAAQ,GAAGD,aAAa,CAACC,QAAQ;IACjCc,KAAK;IACLC,IAAI;IACJC,KAAK;IACLb,IAAI,GAAGJ,aAAa,CAACI,IAAI;AACzBc,IAAAA,KAAK,GAAGP,YAAY;IACpBQ,YAAY;IACZC,WAAW;IACX,GAAGC,cAAAA;AACP,GAAC,GAAGZ,KAAK,CAAA;EAET,oBACIa,GAAA,CAACC,OAAO,EAAA;AAACN,IAAAA,KAAK,EAAEG,WAAW,GAAG,EAAE,GAAGH,KAAM;AAAA,IAAA,GAAKE,YAAY;IAAAK,QAAA,eACtDF,GAAA,CAACG,UAAU,EAAA;AAACf,MAAAA,GAAG,EAAEA,GAAI;MAAOT,QAAQ;MAAEG,IAAI;MAAEc,KAAK;AAAE,MAAA,GAAGG,cAAc;AAAI,MAAA,YAAA,EAAYJ,KAAM;AAACS,MAAAA,OAAO,EAAC,MAAM;MAAAF,QAAA,EACpGT,KAAK,gBACFO,GAAA,CAAA,KAAA,EAAA;AACI;AACAK,QAAAA,GAAG,EAAC,EAAE;AACNC,QAAAA,GAAG,EAAEb,KAAAA;AAAM,OACd,CAAC,gBAEFO,GAAA,CAACO,aAAa,EAAA;AAACC,QAAAA,KAAK,EAAEC,SAAU;QAAAP,QAAA,eAC5BF,GAAA,CAACU,IAAI,EAAA;AAAChB,UAAAA,IAAI,EAAEA,IAAAA;SAAiB,CAAA;OAClB,CAAA;KAEX,CAAA;AAAC,GACR,CAAC,CAAA;AAElB,CAAC,EAAC;AACFT,UAAU,CAAC0B,WAAW,GAAGpC,cAAc,CAAA;AACvCU,UAAU,CAAC2B,SAAS,GAAGpC,SAAS,CAAA;AAChCS,UAAU,CAAC4B,YAAY,GAAGnC,aAAa;;;;"}

package/_internal/5a6b1aa5.js

@@ -1,139 +0,0 @@
-import classNames from 'classnames';
-import { getRootClassName } from '@lumx/core/js/utils/className';
-import { forwardRef } from './bd8b3ec8.js';
-import { useTheme } from './d8ee966d.js';
-import { useDisableStateProps } from './ef982c3d.js';
-import { jsx } from 'react/jsx-runtime';
-import { Autocomplete } from './24b48881.js';
-import { Chip } from './b125b718.js';
-import { mdiClose } from './ad7c38b0.js';
-import { Icon } from './595d0e66.js';
-import { Size } from '@lumx/core/js/constants';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'AutocompleteMultiple';
-
-/**
- * Component default class name and class prefix.
- */
-const CLASSNAME = getRootClassName(COMPONENT_NAME);
-
-/**
- * Component default props.
- */
-const DEFAULT_PROPS = {
-  closeOnClickAway: true,
-  closeOnEscape: true,
-  selectedChipRender(choice, index, onClear, isDisabled) {
-    const onClick = event => onClear && onClear(event, choice);
-    return /*#__PURE__*/jsx(Chip, {
-      after: onClear && /*#__PURE__*/jsx(Icon, {
-        icon: mdiClose,
-        size: Size.xxs
-      }),
-      isDisabled: isDisabled,
-      size: Size.s,
-      onAfterClick: onClick,
-      onClick: onClick,
-      children: choice
-    }, index);
-  },
-  values: []
-};
-
-/**
- * AutocompleteMultiple component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const AutocompleteMultiple = forwardRef((props, ref) => {
-  const defaultTheme = useTheme();
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    anchorToInput,
-    children,
-    // `chipsAlignment` needs to be here to remove it from `forwardedProps`.
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    chipsAlignment,
-    className,
-    closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,
-    closeOnEscape = DEFAULT_PROPS.closeOnEscape,
-    fitToAnchorWidth,
-    hasError,
-    helper,
-    icon,
-    inputRef,
-    clearButtonProps,
-    isRequired,
-    isOpen,
-    isValid,
-    label,
-    name,
-    offset,
-    onBlur,
-    onChange,
-    onClear,
-    onClose,
-    onFocus,
-    onInfiniteScroll,
-    onKeyDown,
-    placeholder,
-    placement,
-    selectedChipRender = DEFAULT_PROPS.selectedChipRender,
-    shouldFocusOnClose,
-    theme = defaultTheme,
-    type,
-    value,
-    values = DEFAULT_PROPS.values,
-    ...forwardedProps
-  } = otherProps;
-  return /*#__PURE__*/jsx(Autocomplete, {
-    ref: ref,
-    ...forwardedProps,
-    anchorToInput: anchorToInput,
-    className: classNames(className, CLASSNAME),
-    name: name,
-    value: value,
-    onChange: onChange,
-    onKeyDown: onKeyDown,
-    onBlur: onBlur,
-    shouldFocusOnClose: shouldFocusOnClose,
-    onFocus: onFocus,
-    hasError: hasError,
-    helper: helper,
-    icon: icon,
-    inputRef: inputRef,
-    chips: values && values.map((chip, index) => selectedChipRender?.(chip, index, onClear)),
-    ...disabledStateProps,
-    isRequired: isRequired,
-    clearButtonProps: clearButtonProps,
-    isValid: isValid,
-    label: label,
-    placeholder: placeholder,
-    theme: theme,
-    type: type,
-    isOpen: isOpen,
-    closeOnClick: false,
-    closeOnClickAway: closeOnClickAway,
-    closeOnEscape: closeOnEscape,
-    onClose: onClose,
-    offset: offset,
-    placement: placement,
-    fitToAnchorWidth: fitToAnchorWidth,
-    onInfiniteScroll: onInfiniteScroll,
-    children: children
-  });
-});
-AutocompleteMultiple.displayName = COMPONENT_NAME;
-AutocompleteMultiple.className = CLASSNAME;
-AutocompleteMultiple.defaultProps = DEFAULT_PROPS;
-
-export { AutocompleteMultiple };
-//# sourceMappingURL=5a6b1aa5.js.map

package/_internal/5a6b1aa5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5a6b1aa5.js","sources":["../../src/components/autocomplete/AutocompleteMultiple.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { mdiClose } from '@lumx/icons';\n\nimport { Autocomplete, AutocompleteProps, Chip, HorizontalAlignment, Icon, Size } from '@lumx/react';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\n\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteMultipleProps extends AutocompleteProps {\n    /** Selected values. */\n    values: any[];\n    /** Alignment of the chips in the autocomplete. */\n    chipsAlignment?: HorizontalAlignment;\n    /** Selected value render function. Default: Renders the value inside of a Chip. */\n    selectedChipRender(\n        choice: any,\n        index: number,\n        onClear?: (event: React.MouseEvent, choice: any) => void,\n        isDisabled?: boolean,\n    ): ReactNode | string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AutocompleteMultiple';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteMultipleProps> = {\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    selectedChipRender(choice, index, onClear, isDisabled) {\n        const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n        return (\n            <Chip\n                key={index}\n                after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n                isDisabled={isDisabled}\n                size={Size.s}\n                onAfterClick={onClick}\n                onClick={onClick}\n            >\n                {choice}\n            </Chip>\n        );\n    },\n    values: [],\n};\n\n/**\n * AutocompleteMultiple component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const AutocompleteMultiple = forwardRef<AutocompleteMultipleProps, HTMLDivElement>((props, ref) => {\n    const defaultTheme = useTheme();\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        anchorToInput,\n        children,\n        // `chipsAlignment` needs to be here to remove it from `forwardedProps`.\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        chipsAlignment,\n        className,\n        closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,\n        closeOnEscape = DEFAULT_PROPS.closeOnEscape,\n        fitToAnchorWidth,\n        hasError,\n        helper,\n        icon,\n        inputRef,\n        clearButtonProps,\n        isRequired,\n        isOpen,\n        isValid,\n        label,\n        name,\n        offset,\n        onBlur,\n        onChange,\n        onClear,\n        onClose,\n        onFocus,\n        onInfiniteScroll,\n        onKeyDown,\n        placeholder,\n        placement,\n        selectedChipRender = DEFAULT_PROPS.selectedChipRender,\n        shouldFocusOnClose,\n        theme = defaultTheme,\n        type,\n        value,\n        values = DEFAULT_PROPS.values,\n        ...forwardedProps\n    } = otherProps;\n\n    return (\n        <Autocomplete\n            ref={ref}\n            {...forwardedProps}\n            anchorToInput={anchorToInput}\n            className={classNames(className, CLASSNAME)}\n            name={name}\n            value={value}\n            onChange={onChange}\n            onKeyDown={onKeyDown}\n            onBlur={onBlur}\n            shouldFocusOnClose={shouldFocusOnClose}\n            onFocus={onFocus}\n            hasError={hasError}\n            helper={helper}\n            icon={icon}\n            inputRef={inputRef}\n            chips={values && values.map((chip: any, index: number) => selectedChipRender?.(chip, index, onClear))}\n            {...disabledStateProps}\n            isRequired={isRequired}\n            clearButtonProps={clearButtonProps}\n            isValid={isValid}\n            label={label}\n            placeholder={placeholder}\n            theme={theme}\n            type={type}\n            isOpen={isOpen}\n            closeOnClick={false}\n            closeOnClickAway={closeOnClickAway}\n            closeOnEscape={closeOnEscape}\n            onClose={onClose}\n            offset={offset}\n            placement={placement}\n            fitToAnchorWidth={fitToAnchorWidth}\n            onInfiniteScroll={onInfiniteScroll}\n        >\n            {children}\n        </Autocomplete>\n    );\n});\nAutocompleteMultiple.displayName = COMPONENT_NAME;\nAutocompleteMultiple.className = CLASSNAME;\nAutocompleteMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","closeOnClickAway","closeOnEscape","selectedChipRender","choice","index","onClear","isDisabled","onClick","event","_jsx","Chip","after","Icon","icon","mdiClose","size","Size","xxs","s","onAfterClick","children","values","AutocompleteMultiple","forwardRef","props","ref","defaultTheme","useTheme","disabledStateProps","otherProps","useDisableStateProps","anchorToInput","chipsAlignment","className","fitToAnchorWidth","hasError","helper","inputRef","clearButtonProps","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","onKeyDown","placeholder","placement","shouldFocusOnClose","theme","type","value","forwardedProps","Autocomplete","classNames","chips","map","chip","closeOnClick","displayName","defaultProps"],"mappings":"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"}

package/_internal/5c3e15ea.js

@@ -1,107 +0,0 @@
-import React__default, { useRef, useCallback } from 'react';
-import { getCurrentLocale } from './14390eeb.js';
-import { useBooleanState } from './3e2f0517.js';
-import { forwardRef } from './bd8b3ec8.js';
-import { useDisableStateProps } from './ef982c3d.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { PopoverDialog } from './507d9459.js';
-import { Placement } from './9d063548.js';
-import { DatePicker } from './a9d0f94d.js';
-import { TextField } from './41a8b20f.js';
-
-/**
- * Component display name.
- */
-const COMPONENT_NAME = 'DatePickerField';
-
-/**
- * DatePickerField component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-const DatePickerField = forwardRef((props, ref) => {
-  const {
-    disabledStateProps,
-    otherProps
-  } = useDisableStateProps(props);
-  const {
-    defaultMonth,
-    locale = getCurrentLocale(),
-    maxDate,
-    minDate,
-    name,
-    nextButtonProps,
-    onChange,
-    previousButtonProps,
-    value,
-    ...forwardedProps
-  } = otherProps;
-  const anchorRef = useRef(null);
-  const [isOpen, close,, toggleOpen] = useBooleanState(false);
-  const handleKeyboardNav = useCallback(evt => {
-    if (evt.key === 'Enter' || evt.key === ' ') {
-      toggleOpen();
-    }
-  }, [toggleOpen]);
-  const onTextFieldChange = useCallback((textFieldValue, textFieldName, event) => {
-    if (!textFieldValue) {
-      onChange(undefined, textFieldName, event);
-    }
-  }, [onChange]);
-  const onDatePickerChange = useCallback(newDate => {
-    onChange(newDate, name);
-    close();
-  }, [name, onChange, close]);
-
-  // Format date for text field
-  const textFieldValue = value?.toLocaleDateString(locale, {
-    year: 'numeric',
-    month: 'long',
-    day: 'numeric'
-  }) || '';
-  const todayOrSelectedDateRef = React__default.useRef(null);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(TextField, {
-      ref: ref,
-      ...forwardedProps,
-      name: name,
-      forceFocusStyle: isOpen,
-      textFieldRef: anchorRef,
-      value: textFieldValue,
-      onClick: toggleOpen,
-      onChange: onTextFieldChange,
-      onKeyPress: handleKeyboardNav,
-      ...disabledStateProps,
-      readOnly: true,
-      "aria-haspopup": "dialog"
-    }), isOpen ? /*#__PURE__*/jsx(PopoverDialog
-    // Can't use `aria-labelledby` targeting the text field label element (not correctly read on some screen readers)
-    , {
-      "aria-label": forwardedProps.label,
-      anchorRef: anchorRef,
-      placement: Placement.BOTTOM_START,
-      isOpen: isOpen,
-      onClose: close
-      // On open, focus the selected day or today
-      ,
-      focusElement: todayOrSelectedDateRef,
-      children: /*#__PURE__*/jsx(DatePicker, {
-        locale: locale,
-        maxDate: maxDate,
-        minDate: minDate,
-        value: value,
-        todayOrSelectedDateRef: todayOrSelectedDateRef,
-        onChange: onDatePickerChange,
-        defaultMonth: defaultMonth,
-        nextButtonProps: nextButtonProps,
-        previousButtonProps: previousButtonProps
-      })
-    }) : null]
-  });
-});
-DatePickerField.displayName = COMPONENT_NAME;
-
-export { DatePickerField };
-//# sourceMappingURL=5c3e15ea.js.map

package/_internal/5c3e15ea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"5c3e15ea.js","sources":["../../src/components/date-picker/DatePickerField.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useRef } from 'react';\n\nimport { DatePicker, IconButtonProps, Placement, PopoverDialog, TextField, TextFieldProps } from '@lumx/react';\nimport { GenericProps } from '@lumx/react/utils/type';\nimport { getCurrentLocale } from '@lumx/react/utils/locale/getCurrentLocale';\nimport { useBooleanState } from '@lumx/react/hooks/useBooleanState';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\nimport { useDisableStateProps } from '@lumx/react/utils/disabled/useDisableStateProps';\n\n/**\n * Defines the props of the component.\n */\nexport interface DatePickerFieldProps extends Omit<TextFieldProps, 'value' | 'onChange'>, GenericProps {\n    /** Default month. */\n    defaultMonth?: Date;\n    /** Locale (language or region) to use. */\n    locale?: string;\n    /** Date after which dates can't be selected. */\n    maxDate?: Date;\n    /** Date before which dates can't be selected. */\n    minDate?: Date;\n    /** Props to pass to the next month button (minus those already set by the DatePickerControlled props). */\n    nextButtonProps: Pick<IconButtonProps, 'label'> & Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Props to pass to the previous month button (minus those already set by the DatePickerControlled props). */\n    previousButtonProps: Pick<IconButtonProps, 'label'> &\n        Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n    /** Currently selected date. */\n    value: Date | undefined;\n    /** On change callback. */\n    onChange(value: Date | undefined, name?: string, event?: SyntheticEvent): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'DatePickerField';\n\n/**\n * DatePickerField component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const DatePickerField = forwardRef<DatePickerFieldProps, HTMLDivElement>((props, ref) => {\n    const { disabledStateProps, otherProps } = useDisableStateProps(props);\n    const {\n        defaultMonth,\n        locale = getCurrentLocale(),\n        maxDate,\n        minDate,\n        name,\n        nextButtonProps,\n        onChange,\n        previousButtonProps,\n        value,\n        ...forwardedProps\n    } = otherProps;\n    const anchorRef = useRef(null);\n\n    const [isOpen, close, , toggleOpen] = useBooleanState(false);\n\n    const handleKeyboardNav = useCallback(\n        (evt: React.KeyboardEvent) => {\n            if (evt.key === 'Enter' || evt.key === ' ') {\n                toggleOpen();\n            }\n        },\n        [toggleOpen],\n    );\n    const onTextFieldChange = useCallback(\n        (textFieldValue: string, textFieldName?: string, event?: SyntheticEvent) => {\n            if (!textFieldValue) {\n                onChange(undefined, textFieldName, event);\n            }\n        },\n        [onChange],\n    );\n    const onDatePickerChange = useCallback(\n        (newDate?: Date) => {\n            onChange(newDate, name);\n            close();\n        },\n        [name, onChange, close],\n    );\n\n    // Format date for text field\n    const textFieldValue = value?.toLocaleDateString(locale, { year: 'numeric', month: 'long', day: 'numeric' }) || '';\n\n    const todayOrSelectedDateRef = React.useRef(null);\n\n    return (\n        <>\n            <TextField\n                ref={ref}\n                {...forwardedProps}\n                name={name}\n                forceFocusStyle={isOpen}\n                textFieldRef={anchorRef}\n                value={textFieldValue}\n                onClick={toggleOpen}\n                onChange={onTextFieldChange}\n                onKeyPress={handleKeyboardNav}\n                {...disabledStateProps}\n                readOnly\n                aria-haspopup=\"dialog\"\n            />\n            {isOpen ? (\n                <PopoverDialog\n                    // Can't use `aria-labelledby` targeting the text field label element (not correctly read on some screen readers)\n                    aria-label={forwardedProps.label}\n                    anchorRef={anchorRef}\n                    placement={Placement.BOTTOM_START}\n                    isOpen={isOpen}\n                    onClose={close}\n                    // On open, focus the selected day or today\n                    focusElement={todayOrSelectedDateRef}\n                >\n                    <DatePicker\n                        locale={locale}\n                        maxDate={maxDate}\n                        minDate={minDate}\n                        value={value}\n                        todayOrSelectedDateRef={todayOrSelectedDateRef}\n                        onChange={onDatePickerChange}\n                        defaultMonth={defaultMonth}\n                        nextButtonProps={nextButtonProps}\n                        previousButtonProps={previousButtonProps}\n                    />\n                </PopoverDialog>\n            ) : null}\n        </>\n    );\n});\nDatePickerField.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","DatePickerField","forwardRef","props","ref","disabledStateProps","otherProps","useDisableStateProps","defaultMonth","locale","getCurrentLocale","maxDate","minDate","name","nextButtonProps","onChange","previousButtonProps","value","forwardedProps","anchorRef","useRef","isOpen","close","toggleOpen","useBooleanState","handleKeyboardNav","useCallback","evt","key","onTextFieldChange","textFieldValue","textFieldName","event","undefined","onDatePickerChange","newDate","toLocaleDateString","year","month","day","todayOrSelectedDateRef","React","_jsxs","_Fragment","children","_jsx","TextField","forceFocusStyle","textFieldRef","onClick","onKeyPress","readOnly","PopoverDialog","label","placement","Placement","BOTTOM_START","onClose","focusElement","DatePicker","displayName"],"mappings":"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"}