npm - @kaizen/components - Versions diffs - 1.37.0 → 1.38.0 - Mend

@kaizen/components 1.37.0 → 1.38.0

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 (920) hide show

package/dist/esm/BrandMoment/BrandMoment.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { SceneProps } from \"~components/Illustration\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n mood: \"informative\" \| \"positive\" \| \"negative\"\n illustration: ReactElement<SceneProps>\n header: ReactNode\n body?: ReactNode\n primaryAction?: ButtonProps\n secondaryAction?: ButtonProps\n text: {\n title: ReactNode\n subtitle?: ReactNode\n body?: ReactNode\n footer?: ReactNode\n }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n mood,\n illustration,\n header,\n body,\n primaryAction,\n secondaryAction,\n text,\n classNameOverride,\n ...restProps\n}: BrandMomentProps): JSX.Element => {\n const { queries } = useMediaQueries()\n\n return (\n <div\n className={classnames(styles.body, styles[mood], classNameOverride)}\n {...restProps}\n >\n <header className={styles.header}>{header}</header>\n <main className={styles.main}>\n <div className={styles.container}>\n <div className={styles.mainInner}>\n <div className={styles.left}>\n <div className={styles.leftInner}>{illustration}</div>\n </div>\n <div className={styles.right}>\n <div className={styles.rightInner}>\n {text.subtitle && (\n <Heading\n variant=\"heading-3\"\n tag=\"h1\"\n classNameOverride={styles.subtitle}\n >\n {text.subtitle}\n </Heading>\n )}\n <Heading\n variant=\"display-0\"\n tag={text.subtitle ? \"h2\" : \"h1\"}\n classNameOverride={styles.title}\n >\n {text.title}\n </Heading>\n {text.body && (\n <Text\n variant=\"intro-lede\"\n classNameOverride={styles.textBody}\n >\n {text.body}\n </Text>\n )}\n {body && <div className={styles.textBody}>{body}</div>}\n <div className={styles.actions}>\n {primaryAction && (\n <Button\n primary\n fullWidth={queries.isSmall}\n {...primaryAction}\n />\n )}\n {secondaryAction && (\n <div className={styles.secondaryAction}>\n <Button\n secondary\n fullWidth={queries.isSmall}\n {...secondaryAction}\n />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </main>\n {text.footer && (\n <footer className={styles.footer}>\n <div className={styles.container}>\n <div className={styles.footerInner}>\n <div className={styles.poweredByContainer}>\n <Text variant=\"extra-small\" color=\"dark-reduced-opacity\">\n Powered by\n </Text>\n <a\n href=\"https://www.cultureamp.com\"\n className={styles.poweredByLogo}\n >\n <img\n src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n alt=\"Culture Amp\"\n />\n </a>\n </div>\n <div className={styles.footerTextContainer}>\n <Text variant=\"extra-small\">{text.footer}</Text>\n </div>\n </div>\n </div>\n </footer>\n )}\n </div>\n )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Text","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":";;;;;;;;;;;AA0BA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAUT,EAAA;IATjB,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,YAAY,GAAAF,EAAA,CAAAE,YAAA;MACZC,MAAM,GAAAH,EAAA,CAAAG,MAAA;MACNC,IAAI,GAAAJ,EAAA,CAAAI,IAAA;MACJC,aAAa,GAAAL,EAAA,CAAAK,aAAA;MACbC,eAAe,GAAAN,EAAA,CAAAM,eAAA;MACfC,IAAI,GAAAP,EAAA,CAAAO,IAAA;MACJC,iBAAiB,GAAAR,EAAA,CAAAQ,iBAAA;MACdC,SAAS,GATcC,MAAA,CAAAV,EAAA,EAAA,CAAA,MAAA,EAAA,cAAA,EAAA,QAAA,EAAA,MAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,mBAAA,CAU3B,CADa;IAEJ,IAAAW,OAAO,GAAKC,eAAe,CAAE,CAAA,QAAtB;IAEf,oBACEC,KACE,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACd,IAAI,EAAEc,MAAM,CAACjB,IAAI,CAAC,EAAEO,iBAAiB;IAAC,GAC/DC,SAAS,CAAA,eAEbI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;MAAQE,SAAS,EAAEE,MAAM,CAACf;IAAM,CAAA,EAAGA,MAAM,CAAU,eACnDU,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MAAME,SAAS,EAAEE,MAAM,CAACC;IAAI,CAAA,eAC1BN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACE;IAAS,CAAA,eAC9BP,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACG;IAAS,CAAA,eAC9BR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACI;IAAI,CAAA,eACzBT,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAE,SAAS,EAAEE,MAAM,CAACK;IAAS,CAAG,EAAArB,YAAY,CAAO,CAClD,eACNW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACM;IAAK,CAAA,eAC1BX,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACO;IAAU,CAAA,EAC9BlB,IAAI,CAACmB,QAAQ,~~iBACZb~~,KAAA,CAAAC,aAAA,CAACa,OAAO,EACN;MAAAC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAC,IAAI;MACRrB,iBAAiB,EAAEU,MAAM,CAACQ;IAAQ,CAAA,EAEjCnB,IAAI,CAACmB,QAAQ,~~CAEjB~~,eACDb,KAAA,CAAAC,aAAA,CAACa,OAAO,EAAA;MACNC,OAAO,EAAC,WAAW;MACnBC,GAAG,EAAEtB,IAAI,CAACmB,QAAQ,GAAG,IAAI,GAAG,IAAI;MAChClB,iBAAiB,EAAEU,MAAM,CAACY;IAAK,CAAA,EAE9BvB,IAAI,CAACuB,KAAK,CACH,EACTvB,IAAI,CAACH,IAAI,~~iBACRS~~,oBAACkB,IAAI,EAAA;MACHH,OAAO,EAAC,YAAY;MACpBpB,iBAAiB,EAAEU,MAAM,CAACc;OAEzBzB,IAAI,CAACH,IAAI,~~CAEb~~,EACAA,IAAI,iBAAIS;MAAKG,SAAS,EAAEE,MAAM,CAACc;IAAW,CAAA,EAAA5B,IAAI,CAAO,eACtDS,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACe;IAAO,CAAA,EAC3B5B,aAAa,~~iBACZQ~~,KAAC,CAAAC,aAAA,CAAAoB,MAAM;MACLC,OAAO,EAAA,IAAA;MACPC,SAAS,EAAEzB,OAAO,CAAC0B;IAAO,CACtB,EAAAhC,aAAa,~~EAEpB~~,EACAC,eAAe,~~iBACdO~~,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACZ;IAAe,CAAA,eACpCO,KAAA,CAAAC,aAAA,CAACoB,MAAM,EACLnB,QAAA,CAAA;MAAAuB,SAAS;MACTF,SAAS,EAAEzB,OAAO,CAAC0B;IAAO,GACtB/B,eAAe,CAAA,CACnB,~~CAEL~~,CACG,CACF,CACF,CACF,CACF,CACD,EACNC,IAAI,CAACgC,MAAM,~~iBACV1B~~;MAAQG,SAAS,EAAEE,MAAM,CAACqB;IAAM,CAAA,eAC9B1B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACE;IAAS,CAAA,eAC9BP,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACsB;IAAW,CAAA,eAChC3B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAACuB;IAAkB,CAAA,eACvC5B,KAAC,CAAAC,aAAA,CAAAiB,IAAI;MAACH,OAAO,EAAC,aAAa;MAACc,KAAK,EAAC;IAE3B,CAAA,EAAA,YAAA,CAAA,eACP7B,KACE,CAAAC,aAAA,CAAA,GAAA,EAAA;MAAA6B,IAAI,EAAC,4BAA4B;MACjC3B,SAAS,EAAEE,MAAM,CAAC0B;IAAa,CAAA,eAE/B/B,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACE+B,GAAG,EAAEC,QAAQ,CAAC,mCAAmC,CAAC;MAClDC,GAAG,EAAC;IACJ,CAAA,CAAA,CACA,CACA,eACNlC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKE,SAAS,EAAEE,MAAM,CAAC8B;IAAmB,CAAA,eACxCnC,KAAA,CAAAC,aAAA,CAACiB,IAAI,EAAC;MAAAH,OAAO,EAAC;IAAa,GAAErB,IAAI,CAACgC,MAAM,CAAQ,CAC5C,CACF,CACF,~~CAET~~,CACG;EAEV,CAAC;EAEDxC,WAAW,CAACkD,WAAW,GAAG,aAAa;EAAA,OAxG1BlD,WAAW;AAAA;"}
1	+ {"version":3,"file":"BrandMoment.mjs","sources":["../../../src/BrandMoment/BrandMoment.tsx"],"sourcesContent":["import React, { ReactNode, ReactElement, HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { SceneProps } from \"~components/Illustration\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport styles from \"./BrandMoment.module.scss\"\n\nexport type BrandMomentProps = {\n mood: \"informative\" \| \"positive\" \| \"negative\"\n illustration: ReactElement<SceneProps>\n header: ReactNode\n body?: ReactNode\n primaryAction?: ButtonProps\n secondaryAction?: ButtonProps\n text: {\n title: ReactNode\n subtitle?: ReactNode\n body?: ReactNode\n footer?: ReactNode\n }\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\n/*\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}\n */\nexport const BrandMoment = ({\n mood,\n illustration,\n header,\n body,\n primaryAction,\n secondaryAction,\n text,\n classNameOverride,\n ...restProps\n}: BrandMomentProps): JSX.Element => {\n const { queries } = useMediaQueries()\n\n return (\n <div\n className={classnames(styles.body, styles[mood], classNameOverride)}\n {...restProps}\n >\n <header className={styles.header}>{header}</header>\n <main className={styles.main}>\n <div className={styles.container}>\n <div className={styles.mainInner}>\n <div className={styles.left}>\n <div className={styles.leftInner}>{illustration}</div>\n </div>\n <div className={styles.right}>\n <div className={styles.rightInner}>\n {text.subtitle && (\n <Heading\n variant=\"heading-3\"\n tag=\"h1\"\n classNameOverride={styles.subtitle}\n >\n {text.subtitle}\n </Heading>\n )}\n <Heading\n variant=\"display-0\"\n tag={text.subtitle ? \"h2\" : \"h1\"}\n classNameOverride={styles.title}\n >\n {text.title}\n </Heading>\n {text.body && (\n <Text\n variant=\"intro-lede\"\n classNameOverride={styles.textBody}\n >\n {text.body}\n </Text>\n )}\n {body && <div className={styles.textBody}>{body}</div>}\n <div className={styles.actions}>\n {primaryAction && (\n <Button\n primary\n fullWidth={queries.isSmall}\n {...primaryAction}\n />\n )}\n {secondaryAction && (\n <div className={styles.secondaryAction}>\n <Button\n secondary\n fullWidth={queries.isSmall}\n {...secondaryAction}\n />\n </div>\n )}\n </div>\n </div>\n </div>\n </div>\n </div>\n </main>\n {text.footer && (\n <footer className={styles.footer}>\n <div className={styles.container}>\n <div className={styles.footerInner}>\n <div className={styles.poweredByContainer}>\n <Text variant=\"extra-small\" color=\"dark-reduced-opacity\">\n Powered by\n </Text>\n <a\n href=\"https://www.cultureamp.com\"\n className={styles.poweredByLogo}\n >\n <img\n src={assetUrl(\"brand/logo-horizontal-default.svg\")}\n alt=\"Culture Amp\"\n />\n </a>\n </div>\n <div className={styles.footerTextContainer}>\n <Text variant=\"extra-small\">{text.footer}</Text>\n </div>\n </div>\n </div>\n </footer>\n )}\n </div>\n )\n}\n\nBrandMoment.displayName = \"BrandMoment\"\n"],"names":["BrandMoment","_a","mood","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride","restProps","__rest","queries","useMediaQueries","React","createElement","__assign","className","classnames","styles","main","container","mainInner","left","leftInner","right","rightInner","subtitle","Heading","variant","tag","title","Text","textBody","actions","Button","primary","fullWidth","isSmall","secondary","footer","footerInner","poweredByContainer","color","href","poweredByLogo","src","assetUrl","alt","footerTextContainer","displayName"],"mappings":"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"}

