@kaizen/components 1.37.1 → 1.38.0

package/dist/cjs/Button/GenericButton/GenericButton.cjs

@@ -145,7 +145,7 @@ var renderLink = function (props, ref) {
 };
 var buttonClass = function (props) {
   var isDefault = !props.primary && !props.destructive && !props.secondary;
-  return classnames(GenericButton_module.button, isDefault && GenericButton_module["default"], props.primary && GenericButton_module.primary, props.destructive && GenericButton_module.destructive, props.secondary && GenericButton_module.secondary, props.size && GenericButton_module[props.size], props.reversed && GenericButton_module.reversed, props.iconButton && GenericButton_module.iconButton, props.working && GenericButton_module.working, (props.directionalLink || props.paginationLink) && GenericButton_module.circleButton, props.directionalLink && GenericButton_module.directionalLink, props.paginationLink && GenericButton_module.paginationLink, props.isActive && GenericButton_module.isPaginationLinkActive, props.classNameOverride);
+  return classnames(GenericButton_module.button, isDefault && GenericButton_module.default, props.primary && GenericButton_module.primary, props.destructive && GenericButton_module.destructive, props.secondary && GenericButton_module.secondary, props.size && GenericButton_module[props.size], props.reversed && GenericButton_module.reversed, props.iconButton && GenericButton_module.iconButton, props.working && GenericButton_module.working, (props.directionalLink || props.paginationLink) && GenericButton_module.circleButton, props.directionalLink && GenericButton_module.directionalLink, props.paginationLink && GenericButton_module.paginationLink, props.isActive && GenericButton_module.isPaginationLinkActive, props.classNameOverride);
 };
 var renderLoadingSpinner = function () {
   return React.createElement("div", {

package/dist/cjs/Button/GenericButton/GenericButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericButton.cjs","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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"}
+{"version":3,"file":"GenericButton.cjs","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/cjs/Calendar/enums.cjs

@@ -11,8 +11,10 @@ var DayOfWeek = {
 };
 var DateFormat = {
   Numeral: "P",
-  Text: "PP"
+  // eg. 01/15/2022
+  Text: "PP" // eg. Jan 15, 2022
 };
+
 exports.DateFormat = DateFormat;
 exports.DayOfWeek = DayOfWeek;
 //# sourceMappingURL=enums.cjs.map

package/dist/cjs/Calendar/enums.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"enums.cjs","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;;;"}
+{"version":3,"file":"enums.cjs","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/cjs/ClearButton/ClearButton.cjs

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

package/dist/cjs/ClearButton/ClearButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ClearButton.cjs","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,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,OACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,kBAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,kBAAM,CAACE,QAAQ,GAAGF,kBAAM,CAAC,SAAO,CAAA,EAC7CX,iBAAiB;OAEfG,SAAS,CAAA,EAEbE,KAAC,CAAAC,aAAA,CAAAQ,SAAS,CAAAA,SAAA;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;EAAA,OAnB1BlB,WAAW;AAAA;"}
+{"version":3,"file":"ClearButton.cjs","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,KAAA,CAAAA,MAAA,CAAAL,EAAA,EAHc,mCAI3B,CADa;IACuB,OACnCM,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,KAAA,CAAAA,QAAA,CAAA;MACEC,IAAI,EAAC,QAAQ;MACF,YAAA,EAAA,OAAO;MAClBC,SAAS,EAAEC,UAAU,CACnBC,kBAAM,CAACC,WAAW,EAClBV,UAAU,GAAGS,kBAAM,CAACE,QAAQ,GAAGF,kBAAM,CAACG,OAAO,EAC7Cd,iBAAiB;OAEfG,SAAS,CAAA,EAEbE,KAAC,CAAAC,aAAA,CAAAS,SAAS,CAAAA,SAAA;MAACC,IAAI,EAAC;IAAiB,CAAA,CAAA,CAC1B;GACV;EAEDlB,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}

package/dist/cjs/Filter/Filter/Filter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.cjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { FilterPopover } from \"./subcomponents/FilterPopover\"\nimport { FilterTriggerRef } from \"./types\"\n\nexport type FilterProps = {\n  children: React.ReactNode\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  renderTrigger: (triggerProps: {\n    onClick: () => void\n    isOpen: boolean\n  }) => JSX.Element & { ref?: React.RefObject<FilterTriggerRef> }\n  onMount?: (triggerRef: React.RefObject<HTMLButtonElement>) => void\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Filter = ({\n  children,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  classNameOverride,\n  onMount,\n  ...restProps\n}: FilterProps): JSX.Element => {\n  const [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n  const trigger = renderTrigger({\n    onClick: (): void => setIsOpen(!isOpen),\n    isOpen,\n  })\n\n  const inbuiltButtonRef = useRef<HTMLButtonElement>(null)\n  const inbuiltRef = useRef<FilterTriggerRef>({\n    triggerRef: inbuiltButtonRef,\n  })\n  const filterButtonRef = trigger.ref ?? inbuiltRef\n\n  useEffect(() => {\n    if (filterButtonRef.current?.triggerRef?.current) {\n      setIsRefLoaded(true)\n      onMount?.(filterButtonRef.current.triggerRef)\n    }\n  }, [filterButtonRef.current?.triggerRef?.current, onMount])\n\n  return (\n    <div className={classNameOverride} {...restProps}>\n      {React.cloneElement(trigger, {\n        ref: filterButtonRef,\n      })}\n      {isRefLoaded && isOpen && (\n        <FocusOn\n          scrollLock={false}\n          onClickOutside={(): void => setIsOpen(false)}\n          onEscapeKey={(): void => setIsOpen(false)}\n        >\n          <FilterPopover\n            referenceElement={\n              filterButtonRef.current?.triggerRef?.current || null\n            }\n          >\n            {children}\n          </FilterPopover>\n        </FocusOn>\n      )}\n    </div>\n  )\n}\n\nFilter.displayName = \"Filter\"\n"],"names":["Filter","_a","children","isOpen","setIsOpen","renderTrigger","classNameOverride","onMount","restProps","__rest","_g","useState","isRefLoaded","setIsRefLoaded","trigger","onClick","inbuiltButtonRef","useRef","inbuiltRef","triggerRef","filterButtonRef","_b","ref","useEffect","current","_d","_c","React","createElement","__assign","className","cloneElement","FocusOn","scrollLock","onClickOutside","onEscapeKey","FilterPopover","referenceElement","_f","_e","displayName"],"mappings":"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"}
+{"version":3,"file":"Filter.cjs","sources":["../../../../src/Filter/Filter/Filter.tsx"],"sourcesContent":["import React, { HTMLAttributes, useEffect, useRef, useState } from \"react\"\nimport { FocusOn } from \"react-focus-on\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { FilterPopover } from \"./subcomponents/FilterPopover\"\nimport { FilterTriggerRef } from \"./types\"\n\nexport type FilterProps = {\n  children: React.ReactNode\n  isOpen: boolean\n  setIsOpen: (isOpen: boolean) => void\n  renderTrigger: (triggerProps: {\n    onClick: () => void\n    isOpen: boolean\n  }) => JSX.Element & { ref?: React.RefObject<FilterTriggerRef> }\n  onMount?: (triggerRef: React.RefObject<HTMLButtonElement>) => void\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const Filter = ({\n  children,\n  isOpen,\n  setIsOpen,\n  renderTrigger,\n  classNameOverride,\n  onMount,\n  ...restProps\n}: FilterProps): JSX.Element => {\n  const [isRefLoaded, setIsRefLoaded] = useState<boolean>(false)\n\n  const trigger = renderTrigger({\n    onClick: (): void => setIsOpen(!isOpen),\n    isOpen,\n  })\n\n  const inbuiltButtonRef = useRef<HTMLButtonElement>(null)\n  const inbuiltRef = useRef<FilterTriggerRef>({\n    triggerRef: inbuiltButtonRef,\n  })\n  const filterButtonRef = trigger.ref ?? inbuiltRef\n\n  useEffect(() => {\n    if (filterButtonRef.current?.triggerRef?.current) {\n      setIsRefLoaded(true)\n      onMount?.(filterButtonRef.current.triggerRef)\n    }\n  }, [filterButtonRef.current?.triggerRef?.current, onMount])\n\n  return (\n    <div className={classNameOverride} {...restProps}>\n      {React.cloneElement(trigger, {\n        ref: filterButtonRef,\n      })}\n      {isRefLoaded && isOpen && (\n        <FocusOn\n          scrollLock={false}\n          onClickOutside={(): void => setIsOpen(false)}\n          onEscapeKey={(): void => setIsOpen(false)}\n        >\n          <FilterPopover\n            referenceElement={\n              filterButtonRef.current?.triggerRef?.current || null\n            }\n          >\n            {children}\n          </FilterPopover>\n        </FocusOn>\n      )}\n    </div>\n  )\n}\n\nFilter.displayName = \"Filter\"\n"],"names":["Filter","_a","children","isOpen","setIsOpen","renderTrigger","classNameOverride","onMount","restProps","__rest","_g","useState","isRefLoaded","setIsRefLoaded","trigger","onClick","inbuiltButtonRef","useRef","inbuiltRef","triggerRef","filterButtonRef","_b","ref","useEffect","current","_d","_c","React","createElement","__assign","className","cloneElement","FocusOn","scrollLock","onClickOutside","onEscapeKey","FilterPopover","referenceElement","_f","_e","displayName"],"mappings":"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"}

package/dist/cjs/Filter/FilterBar/context/reducer/filterBarStateReducer.cjs

@@ -20,7 +20,7 @@ var filterBarStateReducer = function (state, action) {
       state.activeFilterIds.add(action.id);
       return tslib.__assign({}, updateDependentFilters.updateDependentFilters(state));
     case "deactivate_filter":
-      state.activeFilterIds["delete"](action.id);
+      state.activeFilterIds.delete(action.id);
       state.values[action.id] = undefined;
       return tslib.__assign(tslib.__assign({}, updateDependentFilters.updateDependentFilters(state)), {
         hasUpdatedValues: true

package/dist/cjs/Filter/FilterBar/context/reducer/filterBarStateReducer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filterBarStateReducer.cjs","sources":["../../../../../../src/Filter/FilterBar/context/reducer/filterBarStateReducer.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState, FilterStateEditableAttributes } from \"../types\"\nimport { updateDependentFilters } from \"../utils/updateDependentFilters\"\nimport { updateSingleFilter } from \"./updateSingleFilter\"\nimport { updateValues } from \"./updateValues\"\n\ntype Actions<ValuesMap extends FiltersValues> =\n  | { type: \"update_values\"; values: Partial<ValuesMap> }\n  | { type: \"complete_update_values\" }\n  | {\n      type: \"update_single_filter\"\n      id: keyof ValuesMap\n      data: Partial<FilterStateEditableAttributes>\n    }\n  | { type: \"activate_filter\"; id: keyof ValuesMap }\n  | { type: \"deactivate_filter\"; id: keyof ValuesMap }\n\nexport const filterBarStateReducer = <ValuesMap extends FiltersValues>(\n  state: FilterBarState<ValuesMap>,\n  action: Actions<ValuesMap>\n): FilterBarState<ValuesMap> => {\n  switch (action.type) {\n    case \"update_values\":\n      return { ...updateValues(state, action.values) }\n\n    case \"complete_update_values\":\n      return {\n        ...state,\n        hasUpdatedValues: false,\n      }\n\n    case \"update_single_filter\":\n      return {\n        ...state,\n        filters: updateSingleFilter(state, action.id, action.data),\n      }\n\n    case \"activate_filter\":\n      state.activeFilterIds.add(action.id)\n      return { ...updateDependentFilters(state) }\n\n    case \"deactivate_filter\":\n      state.activeFilterIds.delete(action.id)\n      state.values[action.id] = undefined\n      return {\n        ...updateDependentFilters(state),\n        hasUpdatedValues: true,\n      }\n  }\n}\n"],"names":["filterBarStateReducer","state","action","type","__assign","updateValues","values","hasUpdatedValues","filters","updateSingleFilter","id","data","activeFilterIds","add","updateDependentFilters","undefined"],"mappings":";;;;;;AAiBa,IAAAA,qBAAqB,GAAG,SAAAA,CACnCC,KAAgC,EAChCC,MAA0B,EAAA;EAE1B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,eAAe;MAClB,OAAYC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,YAAY,CAAAA,YAAA,CAACJ,KAAK,EAAEC,MAAM,CAACI,MAAM,CAAC,CAAE;IAElD,KAAK,wBAAwB;MAC3B,OAAAF,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EACKH,KAAK,CAAA,EAAA;QACRM,gBAAgB,EAAE;MAAK,CACxB,CAAA;IAEH,KAAK,sBAAsB;MACzB,OAAAH,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAO,OAAO,EAAEC,kBAAkB,CAAAA,kBAAA,CAACR,KAAK,EAAEC,MAAM,CAACQ,EAAE,EAAER,MAAM,CAACS,IAAI;MAC1D,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpBV,KAAK,CAACW,eAAe,CAACC,GAAG,CAACX,MAAM,CAACQ,EAAE,CAAC;MACpC,OAAAN,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAYU,6CAAsB,CAACb,KAAK,CAAC,CAAE;IAE7C,KAAK,mBAAmB;MACtBA,KAAK,CAACW,eAAe,CAAC,QAAM,CAAA,CAACV,MAAM,CAACQ,EAAE,CAAC;MACvCT,KAAK,CAACK,MAAM,CAACJ,MAAM,CAACQ,EAAE,CAAC,GAAGK,SAAS;MACnC,OACKX,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EAAAU,sBAAsB,CAAAA,sBAAA,CAACb,KAAK,CAAC;QAChCM,gBAAgB,EAAE;MAAI,CACvB,CAAA;EACJ;AACH,CAAA;"}
+{"version":3,"file":"filterBarStateReducer.cjs","sources":["../../../../../../src/Filter/FilterBar/context/reducer/filterBarStateReducer.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState, FilterStateEditableAttributes } from \"../types\"\nimport { updateDependentFilters } from \"../utils/updateDependentFilters\"\nimport { updateSingleFilter } from \"./updateSingleFilter\"\nimport { updateValues } from \"./updateValues\"\n\ntype Actions<ValuesMap extends FiltersValues> =\n  | { type: \"update_values\"; values: Partial<ValuesMap> }\n  | { type: \"complete_update_values\" }\n  | {\n      type: \"update_single_filter\"\n      id: keyof ValuesMap\n      data: Partial<FilterStateEditableAttributes>\n    }\n  | { type: \"activate_filter\"; id: keyof ValuesMap }\n  | { type: \"deactivate_filter\"; id: keyof ValuesMap }\n\nexport const filterBarStateReducer = <ValuesMap extends FiltersValues>(\n  state: FilterBarState<ValuesMap>,\n  action: Actions<ValuesMap>\n): FilterBarState<ValuesMap> => {\n  switch (action.type) {\n    case \"update_values\":\n      return { ...updateValues(state, action.values) }\n\n    case \"complete_update_values\":\n      return {\n        ...state,\n        hasUpdatedValues: false,\n      }\n\n    case \"update_single_filter\":\n      return {\n        ...state,\n        filters: updateSingleFilter(state, action.id, action.data),\n      }\n\n    case \"activate_filter\":\n      state.activeFilterIds.add(action.id)\n      return { ...updateDependentFilters(state) }\n\n    case \"deactivate_filter\":\n      state.activeFilterIds.delete(action.id)\n      state.values[action.id] = undefined\n      return {\n        ...updateDependentFilters(state),\n        hasUpdatedValues: true,\n      }\n  }\n}\n"],"names":["filterBarStateReducer","state","action","type","__assign","updateValues","values","hasUpdatedValues","filters","updateSingleFilter","id","data","activeFilterIds","add","updateDependentFilters","delete","undefined"],"mappings":";;;;;;AAiBa,IAAAA,qBAAqB,GAAG,SAAAA,CACnCC,KAAgC,EAChCC,MAA0B,EAAA;EAE1B,QAAQA,MAAM,CAACC,IAAI;IACjB,KAAK,eAAe;MAClB,OAAYC,KAAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAAC,YAAY,CAAAA,YAAA,CAACJ,KAAK,EAAEC,MAAM,CAACI,MAAM,CAAC,CAAE;IAElD,KAAK,wBAAwB;MAC3B,OAAAF,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,EAAA,EACKH,KAAK,CAAA,EAAA;QACRM,gBAAgB,EAAE;MAAK,CACxB,CAAA;IAEH,KAAK,sBAAsB;MACzB,OAAAH,KAAA,CAAAA,QAAA,CAAAA,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EACKH,KAAK,CACR,EAAA;QAAAO,OAAO,EAAEC,kBAAkB,CAAAA,kBAAA,CAACR,KAAK,EAAEC,MAAM,CAACQ,EAAE,EAAER,MAAM,CAACS,IAAI;MAC1D,CAAA,CAAA;IAEH,KAAK,iBAAiB;MACpBV,KAAK,CAACW,eAAe,CAACC,GAAG,CAACX,MAAM,CAACQ,EAAE,CAAC;MACpC,OAAAN,KAAA,CAAAA,QAAA,CAAA,CAAA,CAAA,EAAYU,6CAAsB,CAACb,KAAK,CAAC,CAAE;IAE7C,KAAK,mBAAmB;MACtBA,KAAK,CAACW,eAAe,CAACG,MAAM,CAACb,MAAM,CAACQ,EAAE,CAAC;MACvCT,KAAK,CAACK,MAAM,CAACJ,MAAM,CAACQ,EAAE,CAAC,GAAGM,SAAS;MACnC,OACKZ,KAAA,CAAAA,QAAA,CAAAA,cAAA,CAAA,CAAA,CAAA,EAAAU,sBAAsB,CAAAA,sBAAA,CAACb,KAAK,CAAC;QAChCM,gBAAgB,EAAE;MAAI,CACvB,CAAA;EACJ;AACH,CAAA;"}

package/dist/cjs/Filter/FilterBar/context/utils/updateDependentFilters.cjs

@@ -12,7 +12,7 @@ var updateDependentFilters = function (state) {
     hasChange = true;
     state.filters[id].isUsable = isUsable;
     if (!isUsable) {
-      state.activeFilterIds["delete"](id);
+      state.activeFilterIds.delete(id);
       state.values[id] = undefined;
       state.hasUpdatedValues = true;
       return;

package/dist/cjs/Filter/FilterBar/context/utils/updateDependentFilters.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"updateDependentFilters.cjs","sources":["../../../../../../src/Filter/FilterBar/context/utils/updateDependentFilters.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState } from \"../types\"\nimport { getIsUsableWhenArgs } from \"./getIsUsableWhenArgs\"\n\nexport const updateDependentFilters = <ValuesMap extends FiltersValues>(\n  state: FilterBarState<ValuesMap>\n): FilterBarState<ValuesMap> => {\n  if (state.dependentFilterIds.size === 0) return state\n\n  let hasChange = false\n\n  const args = getIsUsableWhenArgs(state)\n\n  Array.from(state.dependentFilterIds).forEach(id => {\n    const isUsable = state.filters[id].isUsableWhen!(args)\n\n    const shouldUpdate = state.filters[id].isUsable !== isUsable\n    if (!shouldUpdate) return\n\n    hasChange = true\n    state.filters[id].isUsable = isUsable\n\n    if (!isUsable) {\n      state.activeFilterIds.delete(id)\n      state.values[id] = undefined\n      state.hasUpdatedValues = true\n      return\n    }\n\n    if (!state.filters[id].isRemovable || state.values[id] !== undefined) {\n      state.activeFilterIds.add(id)\n    }\n  })\n\n  if (hasChange) updateDependentFilters(state)\n\n  return state\n}\n"],"names":["updateDependentFilters","state","dependentFilterIds","size","hasChange","args","getIsUsableWhenArgs","Array","from","forEach","id","isUsable","filters","isUsableWhen","shouldUpdate","activeFilterIds","values","undefined","hasUpdatedValues","isRemovable","add"],"mappings":";;;AAIO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,KAAgC,EAAA;EAEhC,IAAIA,KAAK,CAACC,kBAAkB,CAACC,IAAI,KAAK,CAAC,EAAE,OAAOF,KAAK;EAErD,IAAIG,SAAS,GAAG,KAAK;EAErB,IAAMC,IAAI,GAAGC,uCAAmB,CAACL,KAAK,CAAC;EAEvCM,KAAK,CAACC,IAAI,CAACP,KAAK,CAACC,kBAAkB,CAAC,CAACO,OAAO,CAAC,UAAAC,EAAE,EAAA;IAC7C,IAAMC,QAAQ,GAAGV,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACG,YAAa,CAACR,IAAI,CAAC;IAEtD,IAAMS,YAAY,GAAGb,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,KAAKA,QAAQ;IAC5D,IAAI,CAACG,YAAY,EAAE;IAEnBV,SAAS,GAAG,IAAI;IAChBH,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,GAAGA,QAAQ;IAErC,IAAI,CAACA,QAAQ,EAAE;MACbV,KAAK,CAACc,eAAe,CAAC,QAAM,CAAA,CAACL,EAAE,CAAC;MAChCT,KAAK,CAACe,MAAM,CAACN,EAAE,CAAC,GAAGO,SAAS;MAC5BhB,KAAK,CAACiB,gBAAgB,GAAG,IAAI;MAC7B;IACD;IAED,IAAI,CAACjB,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACS,WAAW,IAAIlB,KAAK,CAACe,MAAM,CAACN,EAAE,CAAC,KAAKO,SAAS,EAAE;MACpEhB,KAAK,CAACc,eAAe,CAACK,GAAG,CAACV,EAAE,CAAC;IAC9B;EACH,CAAC,CAAC;EAEF,IAAIN,SAAS,EAAEJ,sBAAsB,CAACC,KAAK,CAAC;EAE5C,OAAOA,KAAK;AACd,CAAA;"}
+{"version":3,"file":"updateDependentFilters.cjs","sources":["../../../../../../src/Filter/FilterBar/context/utils/updateDependentFilters.ts"],"sourcesContent":["import { FiltersValues } from \"../../types\"\nimport { FilterBarState } from \"../types\"\nimport { getIsUsableWhenArgs } from \"./getIsUsableWhenArgs\"\n\nexport const updateDependentFilters = <ValuesMap extends FiltersValues>(\n  state: FilterBarState<ValuesMap>\n): FilterBarState<ValuesMap> => {\n  if (state.dependentFilterIds.size === 0) return state\n\n  let hasChange = false\n\n  const args = getIsUsableWhenArgs(state)\n\n  Array.from(state.dependentFilterIds).forEach(id => {\n    const isUsable = state.filters[id].isUsableWhen!(args)\n\n    const shouldUpdate = state.filters[id].isUsable !== isUsable\n    if (!shouldUpdate) return\n\n    hasChange = true\n    state.filters[id].isUsable = isUsable\n\n    if (!isUsable) {\n      state.activeFilterIds.delete(id)\n      state.values[id] = undefined\n      state.hasUpdatedValues = true\n      return\n    }\n\n    if (!state.filters[id].isRemovable || state.values[id] !== undefined) {\n      state.activeFilterIds.add(id)\n    }\n  })\n\n  if (hasChange) updateDependentFilters(state)\n\n  return state\n}\n"],"names":["updateDependentFilters","state","dependentFilterIds","size","hasChange","args","getIsUsableWhenArgs","Array","from","forEach","id","isUsable","filters","isUsableWhen","shouldUpdate","activeFilterIds","delete","values","undefined","hasUpdatedValues","isRemovable","add"],"mappings":";;;AAIO,IAAMA,sBAAsB,GAAG,SAAAA,CACpCC,KAAgC,EAAA;EAEhC,IAAIA,KAAK,CAACC,kBAAkB,CAACC,IAAI,KAAK,CAAC,EAAE,OAAOF,KAAK;EAErD,IAAIG,SAAS,GAAG,KAAK;EAErB,IAAMC,IAAI,GAAGC,uCAAmB,CAACL,KAAK,CAAC;EAEvCM,KAAK,CAACC,IAAI,CAACP,KAAK,CAACC,kBAAkB,CAAC,CAACO,OAAO,CAAC,UAAAC,EAAE,EAAA;IAC7C,IAAMC,QAAQ,GAAGV,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACG,YAAa,CAACR,IAAI,CAAC;IAEtD,IAAMS,YAAY,GAAGb,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,KAAKA,QAAQ;IAC5D,IAAI,CAACG,YAAY,EAAE;IAEnBV,SAAS,GAAG,IAAI;IAChBH,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACC,QAAQ,GAAGA,QAAQ;IAErC,IAAI,CAACA,QAAQ,EAAE;MACbV,KAAK,CAACc,eAAe,CAACC,MAAM,CAACN,EAAE,CAAC;MAChCT,KAAK,CAACgB,MAAM,CAACP,EAAE,CAAC,GAAGQ,SAAS;MAC5BjB,KAAK,CAACkB,gBAAgB,GAAG,IAAI;MAC7B;IACD;IAED,IAAI,CAAClB,KAAK,CAACW,OAAO,CAACF,EAAE,CAAC,CAACU,WAAW,IAAInB,KAAK,CAACgB,MAAM,CAACP,EAAE,CAAC,KAAKQ,SAAS,EAAE;MACpEjB,KAAK,CAACc,eAAe,CAACM,GAAG,CAACX,EAAE,CAAC;IAC9B;EACH,CAAC,CAAC;EAEF,IAAIN,SAAS,EAAEJ,sBAAsB,CAACC,KAAK,CAAC;EAE5C,OAAOA,KAAK;AACd,CAAA;"}

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs

@@ -71,7 +71,7 @@ var VideoPlayer = function (_a) {
     } else if (autoplay && !prefersReducedMotion) {
       try {
         // Older browsers may not return a promise, so .play could return undefined
-        (_a = videoElement.play()) === null || _a === void 0 ? void 0 : _a["catch"](function () {
+        (_a = videoElement.play()) === null || _a === void 0 ? void 0 : _a.catch(function () {
           /*
            * An DOMException _may_ be raised by some browsers if we
            * programatically interact with the video before the

package/dist/cjs/Illustration/subcomponents/VideoPlayer/VideoPlayer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VideoPlayer.cjs","sources":["../../../../../src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { IconButton } from \"~components/Button\"\nimport { canPlayWebm } from \"../../utils/canPlayWebm\"\nimport { usePausePlay } from \"../../utils/usePausePlay\"\nimport styles from \"../Base/Base.module.scss\"\n\nexport type VideoPlayerProps = {\n  /**\n   * Specifies whether the animation plays as soon as it is rendered.\n   * If the user has enabled prefer-reduced-motion their preferences\n   * take precedent over this prop.\n   */\n  autoplay?: boolean\n\n  /**\n   * Replay from start when active animation reaches the end of the animation.\n   */\n  loop?: boolean\n\n  /**\n   * Fallback image. Used when rendering of the asset fails, or as a\n   * poster for the video player.\n   */\n  fallback: string\n\n  /**\n   * The path of the animation source, excluding the file extension. This\n   * Player will preference Webm over mp4.\n   */\n  source: string\n\n  /**\n   * Aspect ratio that is set on the illustration in Scene/Spot which wraps the\n   * component in a container, forcing the aspect ratio.\n   */\n  aspectRatio?: \"landscape\" | \"portrait\" | \"square\"\n\n  onEnded?: () => void\n}\n\nexport const VideoPlayer = ({\n  autoplay = true,\n  loop = false,\n  fallback,\n  source,\n  aspectRatio,\n  onEnded,\n}: VideoPlayerProps): JSX.Element => {\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const [prefersReducedMotion, setPrefersReducedMotion] =\n    React.useState<boolean>(true)\n\n  useEffect(() => {\n    /**\n     * Setting `muted` on the player is required in Safari/Webkit and older\n     * versions of Chome for the video to autoplay (regardless of whether\n     * the format contains an audio stream or not).\n     *\n     * React does not guarentee the `muted` attribute is set on the\n     * `video` element. So on load we force set this attribute. See issue:\n     * https://github.com/facebook/react/issues/10389\n     */\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.setAttribute(\"muted\", \"\")\n    }\n  }, [])\n\n  useEffect(() => {\n    // when the source of the animation is updated, we need to reload the asset\n    // to ensure the video player is in sync with the new source.\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.load()\n    }\n  }, [source])\n\n  useEffect(() => {\n    if (!window) return\n\n    const reducedMotionQuery = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    )\n    setPrefersReducedMotion(reducedMotionQuery.matches)\n    const updateMotionPreferences = (): void => {\n      const { matches = false } = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      )\n      setPrefersReducedMotion(matches)\n    }\n\n    const isLegacyEdge = navigator.userAgent.match(/Edge/)\n\n    const isUnsupportedSafari =\n      window.matchMedia(\"\").addEventListener === undefined\n\n    if (isLegacyEdge || isUnsupportedSafari) return\n\n    reducedMotionQuery.addEventListener(\"change\", updateMotionPreferences, true)\n\n    return function cleanup() {\n      reducedMotionQuery.removeEventListener(\"change\", updateMotionPreferences)\n    }\n  }, [])\n\n  useEffect(() => {\n    const { current: videoElement } = videoRef\n    if (!videoElement) return\n\n    if (prefersReducedMotion) {\n      videoElement.pause()\n    } else if (autoplay && !prefersReducedMotion) {\n      try {\n        // Older browsers may not return a promise, so .play could return undefined\n        videoElement.play()?.catch(() => {\n          /*\n           * An DOMException _may_ be raised by some browsers if we\n           * programatically interact with the video before the\n           * user has interacted with the page. This is okay - so\n           * we're going to catch this error without handling it. See:\n           * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability\n           */\n        })\n      } catch (e) {\n        /**\n         * Older browsers will raise a synchronous error because their first implementation\n         * of `.play` was not a promise.\n         */\n      }\n    }\n    /**\n     * Chrome seems to have an issue with changes to autoplay after the video\n     * has been mounted. If there is a change in autoplay we need to force the\n     * play() method to be called.\n     */\n  }, [prefersReducedMotion, autoplay])\n\n  useEffect(() => {\n    // Add event listeners for the video element\n    const { current: videoElement } = videoRef\n    if (!videoElement || !onEnded) return\n\n    videoElement.addEventListener(\"ended\", onEnded)\n\n    return function cleanup() {\n      videoElement.removeEventListener(\"ended\", onEnded)\n    }\n  }, [videoRef])\n\n  const pausePlay = usePausePlay(videoRef)\n\n  return (\n    <figure\n      className={classnames(styles.figure, {\n        [`${styles[aspectRatio!]} ${styles.aspectRatioWrapper}`]:\n          Boolean(aspectRatio),\n      })}\n    >\n      <video\n        muted={true}\n        aria-hidden={true}\n        preload=\"metadata\"\n        ref={videoRef}\n        width=\"100%\"\n        data-testid=\"kz-video-player\"\n        className={styles.wrapper}\n        loop={loop}\n        poster={assetUrl(`${fallback}.png`)}\n        autoPlay={prefersReducedMotion ? false : autoplay}\n        playsInline={true}\n        tabIndex={-1}\n      >\n        {/**\n         * This seems counter-intuitive, but webm support is codec specific.\n         * Only offer webm if we are positive the browser supports it.\n         * Reference: https://bugs.webkit.org/show_bug.cgi?id=216652#c1\n         */}\n        {canPlayWebm() && (\n          <source src={assetUrl(`${source}.webm`)} type=\"video/webm\" />\n        )}\n        <source src={assetUrl(`${source}.mp4`)} type=\"video/mp4\" />\n      </video>\n      <IconButton\n        onClick={(): void => pausePlay.toggle()}\n        icon={pausePlay.icon}\n        label={pausePlay.label}\n        classNameOverride={styles.pausePlayButton}\n      />\n    </figure>\n  )\n}\n"],"names":["VideoPlayer","_a","_c","autoplay","_d","loop","fallback","source","aspectRatio","onEnded","videoRef","useRef","_e","React","useState","prefersReducedMotion","setPrefersReducedMotion","useEffect","videoElement","current","setAttribute","load","window","reducedMotionQuery","matchMedia","matches","updateMotionPreferences","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","addEventListener","undefined","cleanup","removeEventListener","pause","play","e","pausePlay","usePausePlay","className","classnames","styles","figure","_b","concat","aspectRatioWrapper","Boolean","createElement","muted","preload","ref","width","wrapper","poster","assetUrl","autoPlay","playsInline","tabIndex","canPlayWebm","src","type","IconButton","onClick","toggle","icon","label","classNameOverride","pausePlayButton"],"mappings":"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"}
+{"version":3,"file":"VideoPlayer.cjs","sources":["../../../../../src/Illustration/subcomponents/VideoPlayer/VideoPlayer.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { assetUrl } from \"@kaizen/hosted-assets\"\nimport { IconButton } from \"~components/Button\"\nimport { canPlayWebm } from \"../../utils/canPlayWebm\"\nimport { usePausePlay } from \"../../utils/usePausePlay\"\nimport styles from \"../Base/Base.module.scss\"\n\nexport type VideoPlayerProps = {\n  /**\n   * Specifies whether the animation plays as soon as it is rendered.\n   * If the user has enabled prefer-reduced-motion their preferences\n   * take precedent over this prop.\n   */\n  autoplay?: boolean\n\n  /**\n   * Replay from start when active animation reaches the end of the animation.\n   */\n  loop?: boolean\n\n  /**\n   * Fallback image. Used when rendering of the asset fails, or as a\n   * poster for the video player.\n   */\n  fallback: string\n\n  /**\n   * The path of the animation source, excluding the file extension. This\n   * Player will preference Webm over mp4.\n   */\n  source: string\n\n  /**\n   * Aspect ratio that is set on the illustration in Scene/Spot which wraps the\n   * component in a container, forcing the aspect ratio.\n   */\n  aspectRatio?: \"landscape\" | \"portrait\" | \"square\"\n\n  onEnded?: () => void\n}\n\nexport const VideoPlayer = ({\n  autoplay = true,\n  loop = false,\n  fallback,\n  source,\n  aspectRatio,\n  onEnded,\n}: VideoPlayerProps): JSX.Element => {\n  const videoRef = useRef<HTMLVideoElement>(null)\n  const [prefersReducedMotion, setPrefersReducedMotion] =\n    React.useState<boolean>(true)\n\n  useEffect(() => {\n    /**\n     * Setting `muted` on the player is required in Safari/Webkit and older\n     * versions of Chome for the video to autoplay (regardless of whether\n     * the format contains an audio stream or not).\n     *\n     * React does not guarentee the `muted` attribute is set on the\n     * `video` element. So on load we force set this attribute. See issue:\n     * https://github.com/facebook/react/issues/10389\n     */\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.setAttribute(\"muted\", \"\")\n    }\n  }, [])\n\n  useEffect(() => {\n    // when the source of the animation is updated, we need to reload the asset\n    // to ensure the video player is in sync with the new source.\n    const { current: videoElement } = videoRef\n    if (videoElement !== null) {\n      videoElement.load()\n    }\n  }, [source])\n\n  useEffect(() => {\n    if (!window) return\n\n    const reducedMotionQuery = window.matchMedia(\n      \"(prefers-reduced-motion: reduce)\"\n    )\n    setPrefersReducedMotion(reducedMotionQuery.matches)\n    const updateMotionPreferences = (): void => {\n      const { matches = false } = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      )\n      setPrefersReducedMotion(matches)\n    }\n\n    const isLegacyEdge = navigator.userAgent.match(/Edge/)\n\n    const isUnsupportedSafari =\n      window.matchMedia(\"\").addEventListener === undefined\n\n    if (isLegacyEdge || isUnsupportedSafari) return\n\n    reducedMotionQuery.addEventListener(\"change\", updateMotionPreferences, true)\n\n    return function cleanup() {\n      reducedMotionQuery.removeEventListener(\"change\", updateMotionPreferences)\n    }\n  }, [])\n\n  useEffect(() => {\n    const { current: videoElement } = videoRef\n    if (!videoElement) return\n\n    if (prefersReducedMotion) {\n      videoElement.pause()\n    } else if (autoplay && !prefersReducedMotion) {\n      try {\n        // Older browsers may not return a promise, so .play could return undefined\n        videoElement.play()?.catch(() => {\n          /*\n           * An DOMException _may_ be raised by some browsers if we\n           * programatically interact with the video before the\n           * user has interacted with the page. This is okay - so\n           * we're going to catch this error without handling it. See:\n           * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability\n           */\n        })\n      } catch (e) {\n        /**\n         * Older browsers will raise a synchronous error because their first implementation\n         * of `.play` was not a promise.\n         */\n      }\n    }\n    /**\n     * Chrome seems to have an issue with changes to autoplay after the video\n     * has been mounted. If there is a change in autoplay we need to force the\n     * play() method to be called.\n     */\n  }, [prefersReducedMotion, autoplay])\n\n  useEffect(() => {\n    // Add event listeners for the video element\n    const { current: videoElement } = videoRef\n    if (!videoElement || !onEnded) return\n\n    videoElement.addEventListener(\"ended\", onEnded)\n\n    return function cleanup() {\n      videoElement.removeEventListener(\"ended\", onEnded)\n    }\n  }, [videoRef])\n\n  const pausePlay = usePausePlay(videoRef)\n\n  return (\n    <figure\n      className={classnames(styles.figure, {\n        [`${styles[aspectRatio!]} ${styles.aspectRatioWrapper}`]:\n          Boolean(aspectRatio),\n      })}\n    >\n      <video\n        muted={true}\n        aria-hidden={true}\n        preload=\"metadata\"\n        ref={videoRef}\n        width=\"100%\"\n        data-testid=\"kz-video-player\"\n        className={styles.wrapper}\n        loop={loop}\n        poster={assetUrl(`${fallback}.png`)}\n        autoPlay={prefersReducedMotion ? false : autoplay}\n        playsInline={true}\n        tabIndex={-1}\n      >\n        {/**\n         * This seems counter-intuitive, but webm support is codec specific.\n         * Only offer webm if we are positive the browser supports it.\n         * Reference: https://bugs.webkit.org/show_bug.cgi?id=216652#c1\n         */}\n        {canPlayWebm() && (\n          <source src={assetUrl(`${source}.webm`)} type=\"video/webm\" />\n        )}\n        <source src={assetUrl(`${source}.mp4`)} type=\"video/mp4\" />\n      </video>\n      <IconButton\n        onClick={(): void => pausePlay.toggle()}\n        icon={pausePlay.icon}\n        label={pausePlay.label}\n        classNameOverride={styles.pausePlayButton}\n      />\n    </figure>\n  )\n}\n"],"names":["VideoPlayer","_a","_c","autoplay","_d","loop","fallback","source","aspectRatio","onEnded","videoRef","useRef","_e","React","useState","prefersReducedMotion","setPrefersReducedMotion","useEffect","videoElement","current","setAttribute","load","window","reducedMotionQuery","matchMedia","matches","updateMotionPreferences","isLegacyEdge","navigator","userAgent","match","isUnsupportedSafari","addEventListener","undefined","cleanup","removeEventListener","pause","play","catch","e","pausePlay","usePausePlay","className","classnames","styles","figure","_b","concat","aspectRatioWrapper","Boolean","createElement","muted","preload","ref","width","wrapper","poster","assetUrl","autoPlay","playsInline","tabIndex","canPlayWebm","src","type","IconButton","onClick","toggle","icon","label","classNameOverride","pausePlayButton"],"mappings":"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"}

package/dist/cjs/Input/Input/Input.cjs

@@ -30,7 +30,7 @@ const Input = /*#__PURE__*/function () {
       value: value,
       defaultValue: defaultValue,
       disabled: disabled,
-      className: classnames(Input_module.input, Input_module[status], classNameOverride, reversed ? Input_module.reversed : Input_module["default"], disabled && Input_module.disabled)
+      className: classnames(Input_module.input, Input_module[status], classNameOverride, reversed ? Input_module.reversed : Input_module.default, disabled && Input_module.disabled)
     }, restProps)), React.createElement("div", {
       className: Input_module.focusRing
     }), endIconAdornment && React.createElement("div", {

package/dist/cjs/Input/Input/Input.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Input.cjs","sources":["../../../../src/Input/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { InputStatus, InputTypes } from \"./types\"\nimport styles from \"./Input.module.scss\"\n\nexport type InputType = (typeof InputTypes)[number]\nexport type InputStatusType = (typeof InputStatus)[number]\n\nexport type InputProps = {\n  inputRef?: React.RefObject<HTMLInputElement>\n  status?: InputStatusType\n  startIconAdornment?: React.ReactNode\n  endIconAdornment?: React.ReactNode\n  reversed?: boolean\n  type?: InputType\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\nexport const Input = ({\n  inputRef,\n  status = \"default\",\n  startIconAdornment,\n  endIconAdornment,\n  reversed = false,\n  type = \"text\",\n  value,\n  defaultValue,\n  classNameOverride,\n  disabled,\n  ...restProps\n}: InputProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.wrapper,\n      reversed && styles.withReversed,\n      disabled && styles.withDisabled,\n      startIconAdornment && styles.withStartIconAdornment,\n      endIconAdornment && styles.withEndIconAdornment,\n      status != \"default\" && styles.hasStatus\n    )}\n  >\n    {startIconAdornment && (\n      <div className={styles.startIconAdornment}>{startIconAdornment}</div>\n    )}\n\n    <input\n      ref={inputRef}\n      type={type}\n      value={value}\n      defaultValue={defaultValue}\n      disabled={disabled}\n      className={classnames(\n        styles.input,\n        styles[status],\n        classNameOverride,\n        reversed ? styles.reversed : styles.default,\n        disabled && styles.disabled\n      )}\n      {...restProps}\n    />\n\n    {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n    <div className={styles.focusRing} />\n\n    {endIconAdornment && (\n      <div className={styles.endIconAdornment}>{endIconAdornment}</div>\n    )}\n  </div>\n)\n\nInput.displayName = \"Input\"\n"],"names":["Input","_a","inputRef","_b","status","startIconAdornment","endIconAdornment","_c","reversed","_d","type","value","defaultValue","classNameOverride","disabled","restProps","__rest","React","createElement","className","classnames","styles","wrapper","withReversed","withDisabled","withStartIconAdornment","withEndIconAdornment","hasStatus","__assign","ref","input","focusRing","displayName"],"mappings":";;;;;;MAkBaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXX,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAkB;MAAlBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MAClBE,kBAAkB,GAAAJ,EAAA,CAAAI,kBAAA;MAClBC,gBAAgB,GAAAL,EAAA,CAAAK,gBAAA;MAChBC,gBAAgB;MAAhBC,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,EAAa,GAAAR,EAAA,CAAAS,IAAA;MAAbA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;MACbE,KAAK,WAAA;MACLC,YAAY,kBAAA;MACZC,iBAAiB,uBAAA;MACjBC,QAAQ,cAAA;MACLC,SAAS,GAXQC,KAAA,CAAAA,MAAA,CAAAf,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,UAAA,CAYrB,CADa;IACiB,OAC7BgB,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACC,OAAO,EACdd,QAAQ,IAAIa,YAAM,CAACE,YAAY,EAC/BT,QAAQ,IAAIO,YAAM,CAACG,YAAY,EAC/BnB,kBAAkB,IAAIgB,YAAM,CAACI,sBAAsB,EACnDnB,gBAAgB,IAAIe,YAAM,CAACK,oBAAoB,EAC/CtB,MAAM,IAAI,SAAS,IAAIiB,YAAM,CAACM,SAAS;IACxC,CAAA,EAEAtB,kBAAkB,IACjBY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEE,YAAM,CAAChB;KAAkB,EAAGA,kBAAkB,CAC/D,EAEDY,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAU,KAAA,CAAAA,QAAA,CAAA;MAAAC,GAAG,EAAE3B,QAAQ;MACbQ,IAAI,EAAEA,IAAI;MACVC,KAAK,EAAEA,KAAK;MACZC,YAAY,EAAEA,YAAY;MAC1BE,QAAQ,EAAEA,QAAQ;MAClBK,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACS,KAAK,EACZT,YAAM,CAACjB,MAAM,CAAC,EACdS,iBAAiB,EACjBL,QAAQ,GAAGa,YAAM,CAACb,QAAQ,GAAGa,YAAM,CAAC,SAAO,CAAA,EAC3CP,QAAQ,IAAIO,YAAM,CAACP,QAAQ;IAC5B,CACG,EAAAC,SAAS,CACb,CAAA,EAIFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEE,YAAM,CAACU;KAAa,CAAA,EAEnCzB,gBAAgB,IACfW,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEE,YAAM,CAACf;IAAgB,CAAA,EAAGA,gBAAgB,CAC3D,CACG;GACP;EAEDN,KAAK,CAACgC,WAAW,GAAG,OAAO;EAAA,OArDdhC,KAAK;AAAA;"}
+{"version":3,"file":"Input.cjs","sources":["../../../../src/Input/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { InputStatus, InputTypes } from \"./types\"\nimport styles from \"./Input.module.scss\"\n\nexport type InputType = (typeof InputTypes)[number]\nexport type InputStatusType = (typeof InputStatus)[number]\n\nexport type InputProps = {\n  inputRef?: React.RefObject<HTMLInputElement>\n  status?: InputStatusType\n  startIconAdornment?: React.ReactNode\n  endIconAdornment?: React.ReactNode\n  reversed?: boolean\n  type?: InputType\n} & OverrideClassName<InputHTMLAttributes<HTMLInputElement>>\n\nexport const Input = ({\n  inputRef,\n  status = \"default\",\n  startIconAdornment,\n  endIconAdornment,\n  reversed = false,\n  type = \"text\",\n  value,\n  defaultValue,\n  classNameOverride,\n  disabled,\n  ...restProps\n}: InputProps): JSX.Element => (\n  <div\n    className={classnames(\n      styles.wrapper,\n      reversed && styles.withReversed,\n      disabled && styles.withDisabled,\n      startIconAdornment && styles.withStartIconAdornment,\n      endIconAdornment && styles.withEndIconAdornment,\n      status != \"default\" && styles.hasStatus\n    )}\n  >\n    {startIconAdornment && (\n      <div className={styles.startIconAdornment}>{startIconAdornment}</div>\n    )}\n\n    <input\n      ref={inputRef}\n      type={type}\n      value={value}\n      defaultValue={defaultValue}\n      disabled={disabled}\n      className={classnames(\n        styles.input,\n        styles[status],\n        classNameOverride,\n        reversed ? styles.reversed : styles.default,\n        disabled && styles.disabled\n      )}\n      {...restProps}\n    />\n\n    {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n    <div className={styles.focusRing} />\n\n    {endIconAdornment && (\n      <div className={styles.endIconAdornment}>{endIconAdornment}</div>\n    )}\n  </div>\n)\n\nInput.displayName = \"Input\"\n"],"names":["Input","_a","inputRef","_b","status","startIconAdornment","endIconAdornment","_c","reversed","_d","type","value","defaultValue","classNameOverride","disabled","restProps","__rest","React","createElement","className","classnames","styles","wrapper","withReversed","withDisabled","withStartIconAdornment","withEndIconAdornment","hasStatus","__assign","ref","input","default","focusRing","displayName"],"mappings":";;;;;;MAkBaA,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAYT,EAAA;IAXX,IAAAC,QAAQ,cAAA;MACRC,EAAA,GAAAF,EAAA,CAAAG,MAAkB;MAAlBA,MAAM,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MAClBE,kBAAkB,GAAAJ,EAAA,CAAAI,kBAAA;MAClBC,gBAAgB,GAAAL,EAAA,CAAAK,gBAAA;MAChBC,gBAAgB;MAAhBC,QAAQ,mBAAG,KAAK,GAAAD,EAAA;MAChBE,EAAa,GAAAR,EAAA,CAAAS,IAAA;MAAbA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,KAAA;MACbE,KAAK,WAAA;MACLC,YAAY,kBAAA;MACZC,iBAAiB,uBAAA;MACjBC,QAAQ,cAAA;MACLC,SAAS,GAXQC,KAAA,CAAAA,MAAA,CAAAf,EAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,UAAA,CAYrB,CADa;IACiB,OAC7BgB,KACE,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACC,OAAO,EACdd,QAAQ,IAAIa,YAAM,CAACE,YAAY,EAC/BT,QAAQ,IAAIO,YAAM,CAACG,YAAY,EAC/BnB,kBAAkB,IAAIgB,YAAM,CAACI,sBAAsB,EACnDnB,gBAAgB,IAAIe,YAAM,CAACK,oBAAoB,EAC/CtB,MAAM,IAAI,SAAS,IAAIiB,YAAM,CAACM,SAAS;IACxC,CAAA,EAEAtB,kBAAkB,IACjBY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEE,YAAM,CAAChB;KAAkB,EAAGA,kBAAkB,CAC/D,EAEDY,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAU,KAAA,CAAAA,QAAA,CAAA;MAAAC,GAAG,EAAE3B,QAAQ;MACbQ,IAAI,EAAEA,IAAI;MACVC,KAAK,EAAEA,KAAK;MACZC,YAAY,EAAEA,YAAY;MAC1BE,QAAQ,EAAEA,QAAQ;MAClBK,SAAS,EAAEC,UAAU,CACnBC,YAAM,CAACS,KAAK,EACZT,YAAM,CAACjB,MAAM,CAAC,EACdS,iBAAiB,EACjBL,QAAQ,GAAGa,YAAM,CAACb,QAAQ,GAAGa,YAAM,CAACU,OAAO,EAC3CjB,QAAQ,IAAIO,YAAM,CAACP,QAAQ;IAC5B,CACG,EAAAC,SAAS,CACb,CAAA,EAIFE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEE,YAAM,CAACW;KAAa,CAAA,EAEnC1B,gBAAgB,IACfW,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEE,YAAM,CAACf;IAAgB,CAAA,EAAGA,gBAAgB,CAC3D,CACG;GACP;EAEDN,KAAK,CAACiC,WAAW,GAAG,OAAO;EAAA,OArDdjC,KAAK;AAAA;"}

package/dist/cjs/Input/InputSearch/InputSearch.cjs

@@ -32,7 +32,7 @@ const InputSearch = /*#__PURE__*/function () {
       onClear && onClear();
     };
     return React.createElement("div", {
-      className: classnames(InputSearch_module.wrapper, secondary ? InputSearch_module.secondary : InputSearch_module["default"], reversed && InputSearch_module.reversed, disabled && InputSearch_module.disabled, value && InputSearch_module.hasEndIconAdornment, classNameOverride)
+      className: classnames(InputSearch_module.wrapper, secondary ? InputSearch_module.secondary : InputSearch_module.default, reversed && InputSearch_module.reversed, disabled && InputSearch_module.disabled, value && InputSearch_module.hasEndIconAdornment, classNameOverride)
     }, React.createElement("div", {
       className: InputSearch_module.startIconAdornment
     }, loading ? React.createElement(LoadingSpinner.LoadingSpinner, {

package/dist/cjs/Input/InputSearch/InputSearch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"InputSearch.cjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","className","classnames","styles","wrapper","hasEndIconAdornment","createElement","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}
+{"version":3,"file":"InputSearch.cjs","sources":["../../../../src/Input/InputSearch/InputSearch.tsx"],"sourcesContent":["import React, { InputHTMLAttributes, useRef } from \"react\"\nimport classnames from \"classnames\"\nimport { ClearButton } from \"~components/ClearButton\"\nimport { SearchIcon } from \"~components/Icon/SearchIcon\"\nimport { LoadingSpinner } from \"~components/Loading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./InputSearch.module.scss\"\n\nexport type InputSearchProps = {\n  // id is enforced here as there's no label included in this component\n  id: string\n  reversed?: boolean\n  loading?: boolean\n  secondary?: boolean\n  onClear?: () => void\n} & OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"defaultValue\">\n>\n\nexport const InputSearch = (props: InputSearchProps): JSX.Element => {\n  const {\n    value,\n    onChange,\n    onClear,\n    classNameOverride,\n    disabled,\n    reversed = false,\n    loading = false,\n    secondary = false,\n    ...restProps\n  } = props\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  const handleOnClear = (): void => {\n    inputRef.current?.focus()\n    onClear && onClear()\n  }\n  return (\n    <div\n      className={classnames(\n        styles.wrapper,\n        secondary ? styles.secondary : styles.default,\n        reversed && styles.reversed,\n        disabled && styles.disabled,\n        value && styles.hasEndIconAdornment,\n        classNameOverride\n      )}\n    >\n      <div className={styles.startIconAdornment}>\n        {loading ? (\n          <LoadingSpinner\n            accessibilityLabel=\"\"\n            size=\"sm\"\n            classNameOverride={styles.loadingSpinner}\n          />\n        ) : (\n          <SearchIcon role=\"presentation\" />\n        )}\n      </div>\n\n      <input\n        ref={inputRef}\n        type=\"search\"\n        className={styles.input}\n        disabled={disabled}\n        value={value}\n        onChange={onChange}\n        readOnly={onChange === undefined}\n        {...restProps}\n      />\n      {/* Inputs aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n\n      {value && (\n        <ClearButton\n          isReversed={reversed}\n          onClick={handleOnClear}\n          disabled={disabled}\n          classNameOverride={styles.endIconAdornment}\n          aria-label=\"clear search\"\n        />\n      )}\n    </div>\n  )\n}\n\nInputSearch.displayName = \"InputSearch\"\n"],"names":["InputSearch","props","value","onChange","onClear","classNameOverride","disabled","_a","reversed","_b","loading","_c","secondary","restProps","__rest","inputRef","useRef","handleOnClear","current","focus","React","createElement","className","classnames","styles","wrapper","default","hasEndIconAdornment","startIconAdornment","LoadingSpinner","accessibilityLabel","size","loadingSpinner","SearchIcon","role","__assign","ref","type","input","readOnly","undefined","focusRing","ClearButton","isReversed","onClick","endIconAdornment","displayName"],"mappings":"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"}

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.cjs

@@ -24,7 +24,7 @@ const MenuDropdown = /*#__PURE__*/function () {
         modifiers: [{
           name: "offset",
           options: {
-            offset: [0, 6]
+            offset: [0, 6] // value used from the $spacing-xs scss variable,
           }
         }, {
           name: "preventOverflow",

package/dist/cjs/Menu/subcomponents/MenuDropdown/MenuDropdown.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDropdown.cjs","sources":["../../../../../src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport styles from \"./MenuDropdown.module.scss\"\n\nexport type MenuDropdownProps = {\n  id?: string\n  hideMenuDropdown: () => void\n  position?: {\n    top: number\n    bottom: number\n    left: number\n    right: number\n  } | null\n  align?: \"left\" | \"right\"\n  width?: \"default\" | \"contain\"\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n}\n\nexport const MenuDropdown = ({\n  children,\n  referenceElement,\n  id,\n  hideMenuDropdown,\n  autoHide = \"on\",\n  align = \"left\",\n  width = \"default\",\n}: MenuDropdownProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 6], // value used from the $spacing-xs scss variable,\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.\n            padding: 8,\n          },\n        },\n      ],\n      placement: align === \"left\" ? \"bottom-start\" : \"bottom-end\",\n    }\n  )\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        popperElement &&\n        e.target instanceof Node &&\n        !popperElement.contains(e.target) &&\n        referenceElement !== e.target &&\n        !referenceElement?.contains(e.target)\n      ) {\n        hideMenuDropdown()\n      }\n    },\n    [popperElement, referenceElement, hideMenuDropdown]\n  )\n\n  const handleDocumentResize = useCallback(() => {\n    hideMenuDropdown()\n  }, [hideMenuDropdown])\n\n  const handleRootClick = (): void => {\n    if (autoHide === \"on\") {\n      // ie. is not equal to \"off\" | \"outside-click-only\"\n      hideMenuDropdown()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", handleDocumentResize, false)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleDocumentResize, false)\n    }\n  }, [handleDocumentResize])\n\n  useEffect(() => {\n    if (autoHide !== \"off\") {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide !== \"off\") {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    // Disabling these because we don't want this to be keyboard focusable.\n    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={id}\n      ref={setPopperElement}\n      {...attributes.popper}\n      style={popperStyles.popper}\n      className={classnames(\n        styles.menuContainer,\n        width == \"default\" && styles.defaultWidth\n      )}\n      onClick={handleRootClick}\n    >\n      {children}\n    </div>\n  )\n}\n\nMenuDropdown.displayName = \"MenuDropdown\"\n"],"names":["MenuDropdown","_a","children","referenceElement","id","hideMenuDropdown","_b","autoHide","_c","align","_d","width","_e","useState","popperElement","setPopperElement","_f","usePopper","modifiers","name","options","offset","padding","placement","popperStyles","styles","attributes","handleDocumentClickForAutoHide","useCallback","e","target","Node","contains","handleDocumentResize","handleRootClick","useEffect","window","addEventListener","removeEventListener","document","React","createElement","__assign","ref","popper","style","className","classnames","menuContainer","defaultWidth","onClick","displayName"],"mappings":"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"}
+{"version":3,"file":"MenuDropdown.cjs","sources":["../../../../../src/Menu/subcomponents/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { usePopper } from \"react-popper\"\nimport styles from \"./MenuDropdown.module.scss\"\n\nexport type MenuDropdownProps = {\n  id?: string\n  hideMenuDropdown: () => void\n  position?: {\n    top: number\n    bottom: number\n    left: number\n    right: number\n  } | null\n  align?: \"left\" | \"right\"\n  width?: \"default\" | \"contain\"\n  autoHide?: \"on\" | \"outside-click-only\" | \"off\"\n  children: React.ReactNode\n  referenceElement: HTMLElement | null\n}\n\nexport const MenuDropdown = ({\n  children,\n  referenceElement,\n  id,\n  hideMenuDropdown,\n  autoHide = \"on\",\n  align = \"left\",\n  width = \"default\",\n}: MenuDropdownProps): JSX.Element => {\n  const [popperElement, setPopperElement] = useState<HTMLDivElement | null>(\n    null\n  )\n  const { styles: popperStyles, attributes } = usePopper(\n    referenceElement,\n    popperElement,\n    {\n      modifiers: [\n        {\n          name: \"offset\",\n          options: {\n            offset: [0, 6], // value used from the $spacing-xs scss variable,\n          },\n        },\n        {\n          name: \"preventOverflow\",\n          options: {\n            // Gives some room so the menu shadow doesn't get clipped if near the edge of the viewport.\n            padding: 8,\n          },\n        },\n      ],\n      placement: align === \"left\" ? \"bottom-start\" : \"bottom-end\",\n    }\n  )\n\n  // This callback handler will not run when autoHide === \"off\"\n  const handleDocumentClickForAutoHide = useCallback(\n    (e: MouseEvent) => {\n      if (\n        popperElement &&\n        e.target instanceof Node &&\n        !popperElement.contains(e.target) &&\n        referenceElement !== e.target &&\n        !referenceElement?.contains(e.target)\n      ) {\n        hideMenuDropdown()\n      }\n    },\n    [popperElement, referenceElement, hideMenuDropdown]\n  )\n\n  const handleDocumentResize = useCallback(() => {\n    hideMenuDropdown()\n  }, [hideMenuDropdown])\n\n  const handleRootClick = (): void => {\n    if (autoHide === \"on\") {\n      // ie. is not equal to \"off\" | \"outside-click-only\"\n      hideMenuDropdown()\n    }\n  }\n\n  useEffect(() => {\n    window.addEventListener(\"resize\", handleDocumentResize, false)\n\n    return () => {\n      window.removeEventListener(\"resize\", handleDocumentResize, false)\n    }\n  }, [handleDocumentResize])\n\n  useEffect(() => {\n    if (autoHide !== \"off\") {\n      document.addEventListener(\"click\", handleDocumentClickForAutoHide, true)\n    }\n\n    return () => {\n      if (autoHide !== \"off\") {\n        document.removeEventListener(\n          \"click\",\n          handleDocumentClickForAutoHide,\n          true\n        )\n      }\n    }\n  }, [autoHide, handleDocumentClickForAutoHide])\n\n  return (\n    // Disabling these because we don't want this to be keyboard focusable.\n    // Esc keypress should be used instead for the same behaviour (hasn't been implemented here yet)\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      id={id}\n      ref={setPopperElement}\n      {...attributes.popper}\n      style={popperStyles.popper}\n      className={classnames(\n        styles.menuContainer,\n        width == \"default\" && styles.defaultWidth\n      )}\n      onClick={handleRootClick}\n    >\n      {children}\n    </div>\n  )\n}\n\nMenuDropdown.displayName = \"MenuDropdown\"\n"],"names":["MenuDropdown","_a","children","referenceElement","id","hideMenuDropdown","_b","autoHide","_c","align","_d","width","_e","useState","popperElement","setPopperElement","_f","usePopper","modifiers","name","options","offset","padding","placement","popperStyles","styles","attributes","handleDocumentClickForAutoHide","useCallback","e","target","Node","contains","handleDocumentResize","handleRootClick","useEffect","window","addEventListener","removeEventListener","document","React","createElement","__assign","ref","popper","style","className","classnames","menuContainer","defaultWidth","onClick","displayName"],"mappings":"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"}

package/dist/cjs/MultiSelect/MultiSelect.cjs

@@ -0,0 +1,113 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
+var Heading = require('../Heading/Heading.cjs');
+var MultiSelectOptions = require('./subcomponents/MultiSelectOptions/MultiSelectOptions.cjs');
+var MultiSelectToggle = require('./subcomponents/MultiSelectToggle/MultiSelectToggle.cjs');
+var Popover = require('./subcomponents/Popover/Popover.cjs');
+var reactDom = require('@floating-ui/react-dom');
+var MultiSelect_module = require('./MultiSelect.module.scss.cjs');
+const MultiSelect = /*#__PURE__*/function () {
+  const MultiSelect = function (_a) {
+    var propsId = _a.id,
+      label = _a.label,
+      items = _a.items,
+      selectedValues = _a.selectedValues,
+      description = _a.description,
+      onSelectedValuesChange = _a.onSelectedValuesChange,
+      isOpen = _a.isOpen,
+      onOpenChange = _a.onOpenChange,
+      classNameOverride = _a.classNameOverride,
+      validationMessage = _a.validationMessage,
+      restProps = tslib.__rest(_a, ["id", "label", "items", "selectedValues", "description", "onSelectedValuesChange", "isOpen", "onOpenChange", "classNameOverride", "validationMessage"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+    var descriptionId = "".concat(id, "-description");
+    var validationId = "".concat(id, "-validation-message");
+    var toggleButtonRef = React.useRef(null);
+    var refs = reactDom.useFloating().refs;
+    var handleToggleClick = function () {
+      return onOpenChange(!isOpen);
+    };
+    var handleClose = function () {
+      return onOpenChange(false);
+    };
+    var onClickOutside = function (e) {
+      var toggle = refs.reference.current;
+      var isInToggle = toggle.contains(e.target);
+      if (!isInToggle) {
+        e.stopPropagation();
+        handleClose();
+      }
+    };
+    var itemsMap = items.reduce(function (acc, item) {
+      acc[item.value] = item;
+      return acc;
+    }, {});
+    var handleOnRemoveOption = function (optionValue) {
+      var newValues = new Set(selectedValues.values());
+      newValues.delete(optionValue);
+      onSelectedValuesChange(newValues);
+    };
+    var handleRemoveAllOptions = function () {
+      var newValues = new Set([]);
+      onSelectedValuesChange(newValues);
+    };
+    return React.createElement("div", tslib.__assign({
+      id: id,
+      className: classnames(classNameOverride)
+    }, restProps), React.createElement(Heading.Heading, {
+      tag: "span",
+      variant: "heading-6",
+      id: "".concat(id, "--label")
+    }, label), React.createElement("div", {
+      ref: refs.setReference,
+      className: MultiSelect_module.toggleContainer
+    }, React.createElement(MultiSelectToggle.MultiSelectToggle, {
+      ref: toggleButtonRef,
+      id: "".concat(id, "--toggle"),
+      "aria-labelledby": "".concat(id, "--label"),
+      "aria-describedby": "".concat(validationId, " ").concat(descriptionId),
+      "aria-controls": "".concat(id, "--popover"),
+      onClick: handleToggleClick,
+      isOpen: isOpen,
+      selectedOptions: Array.from(selectedValues).map(function (value) {
+        return itemsMap[value];
+      }),
+      status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+      onRemoveOption: handleOnRemoveOption,
+      onRemoveAllOptions: handleRemoveAllOptions
+    })), validationMessage && React.createElement(FieldMessage.FieldMessage, tslib.__assign({
+      id: validationId
+    }, validationMessage)), description && React.createElement(FieldMessage.FieldMessage, {
+      id: descriptionId,
+      message: description
+    }), isOpen && React.createElement(Popover.Popover, {
+      refs: refs,
+      id: "".concat(id, "--popover"),
+      focusOnProps: {
+        enabled: true,
+        onClickOutside: onClickOutside,
+        onEscapeKey: handleClose,
+        shards: [toggleButtonRef],
+        noIsolation: true,
+        onActivation: function () {
+          var _a, _b;
+          return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+      },
+      classNameOverride: MultiSelect_module.popover
+    }, React.createElement(MultiSelectOptions.MultiSelectOptions, {
+      id: "".concat(id, "--options"),
+      options: items,
+      onChange: onSelectedValuesChange,
+      selectedValues: selectedValues
+    })));
+  };
+  MultiSelect.displayName = "MultiSelect";
+  return MultiSelect;
+}();
+exports.MultiSelect = MultiSelect;
+//# sourceMappingURL=MultiSelect.cjs.map

package/dist/cjs/MultiSelect/MultiSelect.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelect.cjs","sources":["../../../src/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import React, { HTMLAttributes, useRef, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { ReactFocusOnProps } from \"react-focus-on/dist/es5/types\"\nimport { FieldMessage, FieldMessageProps } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport {\n  MultiSelectOptions,\n  MultiSelectOptionsProps,\n} from \"./subcomponents/MultiSelectOptions\"\nimport { MultiSelectToggle } from \"./subcomponents/MultiSelectToggle\"\nimport { Popover, useFloating } from \"./subcomponents/Popover\"\nimport { MultiSelectOption, ValidationMessage } from \"./types\"\nimport styles from \"./MultiSelect.module.scss\"\n\nexport type MultiSelectProps = {\n  label: string\n  items: MultiSelectOptionsProps[\"options\"]\n  selectedValues: Set<MultiSelectOption[\"value\"]>\n  /**\n   * A description that provides context for the field\n   */\n  description?: FieldMessageProps[\"message\"]\n  onSelectedValuesChange: MultiSelectOptionsProps[\"onChange\"]\n  isOpen: boolean\n  onOpenChange: (isOpen: boolean) => void\n  /** A status and message to provide context to the validation issue  */\n  validationMessage?: ValidationMessage\n} & OverrideClassName<HTMLAttributes<HTMLDivElement>>\n\nexport const MultiSelect = ({\n  id: propsId,\n  label,\n  items,\n  selectedValues,\n  description,\n  onSelectedValuesChange,\n  isOpen,\n  onOpenChange,\n  classNameOverride,\n  validationMessage,\n  ...restProps\n}: MultiSelectProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n  const validationId = `${id}-validation-message`\n\n  const toggleButtonRef = useRef<HTMLButtonElement>(null)\n  const { refs } = useFloating()\n\n  const handleToggleClick = (): void => onOpenChange(!isOpen)\n  const handleClose = (): void => onOpenChange(false)\n\n  const onClickOutside: ReactFocusOnProps[\"onClickOutside\"] = e => {\n    const toggle = refs.reference.current as Node\n    const isInToggle = toggle.contains(e.target as HTMLElement)\n    if (!isInToggle) {\n      e.stopPropagation()\n      handleClose()\n    }\n  }\n\n  const itemsMap = items.reduce(\n    (acc, item) => {\n      acc[item.value] = item\n      return acc\n    },\n    {} as Record<MultiSelectOption[\"value\"], MultiSelectOption>\n  )\n\n  const handleOnRemoveOption = (\n    optionValue: MultiSelectOption[\"value\"]\n  ): void => {\n    const newValues = new Set(selectedValues.values())\n    newValues.delete(optionValue)\n    onSelectedValuesChange(newValues)\n  }\n\n  const handleRemoveAllOptions = (): void => {\n    const newValues = new Set([])\n    onSelectedValuesChange(newValues)\n  }\n\n  return (\n    <div id={id} className={classnames(classNameOverride)} {...restProps}>\n      <Heading tag=\"span\" variant=\"heading-6\" id={`${id}--label`}>\n        {label}\n      </Heading>\n\n      <div ref={refs.setReference} className={styles.toggleContainer}>\n        <MultiSelectToggle\n          ref={toggleButtonRef}\n          id={`${id}--toggle`}\n          aria-labelledby={`${id}--label`}\n          aria-describedby={`${validationId} ${descriptionId}`}\n          aria-controls={`${id}--popover`}\n          onClick={handleToggleClick}\n          isOpen={isOpen}\n          selectedOptions={Array.from(selectedValues).map(\n            value => itemsMap[value]\n          )}\n          status={validationMessage?.status}\n          onRemoveOption={handleOnRemoveOption}\n          onRemoveAllOptions={handleRemoveAllOptions}\n        />\n      </div>\n\n      {validationMessage && (\n        <FieldMessage id={validationId} {...validationMessage} />\n      )}\n      {description && <FieldMessage id={descriptionId} message={description} />}\n\n      {isOpen && (\n        <Popover\n          refs={refs}\n          id={`${id}--popover`}\n          focusOnProps={{\n            enabled: true,\n            onClickOutside,\n            onEscapeKey: handleClose,\n            shards: [toggleButtonRef],\n            noIsolation: true,\n            onActivation: (): void => refs.floating?.current?.focus(),\n          }}\n          classNameOverride={styles.popover}\n        >\n          <MultiSelectOptions\n            id={`${id}--options`}\n            options={items}\n            onChange={onSelectedValuesChange}\n            selectedValues={selectedValues}\n          />\n        </Popover>\n      )}\n    </div>\n  )\n}\n\nMultiSelect.displayName = \"MultiSelect\"\n"],"names":["MultiSelect","_a","propsId","id","label","items","selectedValues","description","onSelectedValuesChange","isOpen","onOpenChange","classNameOverride","validationMessage","restProps","__rest","useId","descriptionId","concat","validationId","toggleButtonRef","useRef","refs","useFloating","handleToggleClick","handleClose","onClickOutside","e","toggle","reference","current","isInToggle","contains","target","stopPropagation","itemsMap","reduce","acc","item","value","handleOnRemoveOption","optionValue","newValues","Set","values","delete","handleRemoveAllOptions","React","createElement","__assign","className","classnames","Heading","tag","variant","ref","setReference","styles","toggleContainer","MultiSelectToggle","onClick","selectedOptions","Array","from","map","status","onRemoveOption","onRemoveAllOptions","FieldMessage","message","Popover","focusOnProps","enabled","onEscapeKey","shards","noIsolation","onActivation","_b","floating","focus","popover","MultiSelectOptions","options","onChange","displayName"],"mappings":"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"}