package/dist/esm/Button/GenericButton/GenericButton.mjs CHANGED Viewed

@@ -143,7 +143,7 @@ var renderLink = function (props, ref) {
 };
 var buttonClass = function (props) {
   var isDefault = !props.primary && !props.destructive && !props.secondary;
-  return classnames(styles.button, isDefault && styles["default"], props.primary && styles.primary, props.destructive && styles.destructive, props.secondary && styles.secondary, props.size && styles[props.size], props.reversed && styles.reversed, props.iconButton && styles.iconButton, props.working && styles.working, (props.directionalLink || props.paginationLink) && styles.circleButton, props.directionalLink && styles.directionalLink, props.paginationLink && styles.paginationLink, props.isActive && styles.isPaginationLinkActive, props.classNameOverride);
+  return classnames(styles.button, isDefault && styles.default, props.primary && styles.primary, props.destructive && styles.destructive, props.secondary && styles.secondary, props.size && styles[props.size], props.reversed && styles.reversed, props.iconButton && styles.iconButton, props.working && styles.working, (props.directionalLink || props.paginationLink) && styles.circleButton, props.directionalLink && styles.directionalLink, props.paginationLink && styles.paginationLink, props.isActive && styles.isPaginationLinkActive, props.classNameOverride);
 };
 var renderLoadingSpinner = function () {
   return /*#__PURE__*/React.createElement("div", {
@@ -164,16 +164,16 @@ var renderWorkingContent = function (props) {
   }
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.iconPosition !== "end" && renderLoadingSpinner(), /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.workingLabel), props.additionalContent && /*#__PURE__*/React.createElement("span", {
+  }, props.workingLabel), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
-  }, props.additionalContent), props.iconPosition === "end" && renderLoadingSpinner());
+  }, props.additionalContent)), props.iconPosition === "end" && renderLoadingSpinner());
 };
 var renderDefaultContent = function (props) {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && props.iconPosition !== "end" && renderIcon(props.icon), (!props.icon || !props.iconButton) && /*#__PURE__*/React.createElement("span", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.icon && props.iconPosition !== "end" && renderIcon(props.icon), (!props.icon || !props.iconButton) && ( /*#__PURE__*/React.createElement("span", {
     className: styles.label
-  }, props.label), props.additionalContent && /*#__PURE__*/React.createElement("span", {
+  }, props.label)), props.additionalContent && ( /*#__PURE__*/React.createElement("span", {
     className: styles.additionalContentWrapper
-  }, props.additionalContent), renderBadge(props), props.icon && props.iconPosition === "end" && renderIcon(props.icon));
+  }, props.additionalContent)), renderBadge(props), props.icon && props.iconPosition === "end" && renderIcon(props.icon));
 };
 var renderBadge = function (props) {
   if (!props.badge) return null;

package/dist/esm/Button/GenericButton/GenericButton.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n Ref,\n useImperativeHandle,\n useRef,\n MouseEvent,\n FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"~components/Badge\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n id?: string\n className: string\n href?: string\n disabled?: boolean\n onClick?: (e: MouseEvent<any>) => void\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n children?: React.ReactNode\n \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| \"form\"\n \| \"formAction\"\n \| \"formMethod\"\n \| \"formEncType\"\n \| \"formTarget\"\n \| \"formNoValidate\"\n>\n\nexport type GenericProps = {\n id?: string\n reversed?: boolean\n onClick?: (e: MouseEvent) => void\n onMouseDown?: (e: MouseEvent) => void\n href?: string\n newTabAndIUnderstandTheAccessibilityImplications?: boolean\n disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n component?: ComponentType<CustomButtonProps>\n classNameOverride?: string\n}\n\nexport type WorkingProps = {\n working: true\n workingLabel: string\n workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n working?: false\n}\n\nexport type ButtonBadgeProps = {\n text: string\n animateChange?: boolean\n variant?: \"default\" \| \"dark\" \| \"active\"\n reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n additionalContent?: React.ReactNode\n iconButton?: boolean\n directionalLink?: boolean\n paginationLink?: boolean\n isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n ButtonFormAttributes &\n (WorkingProps \| WorkingUndefinedProps) & {\n label: string\n primary?: boolean\n destructive?: boolean\n secondary?: boolean\n /** @default \"regular\" /\n size?: \"small\" \| \"regular\"\n badge?: ButtonBadgeProps\n type?: \"submit\" \| \"reset\" \| \"button\"\n fullWidth?: boolean\n iconPosition?: \"start\" \| \"end\"\n icon?: JSX.Element\n disabled?: boolean\n }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria- or data-\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n return keys.reduce<Record<string, any>>((acc, val) => {\n acc[val] = props[val]\n return acc\n }, {})\n}\n\nexport const GenericButton = forwardRef(\n (props: RenderProps, ref: Ref<ButtonRef \| undefined>) => {\n const buttonRef = useRef<HTMLButtonElement \| HTMLAnchorElement>()\n useImperativeHandle(ref, () => ({\n focus: (): void => {\n buttonRef.current?.focus()\n },\n }))\n\n const determineButtonRenderer = (): JSX.Element => {\n if (props.component) {\n return renderCustomComponent(props.component, props)\n }\n\n if (props.href && !props.disabled && !props.working) {\n return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n }\n\n return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n }\n\n return (\n <span\n className={classnames(\n styles.container,\n props.fullWidth && styles.fullWidth\n )}\n aria-live={\"workingLabel\" in props ? \"polite\" : undefined}\n >\n {determineButtonRenderer()}\n </span>\n )\n }\n)\n\nGenericButton.defaultProps = {\n iconPosition: \"start\",\n iconButton: false,\n primary: false,\n secondary: false,\n newTabAndIUnderstandTheAccessibilityImplications: false,\n disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n CustomComponent: ComponentType<CustomButtonProps>,\n props: RenderProps\n): JSX.Element => {\n const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n const customProps = getCustomProps(rest)\n return (\n <CustomComponent\n id={id}\n className={buttonClass(props)}\n disabled={disabled}\n href={href}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </CustomComponent>\n )\n}\n\nconst renderButton = (\n props: RenderProps,\n ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n const {\n id,\n disabled,\n onClick,\n onMouseDown,\n type,\n disableTabFocusAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n form,\n formAction,\n formMethod,\n formEncType,\n formTarget,\n formNoValidate,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n id={id}\n disabled={disabled}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n aria-label={generateAriaLabel(props)}\n aria-disabled={disabled \|\| props.working ? true : undefined}\n form={form}\n formAction={formAction}\n formMethod={formMethod}\n formEncType={formEncType}\n formTarget={formTarget}\n formNoValidate={formNoValidate}\n tabIndex={\n disableTabFocusAndIUnderstandTheAccessibilityImplications\n ? -1\n : undefined\n }\n ref={ref}\n {...customProps}\n >\n {renderContent(props)}\n </button>\n )\n}\n\nconst renderLink = (\n props: RenderProps,\n ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n const {\n id,\n href,\n onClick,\n newTabAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n const target = newTabAndIUnderstandTheAccessibilityImplications\n ? \"_blank\"\n : \"_self\"\n\n return (\n <a\n id={id}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={ref}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </a>\n )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n const isDefault = !props.primary && !props.destructive && !props.secondary\n return classnames(\n styles.button,\n isDefault && styles.default,\n props.primary && styles.primary,\n props.destructive && styles.destructive,\n props.secondary && styles.secondary,\n props.size && styles[props.size],\n props.reversed && styles.reversed,\n props.iconButton && styles.iconButton,\n props.working && styles.working,\n (props.directionalLink \|\| props.paginationLink) && styles.circleButton,\n props.directionalLink && styles.directionalLink,\n props.paginationLink && styles.paginationLink,\n props.isActive && styles.isPaginationLinkActive,\n props.classNameOverride\n )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n <div className={styles.loadingSpinner}>\n <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n </div>\n)\n\nconst renderWorkingContent = (\n props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n if (props.workingLabelHidden) {\n return (\n <>\n {/ This is to ensure the button stays at the correct width */}\n <span className={styles.hidden} aria-hidden=\"true\">\n {renderDefaultContent(props)}\n </span>\n <span className={styles.centeredLoadingSpinner}>\n {renderLoadingSpinner()}\n </span>\n </>\n )\n }\n\n return (\n <>\n {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n <span className={styles.label}>{props.workingLabel}</span>\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {props.iconPosition === \"end\" && renderLoadingSpinner()}\n </>\n )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n <>\n {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n {(!props.icon \|\| !props.iconButton) && (\n <span className={styles.label}>{props.label}</span>\n )}\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {renderBadge(props)}\n {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element \| null => {\n if (!props.badge) return null\n\n const { text, animateChange, reversed, variant } = props.badge\n\n if (animateChange) {\n return (\n <BadgeAnimated variant={variant} reversed={reversed}>\n {text}\n </BadgeAnimated>\n )\n }\n return (\n <Badge variant={variant} reversed={reversed}>\n {text}\n </Badge>\n )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n <span className={styles.content}>\n {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string \| undefined => {\n if (props.working && props.workingLabelHidden) {\n return props.workingLabel\n }\n\n if (props.iconButton) {\n return props.label\n }\n\n return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","undefined","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","tabIndex","target","rel","isDefault","destructive","button","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"GenericButton.mjs","sources":["../../../../src/Button/GenericButton/GenericButton.tsx"],"sourcesContent":["import React, {\n ComponentType,\n forwardRef,\n Ref,\n useImperativeHandle,\n useRef,\n MouseEvent,\n FocusEvent,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { Badge, BadgeAnimated } from \"~components/Badge\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport styles from \"./GenericButton.module.scss\"\n\nexport type CustomButtonProps = {\n id?: string\n className: string\n href?: string\n disabled?: boolean\n onClick?: (e: MouseEvent<any>) => void\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n children?: React.ReactNode\n \"data-testid\"?: string\n}\n\nexport type ButtonFormAttributes = Pick<\n React.ButtonHTMLAttributes<HTMLButtonElement>,\n \| \"form\"\n \| \"formAction\"\n \| \"formMethod\"\n \| \"formEncType\"\n \| \"formTarget\"\n \| \"formNoValidate\"\n>\n\nexport type GenericProps = {\n id?: string\n reversed?: boolean\n onClick?: (e: MouseEvent) => void\n onMouseDown?: (e: MouseEvent) => void\n href?: string\n newTabAndIUnderstandTheAccessibilityImplications?: boolean\n disableTabFocusAndIUnderstandTheAccessibilityImplications?: boolean\n onFocus?: (e: FocusEvent<HTMLElement>) => void\n onBlur?: (e: FocusEvent<HTMLElement>) => void\n component?: ComponentType<CustomButtonProps>\n classNameOverride?: string\n}\n\nexport type WorkingProps = {\n working: true\n workingLabel: string\n workingLabelHidden?: boolean\n}\n\nexport type WorkingUndefinedProps = {\n working?: false\n}\n\nexport type ButtonBadgeProps = {\n text: string\n animateChange?: boolean\n variant?: \"default\" \| \"dark\" \| \"active\"\n reversed?: boolean\n}\n\nexport type RenderProps = GenericButtonProps & {\n additionalContent?: React.ReactNode\n iconButton?: boolean\n directionalLink?: boolean\n paginationLink?: boolean\n isActive?: boolean\n}\n\nexport type ButtonRef = { focus: () => void }\n\nexport type GenericButtonProps = GenericProps &\n ButtonFormAttributes &\n (WorkingProps \| WorkingUndefinedProps) & {\n label: string\n primary?: boolean\n destructive?: boolean\n secondary?: boolean\n /** @default \"regular\" /\n size?: \"small\" \| \"regular\"\n badge?: ButtonBadgeProps\n type?: \"submit\" \| \"reset\" \| \"button\"\n fullWidth?: boolean\n iconPosition?: \"start\" \| \"end\"\n icon?: JSX.Element\n disabled?: boolean\n }\n\n// We're treating custom props as anything that is kebab cased.\n// This is so we can support properties like aria- or data-\nconst getCustomProps = (props: Record<string, any>): Record<string, string> => {\n const keys = Object.keys(props).filter(k => k.indexOf(\"-\") !== -1)\n return keys.reduce<Record<string, any>>((acc, val) => {\n acc[val] = props[val]\n return acc\n }, {})\n}\n\nexport const GenericButton = forwardRef(\n (props: RenderProps, ref: Ref<ButtonRef \| undefined>) => {\n const buttonRef = useRef<HTMLButtonElement \| HTMLAnchorElement>()\n useImperativeHandle(ref, () => ({\n focus: (): void => {\n buttonRef.current?.focus()\n },\n }))\n\n const determineButtonRenderer = (): JSX.Element => {\n if (props.component) {\n return renderCustomComponent(props.component, props)\n }\n\n if (props.href && !props.disabled && !props.working) {\n return renderLink(props, buttonRef as Ref<HTMLAnchorElement>)\n }\n\n return renderButton(props, buttonRef as Ref<HTMLButtonElement>)\n }\n\n return (\n <span\n className={classnames(\n styles.container,\n props.fullWidth && styles.fullWidth\n )}\n aria-live={\"workingLabel\" in props ? \"polite\" : undefined}\n >\n {determineButtonRenderer()}\n </span>\n )\n }\n)\n\nGenericButton.defaultProps = {\n iconPosition: \"start\",\n iconButton: false,\n primary: false,\n secondary: false,\n newTabAndIUnderstandTheAccessibilityImplications: false,\n disableTabFocusAndIUnderstandTheAccessibilityImplications: false,\n type: \"button\",\n}\n\nGenericButton.displayName = \"GenericButton\"\n\nconst renderCustomComponent = (\n CustomComponent: ComponentType<CustomButtonProps>,\n props: RenderProps\n): JSX.Element => {\n const { id, disabled, href, onClick, onFocus, onBlur, ...rest } = props\n const customProps = getCustomProps(rest)\n return (\n <CustomComponent\n id={id}\n className={buttonClass(props)}\n disabled={disabled}\n href={href}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </CustomComponent>\n )\n}\n\nconst renderButton = (\n props: RenderProps,\n ref: Ref<HTMLButtonElement>\n): JSX.Element => {\n const {\n id,\n disabled,\n onClick,\n onMouseDown,\n type,\n disableTabFocusAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n form,\n formAction,\n formMethod,\n formEncType,\n formTarget,\n formNoValidate,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n return (\n <button\n // eslint-disable-next-line react/button-has-type\n type={type}\n id={id}\n disabled={disabled}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n onMouseDown={(e): void => onMouseDown && onMouseDown(e)}\n aria-label={generateAriaLabel(props)}\n aria-disabled={disabled \|\| props.working ? true : undefined}\n form={form}\n formAction={formAction}\n formMethod={formMethod}\n formEncType={formEncType}\n formTarget={formTarget}\n formNoValidate={formNoValidate}\n tabIndex={\n disableTabFocusAndIUnderstandTheAccessibilityImplications\n ? -1\n : undefined\n }\n ref={ref}\n {...customProps}\n >\n {renderContent(props)}\n </button>\n )\n}\n\nconst renderLink = (\n props: RenderProps,\n ref: Ref<HTMLAnchorElement>\n): JSX.Element => {\n const {\n id,\n href,\n onClick,\n newTabAndIUnderstandTheAccessibilityImplications,\n onFocus,\n onBlur,\n ...rest\n } = props\n const customProps = getCustomProps(rest)\n\n const target = newTabAndIUnderstandTheAccessibilityImplications\n ? \"_blank\"\n : \"_self\"\n\n return (\n <a\n id={id}\n href={href}\n target={target}\n rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n className={buttonClass(props)}\n onClick={onClick}\n onFocus={onFocus}\n onBlur={onBlur}\n ref={ref}\n aria-label={generateAriaLabel(props)}\n {...customProps}\n >\n {renderContent(props)}\n </a>\n )\n}\n\nconst buttonClass = (props: RenderProps): string => {\n const isDefault = !props.primary && !props.destructive && !props.secondary\n return classnames(\n styles.button,\n isDefault && styles.default,\n props.primary && styles.primary,\n props.destructive && styles.destructive,\n props.secondary && styles.secondary,\n props.size && styles[props.size],\n props.reversed && styles.reversed,\n props.iconButton && styles.iconButton,\n props.working && styles.working,\n (props.directionalLink \|\| props.paginationLink) && styles.circleButton,\n props.directionalLink && styles.directionalLink,\n props.paginationLink && styles.paginationLink,\n props.isActive && styles.isPaginationLinkActive,\n props.classNameOverride\n )\n}\n\nconst renderLoadingSpinner = (): JSX.Element => (\n <div className={styles.loadingSpinner}>\n <LoadingSpinner accessibilityLabel=\"\" size=\"sm\" />\n </div>\n)\n\nconst renderWorkingContent = (\n props: Extract<RenderProps, { working: true }>\n): JSX.Element => {\n if (props.workingLabelHidden) {\n return (\n <>\n {/ This is to ensure the button stays at the correct width */}\n <span className={styles.hidden} aria-hidden=\"true\">\n {renderDefaultContent(props)}\n </span>\n <span className={styles.centeredLoadingSpinner}>\n {renderLoadingSpinner()}\n </span>\n </>\n )\n }\n\n return (\n <>\n {props.iconPosition !== \"end\" && renderLoadingSpinner()}\n <span className={styles.label}>{props.workingLabel}</span>\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {props.iconPosition === \"end\" && renderLoadingSpinner()}\n </>\n )\n}\n\nconst renderDefaultContent = (props: RenderProps): JSX.Element => (\n <>\n {props.icon && props.iconPosition !== \"end\" && renderIcon(props.icon)}\n {(!props.icon \|\| !props.iconButton) && (\n <span className={styles.label}>{props.label}</span>\n )}\n {props.additionalContent && (\n <span className={styles.additionalContentWrapper}>\n {props.additionalContent}\n </span>\n )}\n {renderBadge(props)}\n {props.icon && props.iconPosition === \"end\" && renderIcon(props.icon)}\n </>\n)\n\nconst renderBadge = (props: RenderProps): JSX.Element \| null => {\n if (!props.badge) return null\n\n const { text, animateChange, reversed, variant } = props.badge\n\n if (animateChange) {\n return (\n <BadgeAnimated variant={variant} reversed={reversed}>\n {text}\n </BadgeAnimated>\n )\n }\n return (\n <Badge variant={variant} reversed={reversed}>\n {text}\n </Badge>\n )\n}\n\nconst renderContent = (props: RenderProps): JSX.Element => (\n <span className={styles.content}>\n {props.working ? renderWorkingContent(props) : renderDefaultContent(props)}\n </span>\n)\n\nconst renderIcon = (icon: JSX.Element): JSX.Element => (\n <span className={styles.iconWrapper}>{icon}</span>\n)\n\n// We only want an aria-label in the case that the button has just an icon and no text\n// This can happen when the button is working and workingLabelHidden is true,\n// or when this is an IconButton\nconst generateAriaLabel = (props: RenderProps): string \| undefined => {\n if (props.working && props.workingLabelHidden) {\n return props.workingLabel\n }\n\n if (props.iconButton) {\n return props.label\n }\n\n return undefined\n}\n"],"names":["getCustomProps","props","keys","Object","filter","k","indexOf","reduce","acc","val","GenericButton","forwardRef","ref","buttonRef","useRef","useImperativeHandle","focus","_a","current","determineButtonRenderer","component","renderCustomComponent","href","disabled","working","renderLink","renderButton","React","createElement","className","classnames","styles","container","fullWidth","undefined","defaultProps","iconPosition","iconButton","primary","secondary","newTabAndIUnderstandTheAccessibilityImplications","disableTabFocusAndIUnderstandTheAccessibilityImplications","type","displayName","CustomComponent","id","onClick","onFocus","onBlur","rest","__rest","customProps","__assign","buttonClass","generateAriaLabel","renderContent","onMouseDown","form","formAction","formMethod","formEncType","formTarget","formNoValidate","e","tabIndex","target","rel","isDefault","destructive","button","default","size","reversed","directionalLink","paginationLink","circleButton","isActive","isPaginationLinkActive","classNameOverride","renderLoadingSpinner","loadingSpinner","LoadingSpinner","accessibilityLabel","renderWorkingContent","workingLabelHidden","Fragment","hidden","renderDefaultContent","centeredLoadingSpinner","label","workingLabel","additionalContent","additionalContentWrapper","icon","renderIcon","renderBadge","badge","text","animateChange","variant","BadgeAnimated","Badge","content","iconWrapper"],"mappings":"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"}

package/dist/esm/Calendar/enums.mjs CHANGED Viewed

@@ -9,7 +9,9 @@ var DayOfWeek = {
 };
 var DateFormat = {
   Numeral: "P",
-  Text: "PP"
+  // eg. 01/15/2022
+  Text: "PP" // eg. Jan 15, 2022
 };
 export { DateFormat, DayOfWeek };
 //# sourceMappingURL=enums.mjs.map

package/dist/esm/Calendar/enums.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"enums.mjs","sources":["../../../src/Calendar/enums.ts"],"sourcesContent":["export const DayOfWeek = {\n Sun: 0,\n Mon: 1,\n Tue: 2,\n Wed: 3,\n Thu: 4,\n Fri: 5,\n Sat: 6,\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek]\n\nexport const DateFormat = {\n Numeral: \"P\", // eg. 01/15/2022\n Text: \"PP\", // eg. Jan 15, 2022\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DateFormat = (typeof DateFormat)[keyof typeof DateFormat]\n"],"names":["DayOfWeek","Sun","Mon","Tue","Wed","Thu","Fri","Sat","DateFormat","Numeral","Text"],"mappings":"AAAa,IAAAA,SAAS,GAAG;EACvBC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE;CACG;AAMG,IAAAC,UAAU,GAAG;EACxBC,OAAO,EAAE,GAAG;EACZC,IAAI,EAAE;;"}
1	+ {"version":3,"file":"enums.mjs","sources":["../../../src/Calendar/enums.ts"],"sourcesContent":["export const DayOfWeek = {\n Sun: 0,\n Mon: 1,\n Tue: 2,\n Wed: 3,\n Thu: 4,\n Fri: 5,\n Sat: 6,\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DayOfWeek = (typeof DayOfWeek)[keyof typeof DayOfWeek]\n\nexport const DateFormat = {\n Numeral: \"P\", // eg. 01/15/2022\n Text: \"PP\", // eg. Jan 15, 2022\n} as const\n\n// Intentionally naming the type the same as the const for tree-shaking\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport type DateFormat = (typeof DateFormat)[keyof typeof DateFormat]\n"],"names":["DayOfWeek","Sun","Mon","Tue","Wed","Thu","Fri","Sat","DateFormat","Numeral","Text"],"mappings":"AAAa,IAAAA,SAAS,GAAG;EACvBC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE,CAAC;EACNC,GAAG,EAAE;CACG;AAMG,IAAAC,UAAU,GAAG;EACxBC,OAAO,EAAE,GAAG;EAAA;EACZC,IAAI,EAAE,IAAI,CAAA;;;"}

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs CHANGED Viewed

@@ -9,13 +9,13 @@ var renderCheckOrMixedIcon = function (status, reversed) {
   if (status === "off") return;
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(styles.icon, reversed && styles.reversed)
-  }, status === "on" ? /*#__PURE__*/React.createElement(CheckIcon, {
+  }, status === "on" ? ( /*#__PURE__*/React.createElement(CheckIcon, {
     role: "presentation",
     inheritSize: true
-  }) : /*#__PURE__*/React.createElement(MinusIcon, {
+  })) : ( /*#__PURE__*/React.createElement(MinusIcon, {
     role: "presentation",
     inheritSize: true
-  }));
+  })));
 };
 var getCheckedFromStatus = function (checkedStatus) {
   return checkedStatus === "on";

package/dist/esm/Checkbox/Checkbox/Checkbox.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.mjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" \| \"off\" \| \"mixed\"\n\nexport type CheckboxProps = {\n checkedStatus?: CheckedStatus\n onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n reversed?: boolean\n value?: string\n} & OverrideClassName<\n Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" \| \"onChange\" \| \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n status: CheckedStatus,\n reversed: boolean\n): React.ReactNode => {\n if (status === \"off\") return\n\n return (\n <span className={classnames(styles.icon, reversed && styles.reversed)}>\n {status === \"on\" ? (\n <CheckIcon role=\"presentation\" inheritSize />\n ) : (\n <MinusIcon role=\"presentation\" inheritSize />\n )}\n </span>\n )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n checkedStatus === \"on\"\n\nexport const Checkbox = ({\n checkedStatus = \"off\",\n onCheck,\n reversed = false,\n value,\n classNameOverride,\n ...restProps\n}: CheckboxProps): JSX.Element => (\n <span className={styles.container}>\n <input\n ref={(node): void => {\n if (node) {\n node.indeterminate = checkedStatus === \"mixed\"\n }\n }}\n // This is only used as a handle for unit testing\n data-indeterminate={checkedStatus === \"mixed\"}\n type=\"checkbox\"\n className={classnames(\n styles.checkbox,\n classNameOverride,\n reversed && styles.reversed\n )}\n checked={getCheckedFromStatus(checkedStatus)}\n onChange={onCheck}\n value={value \|\| checkedStatus}\n readOnly={onCheck === undefined}\n {...restProps}\n />\n <span className={classnames(styles.box, reversed && styles.reversed)}>\n {renderCheckOrMixedIcon(checkedStatus, reversed)}\n </span>\n </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,oBACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,MAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,~~gBACdE~~,KAAA,CAAAK,aAAA,CAACC,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,~~gBAE7CR~~,oBAACS,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,oBAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,MAAM,CAACkB;IAAS,CAAA,eAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,MAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,eACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,MAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}
1	+ {"version":3,"file":"Checkbox.mjs","sources":["../../../../src/Checkbox/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { CheckIcon, MinusIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Checkbox.module.scss\"\n\nexport type CheckedStatus = \"on\" \| \"off\" \| \"mixed\"\n\nexport type CheckboxProps = {\n checkedStatus?: CheckedStatus\n onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n reversed?: boolean\n value?: string\n} & OverrideClassName<\n Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" \| \"onChange\" \| \"checked\">\n>\n\nconst renderCheckOrMixedIcon = (\n status: CheckedStatus,\n reversed: boolean\n): React.ReactNode => {\n if (status === \"off\") return\n\n return (\n <span className={classnames(styles.icon, reversed && styles.reversed)}>\n {status === \"on\" ? (\n <CheckIcon role=\"presentation\" inheritSize />\n ) : (\n <MinusIcon role=\"presentation\" inheritSize />\n )}\n </span>\n )\n}\n\nconst getCheckedFromStatus = (checkedStatus: CheckedStatus): boolean =>\n checkedStatus === \"on\"\n\nexport const Checkbox = ({\n checkedStatus = \"off\",\n onCheck,\n reversed = false,\n value,\n classNameOverride,\n ...restProps\n}: CheckboxProps): JSX.Element => (\n <span className={styles.container}>\n <input\n ref={(node): void => {\n if (node) {\n node.indeterminate = checkedStatus === \"mixed\"\n }\n }}\n // This is only used as a handle for unit testing\n data-indeterminate={checkedStatus === \"mixed\"}\n type=\"checkbox\"\n className={classnames(\n styles.checkbox,\n classNameOverride,\n reversed && styles.reversed\n )}\n checked={getCheckedFromStatus(checkedStatus)}\n onChange={onCheck}\n value={value \|\| checkedStatus}\n readOnly={onCheck === undefined}\n {...restProps}\n />\n <span className={classnames(styles.box, reversed && styles.reversed)}>\n {renderCheckOrMixedIcon(checkedStatus, reversed)}\n </span>\n </span>\n)\n\nCheckbox.displayName = \"Checkbox\"\n"],"names":["renderCheckOrMixedIcon","status","reversed","React","className","classnames","styles","icon","createElement","CheckIcon","role","inheritSize","MinusIcon","getCheckedFromStatus","checkedStatus","Checkbox","_a","_b","onCheck","_c","value","classNameOverride","restProps","__rest","container","__assign","ref","node","indeterminate","type","checkbox","checked","onChange","readOnly","undefined","box","displayName"],"mappings":";;;;;;;AAiBA,IAAMA,sBAAsB,GAAG,SAAAA,CAC7BC,MAAqB,EACrBC,QAAiB,EAAA;EAEjB,IAAID,MAAM,KAAK,KAAK,EAAE;EAEtB,oBACEE;IAAMC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEL,QAAQ,IAAII,MAAM,CAACJ,QAAQ;EACjE,CAAA,EAAAD,MAAM,KAAK,IAAI,kBACdE,KAAA,CAAAK,aAAA,CAACC,SAAS,EAAC;IAAAC,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,mBAE7CR,oBAACS,SAAS,EAAA;IAACF,IAAI,EAAC,cAAc;IAACC,WAAW,EAAG;EAAA,CAAA,CAAA,CAC9C,CACI;AAEX,CAAC;AAED,IAAME,oBAAoB,GAAG,SAAAA,CAACC,aAA4B,EAAA;EACxD,OAAAA,aAAa,KAAK,IAAI;AAAtB,CAAsB;AAAA,MAEXC,QAAQ;EAAA,MAARA,QAAQ,GAAG,SAAAA,CAACC,EAOT,EAAA;IANd,IAAAC,EAAA,GAAAD,EAAA,CAAAF,aAAqB;MAArBA,aAAa,GAAGG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACrBC,OAAO,GAAAF,EAAA,CAAAE,OAAA;MACPC,EAAA,GAAAH,EAAA,CAAAd,QAAgB;MAAhBA,QAAQ,mBAAG,KAAK,GAAAiB,EAAA;MAChBC,KAAK,GAAAJ,EAAA,CAAAI,KAAA;MACLC,iBAAiB,GAAAL,EAAA,CAAAK,iBAAA;MACdC,SAAS,GANWC,MAAA,CAAAP,EAAA,EAAA,CAAA,eAAA,EAAA,SAAA,EAAA,UAAA,EAAA,OAAA,EAAA,mBAAA,CAOxB,CADa;IACoB,oBAChCb,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEE,MAAM,CAACkB;IAAS,CAAA,eAC/BrB,KACE,CAAAK,aAAA,CAAA,OAAA,EAAAiB,QAAA,CAAA;MAAAC,GAAG,EAAE,SAAAA,CAACC,IAAI,EAAA;QACR,IAAIA,IAAI,EAAE;UACRA,IAAI,CAACC,aAAa,GAAGd,aAAa,KAAK,OAAO;QAC/C;MACF,CAAA;MAAA,oBAAA,EAEmBA,aAAa,KAAK,OAAO;MAC7Ce,IAAI,EAAC,UAAU;MACfzB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,QAAQ,EACfT,iBAAiB,EACjBnB,QAAQ,IAAII,MAAM,CAACJ,QAAQ,CAC5B;MACD6B,OAAO,EAAElB,oBAAoB,CAACC,aAAa,CAAC;MAC5CkB,QAAQ,EAAEd,OAAO;MACjBE,KAAK,EAAEA,KAAK,IAAIN,aAAa;MAC7BmB,QAAQ,EAAEf,OAAO,KAAKgB;IAClB,CAAA,EAAAZ,SAAS,CACb,CAAA,eACFnB,KAAM,CAAAK,aAAA,CAAA,MAAA,EAAA;MAAAJ,SAAS,EAAEC,UAAU,CAACC,MAAM,CAAC6B,GAAG,EAAEjC,QAAQ,IAAII,MAAM,CAACJ,QAAQ;KAAC,EACjEF,sBAAsB,CAACc,aAAa,EAAEZ,QAAQ,CAAC,CAC3C,CACF;GACR;EAEDa,QAAQ,CAACqB,WAAW,GAAG,UAAU;EAAA,OAnCpBrB,QAAQ;AAAA;"}

package/dist/esm/ClearButton/ClearButton.mjs CHANGED Viewed

@@ -13,7 +13,7 @@ const ClearButton = /*#__PURE__*/function () {
     return /*#__PURE__*/React.createElement("button", __assign({
       type: "button",
       "aria-label": "clear",
-      className: classnames(styles.clearButton, isReversed ? styles.reversed : styles["default"], classNameOverride)
+      className: classnames(styles.clearButton, isReversed ? styles.reversed : styles.default, classNameOverride)
     }, restProps), /*#__PURE__*/React.createElement(ClearIcon, {
       role: "presentation"
     }));

package/dist/esm/ClearButton/ClearButton.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClearButton.mjs","sources":["../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n classNameOverride,\n isReversed = false,\n ...restProps\n}: ClearButtonProps): JSX.Element => (\n <button\n type=\"button\"\n aria-label=\"clear\"\n className={classnames(\n styles.clearButton,\n isReversed ? styles.reversed : styles.default,\n classNameOverride\n )}\n {...restProps}\n >\n <ClearIcon role=\"presentation\" />\n </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["ClearButton","_a","classNameOverride","_b","isReversed","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","clearButton","reversed","ClearIcon","role","displayName"],"mappings":";;;;;;MAUaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,oBACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,MAAM,CAACE,QAAQ,GAAGF,MAAM,~~CAAC~~,~~SAAO~~,~~CAAA~~,~~EAC7CX,~~iBAAiB;OAEfG,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,~~CAAAQ~~,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;~~EAEDjB~~,WAAW,~~CAACkB~~,WAAW,GAAG,aAAa;EAAA,~~OAnB1BlB~~,WAAW;AAAA;"}
1	+ {"version":3,"file":"ClearButton.mjs","sources":["../../../src/ClearButton/ClearButton.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./ClearButton.module.scss\"\n\nexport type ClearButtonProps = {\n isReversed?: boolean\n} & OverrideClassName<Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\">>\n\nexport const ClearButton = ({\n classNameOverride,\n isReversed = false,\n ...restProps\n}: ClearButtonProps): JSX.Element => (\n <button\n type=\"button\"\n aria-label=\"clear\"\n className={classnames(\n styles.clearButton,\n isReversed ? styles.reversed : styles.default,\n classNameOverride\n )}\n {...restProps}\n >\n <ClearIcon role=\"presentation\" />\n </button>\n)\n\nClearButton.displayName = \"ClearButton\"\n"],"names":["ClearButton","_a","classNameOverride","_b","isReversed","restProps","__rest","React","createElement","__assign","type","className","classnames","styles","clearButton","reversed","default","ClearIcon","role","displayName"],"mappings":";;;;;;MAUaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,iBAAiB,GAAAD,EAAA,CAAAC,iBAAA;MACjBC,EAAA,GAAAF,EAAA,CAAAG,UAAkB;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MACfE,SAAS,GAAAC,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,oBACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,MAAM,CAACE,QAAQ,GAAGF,MAAM,CAACG,OAAO,EAC7Cd,iBAAiB;OAEfG,SAAS,CAAA,eAEbE,KAAC,CAAAC,aAAA,CAAAS,SAAS;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDlB,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs CHANGED Viewed

@@ -57,19 +57,19 @@ const Collapsible = /*#__PURE__*/function () {
       },
       onClick: handleSectionToggle,
       "data-testid": "collapsible-header-".concat(id)
-    }, renderHeader !== undefined ? renderHeader(title) : /*#__PURE__*/React.createElement("div", {
+    }, renderHeader !== undefined ? renderHeader(title) : ( /*#__PURE__*/React.createElement("div", {
       className: styles.title,
       "data-testid": "collapsible-button-title-".concat(id)
     }, /*#__PURE__*/React.createElement(Heading, {
       variant: "heading-4",
       tag: "span"
-    }, title)), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconButton, {
+    }, title))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(IconButton, {
       label: title,
-      icon: isOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+      icon: isOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
         role: "presentation"
-      }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+      })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
         role: "presentation"
-      }),
+      })),
       type: "button",
       "aria-expanded": isOpen,
       "aria-controls": sectionId,
@@ -77,7 +77,7 @@ const Collapsible = /*#__PURE__*/function () {
       id: buttonId,
       onClick: handleButtonPress,
       classNameOverride: styles.chevronButton
-    }))), (!lazyLoad || isOpen) && /*#__PURE__*/React.createElement(AnimateHeight, {
+    }))), (!lazyLoad || isOpen) && ( /*#__PURE__*/React.createElement(AnimateHeight, {
       height: isOpen ? "auto" : 0,
       "data-testid": "collapsible-section-".concat(id)
     }, /*#__PURE__*/React.createElement("div", {
@@ -85,7 +85,7 @@ const Collapsible = /*#__PURE__*/function () {
       className: classnames(styles.section, noSectionPadding && styles.noPadding),
       role: "region",
       "aria-labelledby": buttonId
-    }, children)));
+    }, children))));
   };
   Collapsible.displayName = "Collapsible";
   return Collapsible;

package/dist/esm/Collapsible/Collapsible/Collapsible.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n children: JSX.Element \| JSX.Element[] \| string\n title: string\n renderHeader?: (title: string) => JSX.Element \| JSX.Element[]\n open?: boolean\n group?: boolean\n separated?: boolean\n sticky?: Sticky\n noSectionPadding?: boolean\n onToggle?: (open: boolean, id: string) => void\n /*\n By default, the header will change background colour when open. When the variant\n * is set to 'clear', it will not have a background but a border-bottom will appear\n * to separate the heading from the content.\n /\n variant?: \"default\" \| \"clear\"\n /\n Will avoid rendering the content until required (especially important when you\n * have queries inside sections).\n * Removes animation.\n /\n lazyLoad?: boolean\n /\n Disables internal `open` state, allowing it to be controlled in the usage.\n /\n controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n children,\n title,\n renderHeader,\n open,\n group,\n separated,\n sticky,\n noSectionPadding,\n onToggle,\n variant,\n lazyLoad,\n controlled,\n classNameOverride,\n id: propsId,\n ...restProps\n}: CollapsibleProps): JSX.Element => {\n const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n const getOpen = (): boolean \| undefined => (controlled ? open : stateIsOpen)\n\n const id = propsId ?? useId()\n\n const handleSectionToggle = (): void => {\n const newIsOpen = !getOpen()\n if (!controlled) setIsOpen(newIsOpen)\n onToggle?.(newIsOpen, id)\n }\n\n const handleButtonPress = (event: React.MouseEvent): void => {\n event.stopPropagation()\n handleSectionToggle()\n }\n\n const buttonId = `${id}-button`\n const sectionId = `${id}-section`\n const isOpen = getOpen()\n const isContainer = !group \|\| separated\n\n return (\n <div\n id={id}\n className={classnames(\n classNameOverride,\n isContainer && styles.container,\n group && !separated && styles.groupItem,\n separated && styles.separated,\n isOpen && styles.open,\n !group && styles.single\n )}\n data-testid={`collapsible-container-${id}`}\n {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n >\n {/ Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. /}\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */}\n <div\n className={classnames(\n styles.header,\n isOpen && styles.open,\n sticky && styles.sticky,\n isOpen && variant === \"default\" && styles.defaultVariant,\n isOpen && variant === \"clear\" && styles.clearVariant\n )}\n style={sticky && { top: sticky.top }}\n onClick={handleSectionToggle}\n data-testid={`collapsible-header-${id}`}\n >\n {renderHeader !== undefined ? (\n renderHeader(title)\n ) : (\n <div\n className={styles.title}\n data-testid={`collapsible-button-title-${id}`}\n >\n <Heading variant=\"heading-4\" tag=\"span\">\n {title}\n </Heading>\n </div>\n )}\n <div>\n <IconButton\n label={title}\n icon={\n isOpen ? (\n <ChevronUpIcon role=\"presentation\" />\n ) : (\n <ChevronDownIcon role=\"presentation\" />\n )\n }\n type=\"button\"\n aria-expanded={isOpen}\n aria-controls={sectionId}\n data-testid={`collapsible-button-${id}`}\n id={buttonId}\n onClick={handleButtonPress}\n classNameOverride={styles.chevronButton}\n />\n </div>\n </div>\n {(!lazyLoad \|\| isOpen) && (\n <AnimateHeight\n height={isOpen ? \"auto\" : 0}\n data-testid={`collapsible-section-${id}`}\n >\n <div\n id={sectionId}\n className={classnames(\n styles.section,\n noSectionPadding && styles.noPadding\n )}\n role=\"region\"\n aria-labelledby={buttonId}\n >\n {children}\n </div>\n </AnimateHeight>\n )}\n </div>\n )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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~~gBAEnBgC~~,KACE,CAAAO,aAAA,CAAA,KAAA,EAAA;MAAAN,SAAS,EAAEE,MAAM,CAACnC,KAAK;MAAA,aAAA,EACV,2BAA4B,CAAA4B,MAAA,CAAAR,EAAE;IAAE,CAAA,eAE7CY,KAAA,CAAAO,aAAA,CAACQ,OAAO,EAAA;MAACvC,OAAO,EAAC,WAAW;MAACwC,GAAG,EAAC;IAAM,CAAA,EACpChD,KAAK,CACE,~~CAEb~~,eACDgC,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAA,IAAA,eACEP,KAAA,CAAAO,aAAA,CAACU,UAAU,EAAA;MACTC,KAAK,EAAElD,KAAK;MACZmD,IAAI,EACFrB,MAAM,~~gBACJE~~,KAAA,CAAAO,aAAA,CAACa,aAAa,EAAA;QAACC,IAAI,EAAC;OAAc,CAAG,~~gBAErCrB~~,KAAA,CAAAO,aAAA,CAACe,eAAe,EAAA;QAACD,IAAI,EAAC;MAAc,CAAA,~~CACrC~~;MAEHE,IAAI,EAAC,QAAQ;MAAA,eAAA,EACEzB,MAAM;MAAA,eAAA,EACND,SAAS;MAAA,aAAA,EACX,qBAAsB,CAAAD,MAAA,CAAAR,EAAE,CAAE;MACvCA,EAAE,EAAEO,QAAQ;MACZkB,OAAO,EAAErB,iBAAiB;MAC1Bb,iBAAiB,EAAEwB,MAAM,CAACqB;IAAa,CAAA,CACvC,CACE,CACF,EACL,CAAC,CAAC/C,QAAQ,IAAIqB,MAAM,~~kBACnBE~~,KAAA,CAAAO,aAAA,CAACkB,aAAa,EAAA;MACZC,MAAM,EAAE5B,MAAM,GAAG,MAAM,GAAG,CAAC;MAAA,aAAA,EACd,sBAAuB,CAAAF,MAAA,CAAAR,EAAE;IAAE,CAAA,eAExCY,KAAA,CAAAO,aAAA,CAAA,KAAA,EAAA;MACEnB,EAAE,EAAES,SAAS;MACbI,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACwB,OAAO,EACdrD,gBAAgB,IAAI6B,MAAM,CAACyB,SAAS,CACrC;MACDP,IAAI,EAAC,QAAQ;MACI,iBAAA,EAAA1B;KAEhB,EAAA5B,QAAQ,CACL,~~CAET~~,CACG;EAEV,CAAC;EAEDF,WAAW,CAACgE,WAAW,GAAG,aAAa;EAAA,OAzH1BhE,WAAW;AAAA;"}
1	+ {"version":3,"file":"Collapsible.mjs","sources":["../../../../src/Collapsible/Collapsible/Collapsible.tsx"],"sourcesContent":["import React, { HTMLAttributes, useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport AnimateHeight from \"react-animate-height\"\nimport { IconButton } from \"~components/Button\"\nimport { Heading } from \"~components/Heading\"\nimport { ChevronUpIcon, ChevronDownIcon } from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { Sticky } from \"../types\"\nimport styles from \"./Collapsible.module.scss\"\n\nexport type CollapsibleProps = {\n children: JSX.Element \| JSX.Element[] \| string\n title: string\n renderHeader?: (title: string) => JSX.Element \| JSX.Element[]\n open?: boolean\n group?: boolean\n separated?: boolean\n sticky?: Sticky\n noSectionPadding?: boolean\n onToggle?: (open: boolean, id: string) => void\n /*\n By default, the header will change background colour when open. When the variant\n * is set to 'clear', it will not have a background but a border-bottom will appear\n * to separate the heading from the content.\n /\n variant?: \"default\" \| \"clear\"\n /\n Will avoid rendering the content until required (especially important when you\n * have queries inside sections).\n * Removes animation.\n /\n lazyLoad?: boolean\n /\n Disables internal `open` state, allowing it to be controlled in the usage.\n /\n controlled?: boolean\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Collapsible = ({\n children,\n title,\n renderHeader,\n open,\n group,\n separated,\n sticky,\n noSectionPadding,\n onToggle,\n variant,\n lazyLoad,\n controlled,\n classNameOverride,\n id: propsId,\n ...restProps\n}: CollapsibleProps): JSX.Element => {\n const [stateIsOpen, setIsOpen] = useState<boolean>(open ?? false)\n const getOpen = (): boolean \| undefined => (controlled ? open : stateIsOpen)\n\n const id = propsId ?? useId()\n\n const handleSectionToggle = (): void => {\n const newIsOpen = !getOpen()\n if (!controlled) setIsOpen(newIsOpen)\n onToggle?.(newIsOpen, id)\n }\n\n const handleButtonPress = (event: React.MouseEvent): void => {\n event.stopPropagation()\n handleSectionToggle()\n }\n\n const buttonId = `${id}-button`\n const sectionId = `${id}-section`\n const isOpen = getOpen()\n const isContainer = !group \|\| separated\n\n return (\n <div\n id={id}\n className={classnames(\n classNameOverride,\n isContainer && styles.container,\n group && !separated && styles.groupItem,\n separated && styles.separated,\n isOpen && styles.open,\n !group && styles.single\n )}\n data-testid={`collapsible-container-${id}`}\n {...restProps} // `title` is missing because it is used for the header; requires breaking change to fix\n >\n {/ Disabling these a11y linting errors because there is an IconButton that mitigates these concerns. The onClick here is just an additional layer. /}\n {/ eslint-disable-next-line jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */}\n <div\n className={classnames(\n styles.header,\n isOpen && styles.open,\n sticky && styles.sticky,\n isOpen && variant === \"default\" && styles.defaultVariant,\n isOpen && variant === \"clear\" && styles.clearVariant\n )}\n style={sticky && { top: sticky.top }}\n onClick={handleSectionToggle}\n data-testid={`collapsible-header-${id}`}\n >\n {renderHeader !== undefined ? (\n renderHeader(title)\n ) : (\n <div\n className={styles.title}\n data-testid={`collapsible-button-title-${id}`}\n >\n <Heading variant=\"heading-4\" tag=\"span\">\n {title}\n </Heading>\n </div>\n )}\n <div>\n <IconButton\n label={title}\n icon={\n isOpen ? (\n <ChevronUpIcon role=\"presentation\" />\n ) : (\n <ChevronDownIcon role=\"presentation\" />\n )\n }\n type=\"button\"\n aria-expanded={isOpen}\n aria-controls={sectionId}\n data-testid={`collapsible-button-${id}`}\n id={buttonId}\n onClick={handleButtonPress}\n classNameOverride={styles.chevronButton}\n />\n </div>\n </div>\n {(!lazyLoad \|\| isOpen) && (\n <AnimateHeight\n height={isOpen ? \"auto\" : 0}\n data-testid={`collapsible-section-${id}`}\n >\n <div\n id={sectionId}\n className={classnames(\n styles.section,\n noSectionPadding && styles.noPadding\n )}\n role=\"region\"\n aria-labelledby={buttonId}\n >\n {children}\n </div>\n </AnimateHeight>\n )}\n </div>\n )\n}\n\nCollapsible.displayName = \"Collapsible\"\n"],"names":["Collapsible","_a","children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","propsId","restProps","__rest","_b","useState","stateIsOpen","setIsOpen","getOpen","id","useId","handleSectionToggle","newIsOpen","handleButtonPress","event","stopPropagation","buttonId","concat","sectionId","isOpen","isContainer","React","className","classnames","styles","container","groupItem","single","createElement","header","defaultVariant","clearVariant","style","top","onClick","undefined","Heading","tag","IconButton","label","icon","ChevronUpIcon","role","ChevronDownIcon","type","chevronButton","AnimateHeight","height","section","noPadding","displayName"],"mappings":"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"}

package/dist/esm/DatePicker/DatePicker.mjs CHANGED Viewed

@@ -210,7 +210,7 @@ const DatePicker = /*#__PURE__*/function () {
       onKeyDown: handleKeyDown,
       status: status !== undefined || !shouldUseInbuiltValidation ? status : inbuiltStatus,
       validationMessage: validationMessage !== undefined || !shouldUseInbuiltValidation ? validationMessage : inbuiltValidationMessage
-    }, restDateInputFieldProps))), isOpen && /*#__PURE__*/React.createElement(CalendarPopover, {
+    }, restDateInputFieldProps))), isOpen && ( /*#__PURE__*/React.createElement(CalendarPopover, {
       referenceElement: containerRef.current
     }, /*#__PURE__*/React.createElement(CalendarSingle, {
       id: calendarId,
@@ -221,7 +221,7 @@ const DatePicker = /*#__PURE__*/function () {
       locale: locale,
       onDayClick: handleCalendarDayChange,
       onMount: handleCalendarMount
-    })));
+    }))));
   };
   DatePicker.displayName = "DatePicker";
   return DatePicker;

package/dist/esm/DatePicker/DatePicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onChange\"\n \| \"onBlur\"\n \| \"onButtonClick\"\n \| \"value\"\n \| \"locale\"\n \| \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /*\n Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n /\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /\n Accepts a date to display that month on first render.\n /\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /\n The date passed in from the consumer that renders in the input and calendar.\n /\n selectedDay: Date \| undefined\n /\n Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n /\n onDayChange: (date: Date \| undefined) => void\n /\n Callback when a date is selected. Utilises internal validation if not set.\n /\n onValidate?: (validationResponse: ValidationResponse) => void\n /\n Updates the styling of the validation FieldMessage.\n /\n status?: DateInputFieldProps[\"status\"] \| undefined\n /\n A descriptive message for the 'status' states.\n /\n validationMessage?: DateInputFieldProps[\"validationMessage\"] \| undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current \|\| null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" \| \"inputKeydown\" \| \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] \| undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string \| undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date \| undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" \|\| (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" \|\| lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined \|\| !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined \|\| !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"DatePicker.mjs","sources":["../../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { RefObject, useEffect, useId, useRef, useState } from \"react\"\nimport { DayClickEventHandler } from \"react-day-picker\"\nimport { FocusOn } from \"react-focus-on\"\nimport {\n CalendarSingle,\n CalendarSingleElement,\n CalendarSingleProps,\n DisabledDayMatchers,\n calculateDisabledDays,\n formatDateAsNumeral,\n formatDateAsText,\n isDisabledDate,\n isInvalidDate,\n isSelectingDayInCalendar,\n parseDateAsTextOrNumeral,\n setFocusInCalendar,\n} from \"~components/Calendar\"\nimport { CalendarPopover } from \"~components/Calendar/CalendarPopover\"\nimport {\n DateInputField,\n DateInputFieldProps,\n} from \"./subcomponents/DateInputField\"\nimport { ValidationResponse } from \"./types\"\nimport { DatePickerSupportedLocales, getLocale } from \"./utils/getLocale\"\nimport { validateDate } from \"./utils/validateDate\"\n\ntype OmittedDateInputFieldProps =\n \| \"onClick\"\n \| \"onFocus\"\n \| \"onChange\"\n \| \"onBlur\"\n \| \"onButtonClick\"\n \| \"value\"\n \| \"locale\"\n \| \"id\"\n\nexport type DatePickerProps = {\n id?: string\n buttonRef?: RefObject<HTMLButtonElement>\n onInputClick?: DateInputFieldProps[\"onClick\"]\n onInputFocus?: DateInputFieldProps[\"onFocus\"]\n onInputChange?: DateInputFieldProps[\"onChange\"]\n onInputBlur?: DateInputFieldProps[\"onBlur\"]\n onButtonClick?: DateInputFieldProps[\"onButtonClick\"]\n locale?: DatePickerSupportedLocales\n /*\n Accepts a DayOfWeek value to start the week on that day. By default,\n * it's set to Monday.\n /\n weekStartsOn?: CalendarSingleProps[\"weekStartsOn\"]\n /\n Accepts a date to display that month on first render.\n /\n defaultMonth?: CalendarSingleProps[\"defaultMonth\"]\n /\n The date passed in from the consumer that renders in the input and calendar.\n /\n selectedDay: Date \| undefined\n /\n Callback when date is updated either by the calendar picker or by typing and bluring.\n * Date will return as undefined if invalid or disabled.\n /\n onDayChange: (date: Date \| undefined) => void\n /\n Callback when a date is selected. Utilises internal validation if not set.\n /\n onValidate?: (validationResponse: ValidationResponse) => void\n /\n Updates the styling of the validation FieldMessage.\n /\n status?: DateInputFieldProps[\"status\"] \| undefined\n /\n A descriptive message for the 'status' states.\n /\n validationMessage?: DateInputFieldProps[\"validationMessage\"] \| undefined\n} & DisabledDayMatchers &\n Omit<DateInputFieldProps, OmittedDateInputFieldProps>\n\n/\n {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} \|\n * {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}\n */\nexport const DatePicker = ({\n id: propsId,\n buttonRef: propsButtonRef = useRef<HTMLButtonElement>(null),\n locale: propsLocale = \"en-AU\",\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n weekStartsOn,\n defaultMonth,\n selectedDay,\n status,\n validationMessage,\n onInputClick,\n onInputFocus,\n onInputChange,\n onInputBlur,\n onButtonClick,\n onDayChange,\n onValidate,\n ...restDateInputFieldProps\n}: DatePickerProps): JSX.Element => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const containerRef = useRef<HTMLInputElement>(null)\n const inputRef = useRef<HTMLInputElement>(null)\n const buttonRef = useRef<HTMLButtonElement>(propsButtonRef?.current \|\| null)\n const dateInputRefs = useRef({\n inputRef,\n buttonRef,\n })\n const [inputValue, setInputValue] = useState<string>(\"\")\n const [isOpen, setIsOpen] = useState(false)\n const [lastTrigger, setLastTrigger] = useState<\n \"inputFocus\" \| \"inputKeydown\" \| \"calendarButton\"\n >()\n const [inbuiltStatus, setInbuiltStatus] = useState<\n DateInputFieldProps[\"status\"] \| undefined\n >()\n const [inbuiltValidationMessage, setInbuiltValidationMessage] = useState<\n string \| undefined\n >()\n\n const shouldUseInbuiltValidation = onValidate === undefined\n\n const locale = getLocale(propsLocale)\n\n const disabledDays = calculateDisabledDays({\n disabledDates,\n disabledDaysOfWeek,\n disabledRange,\n disabledBeforeAfter,\n disabledBefore,\n disabledAfter,\n })\n\n const handleValidation = (validationResponse: ValidationResponse): void => {\n if (shouldUseInbuiltValidation) {\n setInbuiltStatus(validationResponse.status)\n setInbuiltValidationMessage(validationResponse.validationMessage)\n } else {\n onValidate(validationResponse)\n }\n }\n\n const handleDayChange = (\n date: Date \| undefined,\n newInputValue?: string\n ): void => {\n const { validationResponse, newDate } = validateDate({\n date,\n inputValue: newInputValue,\n disabledDays,\n })\n handleValidation(validationResponse)\n onDayChange(newDate)\n }\n\n const handleCalendarDayChange: DayClickEventHandler = date => {\n if (!isDisabledDate(date, disabledDays)) {\n const newInputValue =\n lastTrigger === \"calendarButton\"\n ? formatDateAsText(date, disabledDays, locale)\n : formatDateAsNumeral(date, locale)\n\n setInputValue(newInputValue)\n handleDayChange(date)\n setIsOpen(false)\n }\n }\n\n const handleInputClick: React.MouseEventHandler<HTMLInputElement> = e => {\n setIsOpen(true)\n onInputClick?.(e)\n }\n\n const handleInputFocus: React.FocusEventHandler<HTMLInputElement> = e => {\n setLastTrigger(\"inputFocus\")\n if (selectedDay) {\n const newInputValue = formatDateAsNumeral(selectedDay, locale)\n setInputValue(newInputValue)\n }\n onInputFocus?.(e)\n }\n\n const handleInputChange: React.ChangeEventHandler<HTMLInputElement> = e => {\n setInputValue(e.target.value)\n onInputChange?.(e)\n }\n\n const handleInputBlur: React.FocusEventHandler<HTMLInputElement> = e => {\n if (isSelectingDayInCalendar(e.relatedTarget)) return\n\n if (inputValue !== \"\") {\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n\n if (!isInvalidDate(parsedDate)) {\n setInputValue(formatDateAsText(parsedDate, disabledDays, locale))\n }\n\n handleDayChange(parsedDate, inputValue)\n onInputBlur?.(e)\n return\n }\n\n handleDayChange(undefined, inputValue)\n onInputBlur?.(e)\n }\n\n const handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = e => {\n if (e.key === \"Enter\") {\n setIsOpen(false)\n const parsedDate = parseDateAsTextOrNumeral(inputValue, locale)\n handleDayChange(parsedDate, e.currentTarget.value)\n }\n\n if (e.key === \"ArrowDown\" \|\| (e.key === \"ArrowDown\" && e.altKey === true)) {\n e.preventDefault()\n setIsOpen(true)\n setLastTrigger(\"inputKeydown\")\n }\n }\n\n const handleButtonClick: React.MouseEventHandler<HTMLButtonElement> = e => {\n setIsOpen(!isOpen)\n setLastTrigger(\"calendarButton\")\n onButtonClick?.(e)\n }\n\n const handleCalendarMount = (\n calendarElement: CalendarSingleElement\n ): void => {\n if (lastTrigger === \"inputFocus\") return\n setFocusInCalendar(calendarElement, selectedDay)\n }\n\n const handleReturnFocus = (): void => {\n if (lastTrigger === \"inputKeydown\" \|\| lastTrigger === \"inputFocus\") {\n return inputRef.current?.focus()\n }\n buttonRef.current?.focus()\n }\n\n useEffect(() => {\n if (selectedDay) {\n setInputValue(formatDateAsText(selectedDay, disabledDays, locale))\n\n const formattedDate = formatDateAsNumeral(selectedDay, locale)\n const { validationResponse } = validateDate({\n date: selectedDay,\n inputValue: formattedDate,\n disabledDays,\n })\n\n if (!validationResponse.isValidDate && !validationResponse.isEmpty) {\n handleValidation(validationResponse)\n }\n }\n }, [selectedDay])\n\n const calendarId = `${id}-calendar-dialog`\n\n return (\n <FocusOn\n scrollLock={false}\n onDeactivation={handleReturnFocus}\n onClickOutside={(): void => setIsOpen(false)}\n onEscapeKey={(): void => setIsOpen(false)}\n enabled={isOpen}\n >\n <div ref={containerRef}>\n <DateInputField\n ref={dateInputRefs}\n id={id}\n role=\"combobox\"\n aria-haspopup=\"dialog\"\n aria-expanded={isOpen}\n aria-controls={calendarId}\n value={inputValue}\n locale={locale}\n onButtonClick={handleButtonClick}\n onClick={handleInputClick}\n onFocus={handleInputFocus}\n onChange={handleInputChange}\n onBlur={handleInputBlur}\n onKeyDown={handleKeyDown}\n status={\n status !== undefined \|\| !shouldUseInbuiltValidation\n ? status\n : inbuiltStatus\n }\n validationMessage={\n validationMessage !== undefined \|\| !shouldUseInbuiltValidation\n ? validationMessage\n : inbuiltValidationMessage\n }\n {...restDateInputFieldProps}\n />\n </div>\n\n {isOpen && (\n <CalendarPopover referenceElement={containerRef.current}>\n <CalendarSingle\n id={calendarId}\n selected={selectedDay}\n defaultMonth={defaultMonth}\n weekStartsOn={weekStartsOn}\n disabled={disabledDays}\n locale={locale}\n onDayClick={handleCalendarDayChange}\n onMount={handleCalendarMount}\n />\n </CalendarPopover>\n )}\n </FocusOn>\n )\n}\n\nDatePicker.displayName = \"DatePicker\"\n"],"names":["DatePicker","_a","propsId","id","_b","buttonRef","propsButtonRef","useRef","_c","locale","propsLocale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate","restDateInputFieldProps","__rest","reactId","useId","containerRef","inputRef","current","dateInputRefs","_d","useState","inputValue","setInputValue","_e","isOpen","setIsOpen","_f","lastTrigger","setLastTrigger","_g","inbuiltStatus","setInbuiltStatus","_h","inbuiltValidationMessage","setInbuiltValidationMessage","shouldUseInbuiltValidation","undefined","getLocale","disabledDays","calculateDisabledDays","handleValidation","validationResponse","handleDayChange","date","newInputValue","validateDate","newDate","handleCalendarDayChange","isDisabledDate","formatDateAsText","formatDateAsNumeral","handleInputClick","e","handleInputFocus","handleInputChange","target","value","handleInputBlur","isSelectingDayInCalendar","relatedTarget","parsedDate","parseDateAsTextOrNumeral","isInvalidDate","handleKeyDown","key","currentTarget","altKey","preventDefault","handleButtonClick","handleCalendarMount","calendarElement","setFocusInCalendar","handleReturnFocus","focus","useEffect","formattedDate","isValidDate","isEmpty","calendarId","concat","React","createElement","FocusOn","scrollLock","onDeactivation","onClickOutside","onEscapeKey","enabled","ref","DateInputField","__assign","role","onClick","onFocus","onChange","onBlur","onKeyDown","CalendarPopover","referenceElement","CalendarSingle","selected","disabled","onDayClick","onMount","displayName"],"mappings":"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"}

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs CHANGED Viewed

@@ -33,11 +33,11 @@ const DateInputField = /*#__PURE__*/function () {
       status: status,
       disabled: disabled,
       isReversed: isReversed
-    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+    }, dateInputWithIconButtonProps)), shouldShowValidationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
       message: validationMessage,
       status: status,
       reversed: isReversed
-    }), /*#__PURE__*/React.createElement("div", {
+    })), /*#__PURE__*/React.createElement("div", {
       className: classnames(disabled && styles.disabled)
     }, /*#__PURE__*/React.createElement(FieldMessage, {
       id: descriptionId,

package/dist/esm/DatePicker/subcomponents/DateInputField/DateInputField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateInputField.mjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputWithIconButton,\n DateInputWithIconButtonProps,\n DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n /*\n A description that provides context for the text field\n /\n description?: DateInputDescriptionProps[\"description\"]\n /\n Updates the styling of the validation FieldMessage\n /\n status?: FieldMessageStatus\n /\n A descriptive message for `status` states\n */\n validationMessage?: React.ReactNode\n locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n DateInputWithIconButtonRefs,\n DateInputFieldProps\n>(\n (\n {\n description,\n status,\n validationMessage,\n locale = enAU,\n id: propsId,\n disabled,\n isReversed = false,\n classNameOverride,\n ...dateInputWithIconButtonProps\n },\n ref\n ) => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const descriptionId = `${id}-field-message`\n\n const shouldShowValidationMessage = !disabled && validationMessage\n\n return (\n <div className={classNameOverride}>\n <DateInputWithIconButton\n ref={ref}\n id={id}\n aria-describedby={descriptionId}\n status={status}\n disabled={disabled}\n isReversed={isReversed}\n {...dateInputWithIconButtonProps}\n />\n {shouldShowValidationMessage && (\n <FieldMessage\n message={validationMessage}\n status={status}\n reversed={isReversed}\n />\n )}\n <div className={classnames(disabled && styles.disabled)}>\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n />\n </div>\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;MA6BaA,cAAc;EAAA,MAAdA,cAAc,gBAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,MAAM,YAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,KAAA;MACTC,OAAO,GAAAR,EAAA,CAAAS,EAAA;MACXC,QAAQ,GAAAV,EAAA,CAAAU,QAAA;MACRC,EAAkB,GAAAX,EAAA,CAAAY,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAb,EAAA,CAAAa,iBAAA;MACdC,4BAA4B,GAAAC,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMR,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIQ,OAAO;IAE7B,IAAME,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAV,EAAE,mBAAgB;IAE3C,IAAMW,2BAA2B,GAAG,CAACV,QAAQ,IAAIN,iBAAiB;IAElE,oBACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,eAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAuB,EACtBC,QAAA,CAAA;MAAAvB,GAAG,EAAEA,GAAG;MACRQ,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYS,aAAa;MAC/Bf,MAAM,EAAEA,MAAM;MACdO,QAAQ,EAAEA,QAAQ;MAClBE,UAAU,EAAEA;IAAU,CAClB,EAAAE,4BAA4B,CAChC,CAAA,EACDM,2BAA2B,~~iBAC1BtB~~,KAAA,CAAAuB,aAAA,CAACI,YAAY,EAAA;MACXC,OAAO,EAAEtB,iBAAiB;MAC1BD,MAAM,EAAEA,MAAM;MACdwB,QAAQ,EAAEf;~~MAEb~~,eACDd,KAAK,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEM,UAAU,CAAClB,QAAQ,IAAImB,MAAM,CAACnB,QAAQ;IAAC,CAAA,eACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,eACL5B,KAAA,CAAAuB,aAAA,CAACS,oBAAoB,EAAA;QAAC5B,WAAW,EAAEA,WAAW;QAAEI,MAAM,EAAEA;MAAM,CAAA,CAAI;MAEpEqB,QAAQ,EAAEf;KACV,CAAA,CACE,CACF;EAEV,CAAC,CACF;EAEDf,cAAc,CAACkC,WAAW,GAAG,gBAAgB;EAAA,OAzDhClC,cAAc;AAAA;"}
1	+ {"version":3,"file":"DateInputField.mjs","sources":["../../../../../src/DatePicker/subcomponents/DateInputField/DateInputField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { enAU } from \"date-fns/locale\"\nimport {\n DateInputDescription,\n DateInputDescriptionProps,\n DateInputWithIconButton,\n DateInputWithIconButtonProps,\n DateInputWithIconButtonRefs,\n} from \"~components/DateInput\"\nimport { FieldMessage, FieldMessageStatus } from \"~components/FieldMessage\"\nimport styles from \"./DateInputField.module.scss\"\n\nexport type DateInputFieldProps = {\n /*\n A description that provides context for the text field\n /\n description?: DateInputDescriptionProps[\"description\"]\n /\n Updates the styling of the validation FieldMessage\n /\n status?: FieldMessageStatus\n /\n A descriptive message for `status` states\n */\n validationMessage?: React.ReactNode\n locale?: Locale\n} & DateInputWithIconButtonProps\n\nexport const DateInputField = React.forwardRef<\n DateInputWithIconButtonRefs,\n DateInputFieldProps\n>(\n (\n {\n description,\n status,\n validationMessage,\n locale = enAU,\n id: propsId,\n disabled,\n isReversed = false,\n classNameOverride,\n ...dateInputWithIconButtonProps\n },\n ref\n ) => {\n const reactId = useId()\n const id = propsId ?? reactId\n\n const descriptionId = `${id}-field-message`\n\n const shouldShowValidationMessage = !disabled && validationMessage\n\n return (\n <div className={classNameOverride}>\n <DateInputWithIconButton\n ref={ref}\n id={id}\n aria-describedby={descriptionId}\n status={status}\n disabled={disabled}\n isReversed={isReversed}\n {...dateInputWithIconButtonProps}\n />\n {shouldShowValidationMessage && (\n <FieldMessage\n message={validationMessage}\n status={status}\n reversed={isReversed}\n />\n )}\n <div className={classnames(disabled && styles.disabled)}>\n <FieldMessage\n id={descriptionId}\n message={\n <DateInputDescription description={description} locale={locale} />\n }\n reversed={isReversed}\n />\n </div>\n </div>\n )\n }\n)\n\nDateInputField.displayName = \"DateInputField\"\n"],"names":["DateInputField","React","forwardRef","_a","ref","description","status","validationMessage","_b","locale","enAU","propsId","id","disabled","_c","isReversed","classNameOverride","dateInputWithIconButtonProps","__rest","reactId","useId","descriptionId","concat","shouldShowValidationMessage","createElement","className","DateInputWithIconButton","__assign","FieldMessage","message","reversed","classnames","styles","DateInputDescription","displayName"],"mappings":";;;;;;;;;MA6BaA,cAAc;EAAA,MAAdA,cAAc,gBAAGC,KAAK,CAACC,UAAU,CAI5C,UACEC,EAUC,EACDC,GAAG,EAAA;IAVD,IAAAC,WAAW,GAAAF,EAAA,CAAAE,WAAA;MACXC,MAAM,YAAA;MACNC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACjBC,cAAa;MAAbC,MAAM,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,IAAI,KAAA;MACTC,OAAO,GAAAR,EAAA,CAAAS,EAAA;MACXC,QAAQ,GAAAV,EAAA,CAAAU,QAAA;MACRC,EAAkB,GAAAX,EAAA,CAAAY,UAAA;MAAlBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAClBE,iBAAiB,GAAAb,EAAA,CAAAa,iBAAA;MACdC,4BAA4B,GAAAC,MAAA,CAAAf,EAAA,EATjC,6GAUC,CADgC;IAIjC,IAAMgB,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMR,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIQ,OAAO;IAE7B,IAAME,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAV,EAAE,mBAAgB;IAE3C,IAAMW,2BAA2B,GAAG,CAACV,QAAQ,IAAIN,iBAAiB;IAElE,oBACEN,KAAA,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAET;IAAiB,CAAA,eAC/Bf,KAAC,CAAAuB,aAAA,CAAAE,uBAAuB,EACtBC,QAAA,CAAA;MAAAvB,GAAG,EAAEA,GAAG;MACRQ,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYS,aAAa;MAC/Bf,MAAM,EAAEA,MAAM;MACdO,QAAQ,EAAEA,QAAQ;MAClBE,UAAU,EAAEA;IAAU,CAClB,EAAAE,4BAA4B,CAChC,CAAA,EACDM,2BAA2B,mBAC1BtB,KAAA,CAAAuB,aAAA,CAACI,YAAY,EAAA;MACXC,OAAO,EAAEtB,iBAAiB;MAC1BD,MAAM,EAAEA,MAAM;MACdwB,QAAQ,EAAEf;MACV,CACH,eACDd,KAAK,CAAAuB,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEM,UAAU,CAAClB,QAAQ,IAAImB,MAAM,CAACnB,QAAQ;IAAC,CAAA,eACrDZ,KAAC,CAAAuB,aAAA,CAAAI,YAAY,EACX;MAAAhB,EAAE,EAAES,aAAa;MACjBQ,OAAO,eACL5B,KAAA,CAAAuB,aAAA,CAACS,oBAAoB,EAAA;QAAC5B,WAAW,EAAEA,WAAW;QAAEI,MAAM,EAAEA;MAAM,CAAA,CAAI;MAEpEqB,QAAQ,EAAEf;KACV,CAAA,CACE,CACF;EAEV,CAAC,CACF;EAEDf,cAAc,CAACkC,WAAW,GAAG,gBAAgB;EAAA,OAzDhClC,cAAc;AAAA;"}

package/dist/esm/DateRangePicker/DateRangePicker.mjs CHANGED Viewed

@@ -119,7 +119,7 @@ const DateRangePicker = /*#__PURE__*/function () {
       role: "presentation"
     })), /*#__PURE__*/React.createElement("span", {
       className: styles.value
-    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && /*#__PURE__*/React.createElement(FocusOn, {
+    }, (selectedDateRange === null || selectedDateRange === void 0 ? void 0 : selectedDateRange.from) ? value : undefined))), isOpen && ( /*#__PURE__*/React.createElement(FocusOn, {
       scrollLock: false,
       onDeactivation: handleReturnFocus,
       onClickOutside: handleOpenClose,
@@ -134,7 +134,7 @@ const DateRangePicker = /*#__PURE__*/function () {
       disabledDays: disabledDays,
       onDayChange: handleDayClick,
       locale: enUS
-    }))));
+    })))));
   };
   DateRangePicker.displayName = "DateRangePicker";
   return DateRangePicker;