@procore/core-react 12.21.2-cdn.0 → 12.22.0

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button/Button.types'\nimport { Card } from '../Card/Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, highlighted, optionRenderer, ...props },\n  ref\n) {\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {optionRenderer(option)}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        highlighted={isHighlighted(option)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isHighlighted,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          openDropdown()\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}
+{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","useCallback","Card","DropdownButton","Portal","useClickOutside","useI18nContext","mergeRefs","defaultOptionRenderer","DropdownFlyoutContext","noop","transformOption","useDropdownFlyout","useDropdownFlyoutContext","StyledDropdownFlyout","StyledDropdownFlyoutItem","rootId","useDropdownFlyoutOverlay","FlyoutCaption","forwardRef","_ref","ref","option","highlighted","optionRenderer","props","_objectWithoutProperties","_excluded","createElement","_extends","displayName","FlyoutItem","_ref2","overlayElRef","useRef","_useDropdownFlyoutCon","isHighlighted","isExpanded","_onClick","onClick","expand","collapse","onMouseEnter","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","role","origin","Array","isArray","children","FlyoutList","options","overlayRef","placement","_ref3","_ref3$offset","offset","_useDropdownFlyoutOve","mainAxis","overlayStyle","referenceRef","useEffect","shadowStrength","style","map","key","id","DefaultButton","_ref4","icon","_excluded2","loading","undefined","arrow","Boolean","Children","count","DropdownFlyout","_ref5","disabled","label","_options","_ref5$onClick","_ref5$optionRenderer","_ref5$placement","_onKeyDown","onKeyDown","onFocus_","onFocus","onBlur_","onBlur","onMouseDown_","onMouseDown","onMouseEnter_","onMouseLeave_","size","_ref5$variant","variant","_excluded3","innerRef","containerRef","targetRef","flyoutOptions","useMemo","_useDropdownFlyout","closeSelectedDropdown","openDropdown","isOpen","setMouseOver","setFocused","onClickOutside","refs","element","I18n","ariaLabel","t","concat","trigger","isValidElement","_containerRef$current","target","dataset","flyout","preventDefault","_targetRef$current","focus","_React$useState3","_React$useState4","memoRef","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport type { MouseEvent } from 'react'\nimport React, { useCallback } from 'react'\nimport type { ButtonProps } from '../Button'\nimport { Card } from '../Card'\nimport { DropdownButton } from '../Dropdown/Dropdown'\nimport { Portal } from '../Portal'\nimport { useClickOutside } from '../_hooks/ClickOutside'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { ReactElementWithRef } from '../_utils/types'\nimport {\n  defaultOptionRenderer,\n  DropdownFlyoutContext,\n  noop,\n  transformOption,\n  useDropdownFlyout,\n  useDropdownFlyoutContext,\n} from './DropdownFlyout.helpers'\nimport {\n  StyledDropdownFlyout,\n  StyledDropdownFlyoutItem,\n} from './DropdownFlyout.styles'\nimport type {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n} from './DropdownFlyout.types'\nimport { rootId } from './DropdownFlyout.types'\nimport { useDropdownFlyoutOverlay } from './useDropdownFlyoutOverlay'\n\nexport const FlyoutCaption = React.forwardRef<\n  HTMLDivElement,\n  FlyoutCaptionProps\n>(function FlyoutCaption(\n  { option, highlighted, optionRenderer, ...props },\n  ref\n) {\n  return (\n    <StyledDropdownFlyoutItem\n      {...props}\n      ref={ref}\n      data-highlighted={highlighted}\n      data-flyout\n    >\n      {optionRenderer(option)}\n    </StyledDropdownFlyoutItem>\n  )\n})\n\nFlyoutCaption.displayName = 'FlyoutCaption'\n\nexport function FlyoutItem({ option }: FlyoutItemProps) {\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const {\n    isHighlighted,\n    isExpanded,\n    onClick: _onClick,\n    expand,\n    collapse,\n    optionRenderer,\n  } = useDropdownFlyoutContext()\n\n  const onMouseEnter = React.useCallback(() => expand(option), [option, expand])\n  const onMouseLeave = React.useCallback(\n    (e: React.MouseEvent<HTMLDivElement>) => {\n      if (\n        e.relatedTarget instanceof Node &&\n        overlayElRef.current &&\n        !overlayElRef.current.contains(e.relatedTarget as Node)\n      ) {\n        collapse(option)\n      }\n    },\n    [collapse, option]\n  )\n\n  const onClick = React.useCallback(() => _onClick(option), [_onClick, option])\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  return (\n    <>\n      <FlyoutCaption\n        ref={setReferenceEl}\n        role=\"listitem\"\n        option={option.origin}\n        onClick={onClick}\n        optionRenderer={optionRenderer}\n        highlighted={isHighlighted(option)}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n      />\n      {Array.isArray(option.children) && isExpanded(option) ? (\n        <Portal>\n          <FlyoutList\n            referenceEl={referenceEl}\n            options={option.children}\n            overlayRef={overlayElRef}\n            placement=\"right-top\"\n          />\n        </Portal>\n      ) : null}\n    </>\n  )\n}\n\nexport function FlyoutList({\n  options,\n  placement,\n  referenceEl,\n  overlayRef: overlayElRef,\n  offset = 0,\n}: FlyoutListProps) {\n  const { overlayStyle, referenceRef, overlayRef } = useDropdownFlyoutOverlay({\n    placement,\n    offset: { mainAxis: offset },\n  })\n\n  React.useEffect(() => {\n    referenceRef(referenceEl)\n  }, [referenceEl, referenceRef])\n\n  return (\n    <Card\n      ref={mergeRefs(overlayRef, overlayElRef)}\n      shadowStrength={2}\n      style={overlayStyle}\n    >\n      <StyledDropdownFlyout role=\"list\">\n        {options.map((option) => (\n          <FlyoutItem key={option.id} option={option} />\n        ))}\n      </StyledDropdownFlyout>\n    </Card>\n  )\n}\n\nconst DefaultButton = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  function DefaultButton({ children, icon, ...props }, ref) {\n    return (\n      <DropdownButton\n        {...props}\n        icon={\n          props.loading ? undefined : !icon && !children ? (\n            <EllipsisVertical />\n          ) : (\n            icon\n          )\n        }\n        arrow={Boolean(React.Children.count(children))}\n        ref={ref}\n      >\n        {children}\n      </DropdownButton>\n    )\n  }\n)\n\n/**\n\n  The dropdown flyout allows for additional menu items to be nested within\n  parent items, which allows more menu options for users.\n  @a11y WARN: DropdownFlyotus hold no value and take an action. Focus is expected\n    to be moved from a Dropdown to something else, to continue the user flow.\n    If the action is inert and does not move focus, this is left to be added\n    by the consumer.\n  @since 10.19.0\n\n  @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropdownflyout--demo)\n\n  @see [Design Guidelines](https://design.procore.com/dropdown-flyout)\n\n */\nexport const DropdownFlyout = React.forwardRef<\n  HTMLDivElement,\n  DropdownFlyoutProps\n>(function DropdownFlyout(\n  {\n    disabled,\n    icon,\n    label,\n    loading,\n    options: _options,\n    onClick: _onClick = noop,\n    optionRenderer = defaultOptionRenderer,\n    children,\n    placement = 'right-bottom',\n    onKeyDown: _onKeyDown,\n    onFocus: onFocus_,\n    onBlur: onBlur_,\n    onMouseDown: onMouseDown_,\n    onMouseEnter: onMouseEnter_,\n    onMouseLeave: onMouseLeave_,\n    size,\n    variant = 'secondary',\n    ...props\n  },\n  ref\n) {\n  const innerRef = React.useRef<HTMLDivElement>(null)\n  const containerRef = (ref as React.RefObject<HTMLInputElement>) || innerRef\n  const overlayElRef = React.useRef<HTMLDivElement>(null)\n  const targetRef = React.useRef<HTMLElement>(null)\n\n  const flyoutOptions = React.useMemo(\n    () => transformOption(_options, rootId),\n    [_options]\n  )\n\n  const {\n    options,\n    collapse,\n    expand,\n    closeSelectedDropdown,\n    openDropdown,\n    isOpen,\n    onClick,\n    onKeyDown,\n    setMouseOver,\n    setFocused,\n    isExpanded,\n    isHighlighted,\n  } = useDropdownFlyout({\n    flyoutOptions,\n    onClick: _onClick,\n    onKeyDown: _onKeyDown,\n  })\n\n  useClickOutside({\n    onClickOutside: isOpen ? closeSelectedDropdown : noop,\n    refs: [containerRef],\n  })\n\n  const element =\n    typeof children === 'function' ? children({ isOpen }) : children\n\n  const I18n = useI18nContext()\n\n  const ariaLabel =\n    props['aria-label'] ||\n    label ||\n    I18n.t(`core.dropdown.${loading ? 'loading' : 'moreOptions'}`)\n\n  const trigger: ReactElementWithRef = React.isValidElement(element) ? (\n    element\n  ) : (\n    <DefaultButton\n      aria-label={ariaLabel}\n      children={label}\n      disabled={disabled}\n      loading={loading}\n      icon={icon}\n      size={size}\n      variant={variant}\n    />\n  )\n\n  function onBlur(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(false)\n    closeSelectedDropdown(e)\n    onBlur_?.(e)\n  }\n\n  function onFocus(e: React.FocusEvent<HTMLDivElement>) {\n    setFocused(true)\n    onFocus_?.(e)\n  }\n\n  function onMouseDown(e: React.MouseEvent<HTMLDivElement>) {\n    // Discard firing of blur event\n    // when click was inside the dropdown\n    if ((e.target as HTMLElement).dataset.flyout) {\n      e.preventDefault()\n      return\n    }\n    if (e.target instanceof Node && containerRef.current?.contains(e.target)) {\n      e.preventDefault()\n      targetRef.current?.focus()\n    }\n    onMouseDown_?.(e)\n  }\n\n  function onMouseLeave(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(false)\n    onMouseLeave_?.(e)\n  }\n\n  function onMouseEnter(e: React.MouseEvent<HTMLDivElement>) {\n    setMouseOver(true)\n    onMouseEnter_?.(e)\n  }\n\n  const [referenceEl, setReferenceEl] = React.useState<HTMLElement | null>(null)\n\n  // mergeRefs function is from shared utils.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const memoRef = useCallback(\n    trigger.ref\n      ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n      : mergeRefs(targetRef, setReferenceEl),\n    [targetRef, setReferenceEl, trigger.ref]\n  )\n  return (\n    <div\n      {...props}\n      aria-label={undefined}\n      ref={containerRef}\n      onKeyDown={onKeyDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onMouseDown={onMouseDown}\n      onBlur={onBlur}\n    >\n      {React.cloneElement(trigger, {\n        ref: memoRef,\n        onClick: (e: MouseEvent<HTMLElement, 'click'>) => {\n          trigger.props.onClick?.(e)\n          openDropdown()\n        },\n        tabIndex: 0,\n      })}\n      <DropdownFlyoutContext.Provider\n        value={{\n          expand,\n          collapse,\n          onClick,\n          isExpanded,\n          isHighlighted,\n          optionRenderer,\n        }}\n      >\n        {isOpen && (\n          <Portal>\n            <FlyoutList\n              options={options}\n              overlayRef={overlayElRef}\n              placement={placement}\n              referenceEl={referenceEl}\n              offset={4}\n            />\n          </Portal>\n        )}\n      </DropdownFlyoutContext.Provider>\n    </div>\n  )\n})\n"],"mappings":"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"}

package/dist/DropdownFlyout/DropdownFlyout.styles.d.ts

@@ -1,4 +1,5 @@
-export declare const StyledDropdownFlyout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownFlyoutItem: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledDropdownFlyoutLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledDropdownFlyoutExpandIcon: import("styled-components").StyledComponent<"span", any, {}, never>;
+/// <reference types="react" />
+export declare const StyledDropdownFlyout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDropdownFlyoutItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledDropdownFlyoutLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const StyledDropdownFlyoutExpandIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/DropdownFlyout/DropdownFlyout.styles.js

@@ -6,18 +6,18 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledDropdownFlyout = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyout",
-  componentId: "core-12_21_2-cdn_0__sc-1i79jsg-0"
+  componentId: "core-12_22_0__sc-1i79jsg-0"
 })(["display:flex;flex-wrap:wrap;flex-direction:column;width:100%;max-height:855px;padding:", "px 0;"], spacing.sm);
 export var StyledDropdownFlyoutItem = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropdownFlyoutItem",
-  componentId: "core-12_21_2-cdn_0__sc-1i79jsg-1"
+  componentId: "core-12_22_0__sc-1i79jsg-1"
 })(["display:flex;justify-content:space-between;cursor:pointer;width:100%;padding:", "px ", "px;color:", ";", " &[data-highlighted='true'],&:hover{background-color:", ";}"], spacing.xs, spacing.lg, colors.gray20, getTypographyIntent('body'), colors.gray96);
 export var StyledDropdownFlyoutLabel = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutLabel",
-  componentId: "core-12_21_2-cdn_0__sc-1i79jsg-2"
+  componentId: "core-12_22_0__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-12_21_2-cdn_0__sc-1i79jsg-3"
+  componentId: "core-12_22_0__sc-1i79jsg-3"
 })(["position:relative;display:inline-flex;align-self:center;flex-shrink:0;margin-left:", "px;white-space:nowrap;", ""], spacing.lg, arrowRight(4, 'black'));
 //# sourceMappingURL=DropdownFlyout.styles.js.map

package/dist/DropdownFlyout/DropdownFlyout.types.d.ts

@@ -72,7 +72,10 @@ export interface FlyoutListProps extends DivAttributes {
     referenceEl: HTMLElement | null;
     offset?: number;
 }
-export interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {
+export interface DropdownFlyoutProps extends Omit<DivAttributes, 'children' | 'onClick'> {
+    children?: React.ReactNode | React.FunctionComponent<{
+        isOpen?: boolean;
+    }>;
     /**
      * @since 10.19.0
      */

package/dist/DropdownFlyout/DropdownFlyout.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DropdownProps } from '../Dropdown/Dropdown.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes, Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n  | { type: 'updateOptions'; options: FlyoutOption[] }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps extends DivAttributes {\n  option: DropdownOption\n  highlighted: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends DivAttributes {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps extends Omit<DivAttributes, 'onClick'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * Data of the dropdown options - `Option[]`\n   * ```\n   * type Option = { label: string; children?: Option[] }\n   * ```\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * Callback for click on dropdown option\n   * ```\n   * (option: Option) => void\n   * ```\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * Render prop to specify custom dropdown option content\n   * ```\n   * (option: Option) => ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}
+{"version":3,"file":"DropdownFlyout.types.js","names":["rootId"],"sources":["../../src/DropdownFlyout/DropdownFlyout.types.ts"],"sourcesContent":["import type { Ref } from 'react'\nimport type { DropdownProps } from '../Dropdown/Dropdown.types'\nimport type { OverlayProps } from '../Overlay/Overlay'\nimport type { DivAttributes, Placement, Props } from '../_utils/types'\n\nexport const rootId = 'ROOT_ID'\n\nexport type Action =\n  | { type: 'highlight'; option: FlyoutOption }\n  | { type: 'expand'; option: FlyoutOption }\n  | { type: 'collapse'; option: FlyoutOption }\n  | { type: 'close' }\n  | { type: 'open' }\n  | { type: 'setMouseOver'; isMouseOver: boolean }\n  | { type: 'setFocused'; isFocused: boolean }\n  | { type: 'updateOptions'; options: FlyoutOption[] }\n\ntype ExpandedItem = FlyoutOptionId\n\nexport type State = {\n  highlighted: FlyoutOption\n  expanded: ExpandedItem[]\n  options: FlyoutOption[]\n  isMouseOver: boolean\n  isFocused: boolean\n  isOpen: boolean\n}\n\nexport interface DropdownOption {\n  value: any\n  label: string\n  children?: DropdownOption[]\n}\n\ntype OptionId = string\nexport interface FlyoutOption {\n  /**\n   * @since 10.19.0\n   */\n  id: OptionId\n  /**\n   * @since 10.19.0\n   */\n  parentId: OptionId | typeof rootId\n  /**\n   * @since 10.19.0\n   */\n  origin: DropdownOption\n  /**\n   * @since 10.19.0\n   */\n  children?: FlyoutOption[]\n}\n\nexport type FlyoutOptionId = FlyoutOption['id'] | typeof rootId\n\nexport interface FlyoutCaptionProps extends DivAttributes {\n  option: DropdownOption\n  highlighted: boolean\n  optionRenderer: (option: DropdownOption) => React.ReactNode\n}\n\nexport interface FlyoutListProps extends DivAttributes {\n  options: FlyoutOption[]\n  overlayRef: Ref<HTMLDivElement>\n  placement: Placement\n  referenceEl: HTMLElement | null\n  offset?: number\n}\n\nexport interface DropdownFlyoutProps\n  extends Omit<DivAttributes, 'children' | 'onClick'> {\n  children?: React.ReactNode | React.FunctionComponent<{ isOpen?: boolean }>\n  /**\n   * @since 10.19.0\n   */\n  disabled?: DropdownProps['disabled']\n\n  /**\n   * The text of the button.\n   * @since 10.19.0\n   */\n  label?: DropdownProps['label']\n  /**\n   * @since 10.19.0\n   */\n  loading?: DropdownProps['loading']\n\n  /**\n   * The icon of the button.\n   * @since 10.19.0\n   */\n  icon?: DropdownProps['icon']\n\n  /**\n   * Data of the dropdown options - `Option[]`\n   * ```\n   * type Option = { label: string; children?: Option[] }\n   * ```\n   * @since 10.19.0\n   */\n  options: DropdownOption[]\n\n  /**\n   * Callback for click on dropdown option\n   * ```\n   * (option: Option) => void\n   * ```\n   * @since 10.19.0\n   */\n  onClick?: (option: DropdownOption) => void\n\n  /**\n   * Render prop to specify custom dropdown option content\n   * ```\n   * (option: Option) => ReactNode\n   * ```\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: DropdownOption) => React.ReactNode\n\n  /**\n   * @default 'right-bottom'\n   * @since 10.19.0\n   */\n  placement?: OverlayProps['placement']\n\n  /**\n   * The button size\n   * @default 'md'\n   * @since 10.19.0\n   */\n  size?: DropdownProps['size']\n\n  /**\n   * @default 'secondary'\n   * @since 10.19.0\n   */\n  variant?: DropdownProps['variant']\n}\n\nexport interface FlyoutItemProps extends Props {\n  option: FlyoutOption\n}\n"],"mappings":"AAKA,OAAO,IAAMA,MAAM,GAAG,SAAS"}

package/dist/Dropzone/Dropzone.d.ts

@@ -2,7 +2,9 @@ import React from 'react';
 import type { DivAttributes } from '../_utils/types';
 import type { DropzoneContentProps, DropzoneErrorBannerProps, DropzoneProps, DropzoneRef, MultipleErrorsProps } from './Dropzone.types';
 export declare function MultipleErrors(props: MultipleErrorsProps): React.JSX.Element;
-export declare const DropzoneErrorBanner: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DropzoneErrorBannerProps & DivAttributes & React.RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const DropzoneErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<DropzoneErrorBannerProps & DivAttributes & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<React.ForwardRefExoticComponent<DropzoneErrorBannerProps & DivAttributes & React.RefAttributes<HTMLDivElement>>, keyof React.Component<any, {}, any>>;
 export declare function DropzoneDefaultMessage({ open, disabled, multiple, errorMessage, }: DropzoneContentProps & {
     multiple: boolean;
 }): React.JSX.Element;

package/dist/Dropzone/Dropzone.js

@@ -95,7 +95,7 @@ export function MultipleErrors(props) {
 // make error banner accessible as a styled-components selector
 export var DropzoneErrorBanner = /*#__PURE__*/styled(DropzoneErrorBannerBase).withConfig({
   displayName: "DropzoneErrorBanner",
-  componentId: "core-12_21_2-cdn_0__sc-l4fojb-0"
+  componentId: "core-12_22_0__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref2) {
   var active = _ref2.active,
@@ -104,8 +104,8 @@ function DropzoneContainer(_ref2) {
     rootProps = _ref2.rootProps,
     children = _ref2.children;
   return /*#__PURE__*/React.createElement(StyledDropzoneContainer, _extends({}, getRootProps(rootProps), {
-    active: active,
-    disabled: disabled
+    $active: active,
+    $disabled: disabled
   }), children);
 }
 function DropzoneContent(_ref3) {
@@ -113,7 +113,7 @@ function DropzoneContent(_ref3) {
     isIconVisible = _ref3.isIconVisible,
     contentMessage = _ref3.contentMessage;
   return /*#__PURE__*/React.createElement(StyledDropzoneMessage, null, isIconVisible && /*#__PURE__*/React.createElement(StyledDropzoneIcon, {
-    disabled: disabled
+    $disabled: disabled
   }, disabled ? /*#__PURE__*/React.createElement(Ban, null) : /*#__PURE__*/React.createElement(Image, null)), contentMessage);
 }
 export function DropzoneDefaultMessage(_ref4) {
@@ -129,7 +129,7 @@ export function DropzoneDefaultMessage(_ref4) {
   }, I18n.t('core.dropzone.uploadFiles', {
     count: multiple ? Infinity : 1
   })), /*#__PURE__*/React.createElement(StyledDropzoneCaption, {
-    error: !!errorMessage
+    $error: !!errorMessage
   }, errorMessage || I18n.t('core.dropzone.dragAndDrop')));
 }
 var dropErrorsByReason = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, fileRejectionReason.maxFiles, dropErrors.fileAmount), fileRejectionReason.maxFileSize, dropErrors.maxFileSize), fileRejectionReason.minFileSize, dropErrors.minFileSize), fileRejectionReason.fileType, dropErrors.fileType);

package/dist/Dropzone/Dropzone.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.js","names":["Ban","Image","equals","omit","React","styled","Banner","Box","Button","Token","Tooltip","Typography","useI18nContext","useResizeObserver","useFocusWithin","StyledDropzoneCaption","StyledDropzoneContainer","StyledDropzoneFocusDetector","StyledDropzoneIcon","StyledDropzoneMessage","StyledDropzoneWrapper","StyledErrorBanner","StyledErrorBannerDetails","StyledUploadButton","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","extendedViewHeightBreakpoint","DropzoneErrorBannerBase","forwardRef","_ref","ref","error","onDismiss","qa","fileRejections","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setExpanded","useEffect","title","body","message","type","reset","createElement","_extends","Content","Title","Body","Action","showErrorDetails","onClick","prev","t","Dismiss","hideError","ExpandableContent","expanded","MultipleErrors","filesByErrorType","reduce","acc","rejection","errors","forEach","dropErrorType","dropErrorsByReason","code","push","file","_defineProperty","fileAmount","minFileSize","maxFileSize","fileType","oneFileAtATime","multipleErrors","messages","count","maxFiles","minSize","sizeInMegabytes","getSizeInMB","maxSize","map","errorType","files","length","key","weight","name","DropzoneErrorBanner","withConfig","displayName","componentId","DropzoneContainer","_ref2","active","disabled","getRootProps","rootProps","children","DropzoneContent","_ref3","isIconVisible","contentMessage","DropzoneDefaultMessage","_ref4","open","multiple","errorMessage","Fragment","variant","Infinity","Dropzone_","Dropzone","_ref5","forceIconVisibility","contentRenderer","tooltip","rootRef","inputRef","dragError","dropError","dispatchDropError","getInputProps","isDragActive","_ref5$rootProps","_ref5$inputProps","inputProps","className","tokens","onClear","_React$useState3","_React$useState4","setIsIconVisible","_useFocusWithin","isFocusWithin","containerProps","toggleIconVisibility","useCallback","entries","_ref6","target","height","offsetHeight","setResizeObserverTarget","current","useImperativeHandle","isDropzoneDisabled","Boolean","useMemo","validRootProps","validInputProps","direction","alignItems","gap","trigger","overlay","as","display","flexWrap","paddingTop","token","Label","Remove","memo"],"sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { Ban, Image } from '@procore/core-icons/dist'\nimport { equals, omit } from 'ramda'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Banner } from '../Banner'\nimport { Box } from '../Box'\nimport { Button } from '../Button'\nimport { Token } from '../Token'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResizeObserver } from '../_hooks/ResizeObserver'\nimport { useFocusWithin } from '../_hooks/useFocusWithin'\nimport type { DivAttributes, Props } from '../_utils/types'\nimport {\n  StyledDropzoneCaption,\n  StyledDropzoneContainer,\n  StyledDropzoneFocusDetector,\n  StyledDropzoneIcon,\n  StyledDropzoneMessage,\n  StyledDropzoneWrapper,\n  StyledErrorBanner,\n  StyledErrorBannerDetails,\n  StyledUploadButton,\n} from './Dropzone.styles'\nimport type {\n  ContainerProps,\n  ContentProps,\n  DropErrorType,\n  DropzoneContentProps,\n  DropzoneErrorBannerProps,\n  DropzoneInputProps,\n  DropzoneProps,\n  DropzoneRef,\n  DropzoneRootProps,\n  FileRejectionReason,\n  MultipleErrorsProps,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst extendedViewHeightBreakpoint = 172\n\nconst DropzoneErrorBannerBase = React.forwardRef<\n  HTMLDivElement,\n  DropzoneErrorBannerProps & DivAttributes\n>(({ error, onDismiss, qa, fileRejections, ...props }, ref) => {\n  const I18n = useI18nContext()\n  const [isExpanded, setExpanded] = React.useState(false)\n\n  React.useEffect(() => {\n    setExpanded(false)\n  }, [error.title, error.body, error.message])\n\n  if (error.type === dropErrors.reset) {\n    return null\n  }\n\n  return (\n    <StyledErrorBanner {...props} ref={ref}>\n      <Banner.Content>\n        <Banner.Title>{error.title}</Banner.Title>\n        <Banner.Body>{error.message}</Banner.Body>\n      </Banner.Content>\n      {error.body ? (\n        <Banner.Action>\n          <Button\n            data-qa={qa?.showErrorDetails}\n            onClick={() => setExpanded((prev) => !prev)}\n          >\n            {isExpanded\n              ? I18n.t('core.dropzone.hideDetails')\n              : I18n.t('core.dropzone.showDetails')}\n          </Button>\n        </Banner.Action>\n      ) : null}\n      <Banner.Dismiss onClick={onDismiss} data-qa={qa?.hideError} />\n      {error.body ? (\n        <Banner.ExpandableContent expanded={isExpanded}>\n          {error.body}\n        </Banner.ExpandableContent>\n      ) : null}\n    </StyledErrorBanner>\n  )\n})\n\nexport function MultipleErrors(props: MultipleErrorsProps) {\n  const I18n = useI18nContext()\n\n  const filesByErrorType = props.fileRejections.reduce(\n    (acc, rejection) => {\n      rejection.errors.forEach((error) => {\n        const dropErrorType = dropErrorsByReason[error.code]\n        acc[dropErrorType].push(rejection.file)\n      })\n\n      return acc\n    },\n    {\n      [dropErrors.fileAmount]: [],\n      [dropErrors.minFileSize]: [],\n      [dropErrors.maxFileSize]: [],\n      [dropErrors.fileType]: [],\n      [dropErrors.oneFileAtATime]: [],\n      [dropErrors.reset]: [],\n      [dropErrors.multipleErrors]: [],\n    } as Record<DropErrorType, File[]>\n  )\n\n  const messages: Record<DropErrorType, string> = {\n    [dropErrors.fileAmount]: I18n.t('core.dropzone.maxFileNumberErrorGroup', {\n      count: props.maxFiles,\n    }),\n    [dropErrors.minFileSize]: isZeroSize(props.minSize)\n      ? I18n.t('core.dropzone.zeroFileSizeErrorGroup')\n      : I18n.t('core.dropzone.minFileSizeErrorGroup', {\n          sizeInMegabytes: getSizeInMB(props.minSize as number),\n        }),\n    [dropErrors.maxFileSize]: I18n.t('core.dropzone.maxFileSizeErrorGroup', {\n      sizeInMegabytes: getSizeInMB(props.maxSize as number),\n    }),\n    [dropErrors.fileType]: I18n.t('core.dropzone.wrongFileTypeErrorGroup'),\n    [dropErrors.reset]: '',\n    [dropErrors.multipleErrors]: '',\n    [dropErrors.oneFileAtATime]: '',\n  }\n\n  return (\n    <div>\n      {[\n        dropErrors.fileAmount,\n        dropErrors.fileType,\n        dropErrors.maxFileSize,\n        dropErrors.minFileSize,\n      ].map((errorType) => {\n        const files = filesByErrorType[errorType]\n        return files.length ? (\n          <div key={errorType}>\n            <Typography weight=\"bold\">{messages[errorType]}</Typography>\n            <StyledErrorBannerDetails>\n              {filesByErrorType[errorType].map((file) => (\n                <li key={file.name}>{getFileDetail(file)}</li>\n              ))}\n            </StyledErrorBannerDetails>\n          </div>\n        ) : null\n      })}\n    </div>\n  )\n}\n\n// make error banner accessible as a styled-components selector\nexport const DropzoneErrorBanner = styled(DropzoneErrorBannerBase)``\n\nfunction DropzoneContainer({\n  active,\n  disabled,\n  getRootProps,\n  rootProps,\n  children,\n}: ContainerProps & Props) {\n  return (\n    <StyledDropzoneContainer\n      {...getRootProps(rootProps)}\n      active={active}\n      disabled={disabled}\n    >\n      {children}\n    </StyledDropzoneContainer>\n  )\n}\n\nfunction DropzoneContent({\n  disabled,\n  isIconVisible,\n  contentMessage,\n}: ContentProps) {\n  return (\n    <StyledDropzoneMessage>\n      {isIconVisible && (\n        <StyledDropzoneIcon disabled={disabled}>\n          {disabled ? <Ban /> : <Image />}\n        </StyledDropzoneIcon>\n      )}\n      {contentMessage}\n    </StyledDropzoneMessage>\n  )\n}\n\nexport function DropzoneDefaultMessage({\n  open,\n  disabled,\n  multiple,\n  errorMessage,\n}: DropzoneContentProps & { multiple: boolean }) {\n  const I18n = useI18nContext()\n\n  return (\n    <>\n      <StyledUploadButton\n        variant=\"secondary\"\n        onClick={open}\n        disabled={disabled}\n      >\n        {I18n.t('core.dropzone.uploadFiles', {\n          count: multiple ? Infinity : 1,\n        })}\n      </StyledUploadButton>\n      <StyledDropzoneCaption error={!!errorMessage}>\n        {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n      </StyledDropzoneCaption>\n    </>\n  )\n}\n\nconst dropErrorsByReason = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n} as Record<FileRejectionReason, DropErrorType>\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\nconst Dropzone_ = React.forwardRef<DropzoneRef, DropzoneProps>(\n  function Dropzone(\n    {\n      isIconVisible: forceIconVisibility,\n      contentRenderer,\n      disabled,\n      tooltip,\n      rootRef,\n      inputRef,\n      dragError,\n      dropError,\n      dispatchDropError,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      multiple,\n      fileRejections,\n      open,\n      rootProps = {} as DropzoneRootProps,\n      inputProps = {} as DropzoneInputProps,\n      className,\n      qa,\n      tokens,\n      onClear,\n    },\n    ref\n  ) {\n    const [isIconVisible, setIsIconVisible] = React.useState(false)\n    const { isFocusWithin, containerProps } = useFocusWithin()\n\n    const toggleIconVisibility = React.useCallback(\n      (entries: ResizeObserverEntry[]) => {\n        const { offsetHeight: height } = entries[0].target as HTMLElement\n        setIsIconVisible(height >= extendedViewHeightBreakpoint)\n      },\n      [setIsIconVisible]\n    )\n\n    const setResizeObserverTarget = useResizeObserver(toggleIconVisibility)\n\n    React.useEffect(() => {\n      setResizeObserverTarget(rootRef.current)\n    }, [rootRef, setResizeObserverTarget])\n\n    React.useImperativeHandle(ref, () => ({\n      rootRef: rootRef as React.RefObject<HTMLElement>,\n      inputRef: inputRef as React.RefObject<HTMLInputElement>,\n      open,\n    }))\n\n    const isDropzoneDisabled = disabled || Boolean(dragError)\n\n    const contentMessage = React.useMemo(\n      () =>\n        contentRenderer ? (\n          contentRenderer({\n            open,\n            disabled: isDropzoneDisabled,\n            errorMessage: dragError,\n          })\n        ) : (\n          <DropzoneDefaultMessage\n            open={open}\n            disabled={isDropzoneDisabled}\n            errorMessage={dragError}\n            multiple={multiple}\n          />\n        ),\n      [contentRenderer, open, isDropzoneDisabled, dragError, multiple]\n    )\n\n    const validRootProps = React.useMemo(\n      () => omit(['disabled'], rootProps),\n      [rootProps]\n    )\n\n    const validInputProps = React.useMemo(\n      () => omit(['accept', 'multiple', 'type'], inputProps),\n      [inputProps]\n    )\n\n    return (\n      <StyledDropzoneWrapper\n        direction=\"column\"\n        alignItems=\"stretch\"\n        gap=\"xs\"\n        className={className}\n      >\n        <Tooltip\n          trigger={Boolean(tooltip) ? 'hover' : 'none'}\n          overlay={tooltip || ''}\n        >\n          <StyledDropzoneFocusDetector {...containerProps}>\n            <DropzoneContainer\n              rootProps={validRootProps}\n              active={isDragActive || isFocusWithin}\n              disabled={isDropzoneDisabled}\n              getRootProps={getRootProps}\n            >\n              <input type=\"file\" {...getInputProps(validInputProps)} />\n              <DropzoneContent\n                disabled={isDropzoneDisabled}\n                isIconVisible={\n                  typeof forceIconVisibility === 'undefined'\n                    ? isIconVisible\n                    : forceIconVisibility\n                }\n                contentMessage={contentMessage}\n              />\n            </DropzoneContainer>\n          </StyledDropzoneFocusDetector>\n        </Tooltip>\n        <DropzoneErrorBanner\n          qa={qa}\n          error={dropError}\n          fileRejections={fileRejections}\n          onDismiss={() => dispatchDropError(dropErrors.reset)}\n        />\n        {tokens && tokens.length > 0 && (\n          <Box as=\"ul\" display=\"flex\" flexWrap=\"wrap\" gap=\"sm\" paddingTop=\"lg\">\n            {tokens.map((token) => (\n              <li key={token.name}>\n                <Token>\n                  <Token.Label>{getFileDetail(token)}</Token.Label>\n                  {onClear && <Token.Remove onClick={() => onClear(token)} />}\n                </Token>\n              </li>\n            ))}\n          </Box>\n        )}\n      </StyledDropzoneWrapper>\n    )\n  }\n)\n\nDropzoneContainer.displayName = 'DropzoneContainer'\n\nDropzoneContent.displayName = 'DropzoneContent'\n\nDropzone_.displayName = 'Dropzone'\n\n/**\n\n Dropzones allow users to quickly upload files from their computers, as well\n as optionally launch the file select component.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropzone--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropzone)\n\n*/\nexport const Dropzone = React.memo(Dropzone_, equals)\n"],"mappings":"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"}
+{"version":3,"file":"Dropzone.js","names":["Ban","Image","equals","omit","React","styled","Banner","Box","Button","Token","Tooltip","Typography","useI18nContext","useResizeObserver","useFocusWithin","StyledDropzoneCaption","StyledDropzoneContainer","StyledDropzoneFocusDetector","StyledDropzoneIcon","StyledDropzoneMessage","StyledDropzoneWrapper","StyledErrorBanner","StyledErrorBannerDetails","StyledUploadButton","dropErrors","fileRejectionReason","getFileDetail","isZeroSize","extendedViewHeightBreakpoint","DropzoneErrorBannerBase","forwardRef","_ref","ref","error","onDismiss","qa","fileRejections","props","_objectWithoutProperties","_excluded","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isExpanded","setExpanded","useEffect","title","body","message","type","reset","createElement","_extends","Content","Title","Body","Action","showErrorDetails","onClick","prev","t","Dismiss","hideError","ExpandableContent","expanded","MultipleErrors","filesByErrorType","reduce","acc","rejection","errors","forEach","dropErrorType","dropErrorsByReason","code","push","file","_defineProperty","fileAmount","minFileSize","maxFileSize","fileType","oneFileAtATime","multipleErrors","messages","count","maxFiles","minSize","sizeInMegabytes","getSizeInMB","maxSize","map","errorType","files","length","key","weight","name","DropzoneErrorBanner","withConfig","displayName","componentId","DropzoneContainer","_ref2","active","disabled","getRootProps","rootProps","children","$active","$disabled","DropzoneContent","_ref3","isIconVisible","contentMessage","DropzoneDefaultMessage","_ref4","open","multiple","errorMessage","Fragment","variant","Infinity","$error","Dropzone_","Dropzone","_ref5","forceIconVisibility","contentRenderer","tooltip","rootRef","inputRef","dragError","dropError","dispatchDropError","getInputProps","isDragActive","_ref5$rootProps","_ref5$inputProps","inputProps","className","tokens","onClear","_React$useState3","_React$useState4","setIsIconVisible","_useFocusWithin","isFocusWithin","containerProps","toggleIconVisibility","useCallback","entries","_ref6","target","height","offsetHeight","setResizeObserverTarget","current","useImperativeHandle","isDropzoneDisabled","Boolean","useMemo","validRootProps","validInputProps","direction","alignItems","gap","trigger","overlay","as","display","flexWrap","paddingTop","token","Label","Remove","memo"],"sources":["../../src/Dropzone/Dropzone.tsx"],"sourcesContent":["import { Ban, Image } from '@procore/core-icons/dist'\nimport { equals, omit } from 'ramda'\nimport React from 'react'\nimport styled from 'styled-components'\nimport { Banner } from '../Banner'\nimport { Box } from '../Box'\nimport { Button } from '../Button'\nimport { Token } from '../Token'\nimport { Tooltip } from '../Tooltip'\nimport { Typography } from '../Typography'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useResizeObserver } from '../_hooks/ResizeObserver'\nimport { useFocusWithin } from '../_hooks/useFocusWithin'\nimport type { DivAttributes, Props } from '../_utils/types'\nimport {\n  StyledDropzoneCaption,\n  StyledDropzoneContainer,\n  StyledDropzoneFocusDetector,\n  StyledDropzoneIcon,\n  StyledDropzoneMessage,\n  StyledDropzoneWrapper,\n  StyledErrorBanner,\n  StyledErrorBannerDetails,\n  StyledUploadButton,\n} from './Dropzone.styles'\nimport type {\n  ContainerProps,\n  ContentProps,\n  DropErrorType,\n  DropzoneContentProps,\n  DropzoneErrorBannerProps,\n  DropzoneInputProps,\n  DropzoneProps,\n  DropzoneRef,\n  DropzoneRootProps,\n  FileRejectionReason,\n  MultipleErrorsProps,\n} from './Dropzone.types'\nimport { dropErrors, fileRejectionReason } from './Dropzone.types'\nimport { getFileDetail, isZeroSize } from './Dropzone.utils'\n\nconst extendedViewHeightBreakpoint = 172\n\nconst DropzoneErrorBannerBase = React.forwardRef<\n  HTMLDivElement,\n  DropzoneErrorBannerProps & DivAttributes\n>(({ error, onDismiss, qa, fileRejections, ...props }, ref) => {\n  const I18n = useI18nContext()\n  const [isExpanded, setExpanded] = React.useState(false)\n\n  React.useEffect(() => {\n    setExpanded(false)\n  }, [error.title, error.body, error.message])\n\n  if (error.type === dropErrors.reset) {\n    return null\n  }\n\n  return (\n    <StyledErrorBanner {...props} ref={ref}>\n      <Banner.Content>\n        <Banner.Title>{error.title}</Banner.Title>\n        <Banner.Body>{error.message}</Banner.Body>\n      </Banner.Content>\n      {error.body ? (\n        <Banner.Action>\n          <Button\n            data-qa={qa?.showErrorDetails}\n            onClick={() => setExpanded((prev) => !prev)}\n          >\n            {isExpanded\n              ? I18n.t('core.dropzone.hideDetails')\n              : I18n.t('core.dropzone.showDetails')}\n          </Button>\n        </Banner.Action>\n      ) : null}\n      <Banner.Dismiss onClick={onDismiss} data-qa={qa?.hideError} />\n      {error.body ? (\n        <Banner.ExpandableContent expanded={isExpanded}>\n          {error.body}\n        </Banner.ExpandableContent>\n      ) : null}\n    </StyledErrorBanner>\n  )\n})\n\nexport function MultipleErrors(props: MultipleErrorsProps) {\n  const I18n = useI18nContext()\n\n  const filesByErrorType = props.fileRejections.reduce(\n    (acc, rejection) => {\n      rejection.errors.forEach((error) => {\n        const dropErrorType = dropErrorsByReason[error.code]\n        acc[dropErrorType].push(rejection.file)\n      })\n\n      return acc\n    },\n    {\n      [dropErrors.fileAmount]: [],\n      [dropErrors.minFileSize]: [],\n      [dropErrors.maxFileSize]: [],\n      [dropErrors.fileType]: [],\n      [dropErrors.oneFileAtATime]: [],\n      [dropErrors.reset]: [],\n      [dropErrors.multipleErrors]: [],\n    } as Record<DropErrorType, File[]>\n  )\n\n  const messages: Record<DropErrorType, string> = {\n    [dropErrors.fileAmount]: I18n.t('core.dropzone.maxFileNumberErrorGroup', {\n      count: props.maxFiles,\n    }),\n    [dropErrors.minFileSize]: isZeroSize(props.minSize)\n      ? I18n.t('core.dropzone.zeroFileSizeErrorGroup')\n      : I18n.t('core.dropzone.minFileSizeErrorGroup', {\n          sizeInMegabytes: getSizeInMB(props.minSize as number),\n        }),\n    [dropErrors.maxFileSize]: I18n.t('core.dropzone.maxFileSizeErrorGroup', {\n      sizeInMegabytes: getSizeInMB(props.maxSize as number),\n    }),\n    [dropErrors.fileType]: I18n.t('core.dropzone.wrongFileTypeErrorGroup'),\n    [dropErrors.reset]: '',\n    [dropErrors.multipleErrors]: '',\n    [dropErrors.oneFileAtATime]: '',\n  }\n\n  return (\n    <div>\n      {[\n        dropErrors.fileAmount,\n        dropErrors.fileType,\n        dropErrors.maxFileSize,\n        dropErrors.minFileSize,\n      ].map((errorType) => {\n        const files = filesByErrorType[errorType]\n        return files.length ? (\n          <div key={errorType}>\n            <Typography weight=\"bold\">{messages[errorType]}</Typography>\n            <StyledErrorBannerDetails>\n              {filesByErrorType[errorType].map((file) => (\n                <li key={file.name}>{getFileDetail(file)}</li>\n              ))}\n            </StyledErrorBannerDetails>\n          </div>\n        ) : null\n      })}\n    </div>\n  )\n}\n\n// make error banner accessible as a styled-components selector\nexport const DropzoneErrorBanner = styled(DropzoneErrorBannerBase)``\n\nfunction DropzoneContainer({\n  active,\n  disabled,\n  getRootProps,\n  rootProps,\n  children,\n}: ContainerProps & Props) {\n  return (\n    <StyledDropzoneContainer\n      {...getRootProps(rootProps)}\n      $active={active}\n      $disabled={disabled}\n    >\n      {children}\n    </StyledDropzoneContainer>\n  )\n}\n\nfunction DropzoneContent({\n  disabled,\n  isIconVisible,\n  contentMessage,\n}: ContentProps) {\n  return (\n    <StyledDropzoneMessage>\n      {isIconVisible && (\n        <StyledDropzoneIcon $disabled={disabled}>\n          {disabled ? <Ban /> : <Image />}\n        </StyledDropzoneIcon>\n      )}\n      {contentMessage}\n    </StyledDropzoneMessage>\n  )\n}\n\nexport function DropzoneDefaultMessage({\n  open,\n  disabled,\n  multiple,\n  errorMessage,\n}: DropzoneContentProps & { multiple: boolean }) {\n  const I18n = useI18nContext()\n\n  return (\n    <>\n      <StyledUploadButton\n        variant=\"secondary\"\n        onClick={open}\n        disabled={disabled}\n      >\n        {I18n.t('core.dropzone.uploadFiles', {\n          count: multiple ? Infinity : 1,\n        })}\n      </StyledUploadButton>\n      <StyledDropzoneCaption $error={!!errorMessage}>\n        {errorMessage || I18n.t('core.dropzone.dragAndDrop')}\n      </StyledDropzoneCaption>\n    </>\n  )\n}\n\nconst dropErrorsByReason = {\n  [fileRejectionReason.maxFiles]: dropErrors.fileAmount,\n  [fileRejectionReason.maxFileSize]: dropErrors.maxFileSize,\n  [fileRejectionReason.minFileSize]: dropErrors.minFileSize,\n  [fileRejectionReason.fileType]: dropErrors.fileType,\n} as Record<FileRejectionReason, DropErrorType>\n\nconst getSizeInMB = (maxSize: number): number => maxSize / 10e5\n\nconst Dropzone_ = React.forwardRef<DropzoneRef, DropzoneProps>(\n  function Dropzone(\n    {\n      isIconVisible: forceIconVisibility,\n      contentRenderer,\n      disabled,\n      tooltip,\n      rootRef,\n      inputRef,\n      dragError,\n      dropError,\n      dispatchDropError,\n      getRootProps,\n      getInputProps,\n      isDragActive,\n      multiple,\n      fileRejections,\n      open,\n      rootProps = {} as DropzoneRootProps,\n      inputProps = {} as DropzoneInputProps,\n      className,\n      qa,\n      tokens,\n      onClear,\n    },\n    ref\n  ) {\n    const [isIconVisible, setIsIconVisible] = React.useState(false)\n    const { isFocusWithin, containerProps } = useFocusWithin()\n\n    const toggleIconVisibility = React.useCallback(\n      (entries: ResizeObserverEntry[]) => {\n        const { offsetHeight: height } = entries[0].target as HTMLElement\n        setIsIconVisible(height >= extendedViewHeightBreakpoint)\n      },\n      [setIsIconVisible]\n    )\n\n    const setResizeObserverTarget = useResizeObserver(toggleIconVisibility)\n\n    React.useEffect(() => {\n      setResizeObserverTarget(rootRef.current)\n    }, [rootRef, setResizeObserverTarget])\n\n    React.useImperativeHandle(ref, () => ({\n      rootRef: rootRef as React.RefObject<HTMLElement>,\n      inputRef: inputRef as React.RefObject<HTMLInputElement>,\n      open,\n    }))\n\n    const isDropzoneDisabled = disabled || Boolean(dragError)\n\n    const contentMessage = React.useMemo(\n      () =>\n        contentRenderer ? (\n          contentRenderer({\n            open,\n            disabled: isDropzoneDisabled,\n            errorMessage: dragError,\n          })\n        ) : (\n          <DropzoneDefaultMessage\n            open={open}\n            disabled={isDropzoneDisabled}\n            errorMessage={dragError}\n            multiple={multiple}\n          />\n        ),\n      [contentRenderer, open, isDropzoneDisabled, dragError, multiple]\n    )\n\n    const validRootProps = React.useMemo(\n      () => omit(['disabled'], rootProps),\n      [rootProps]\n    )\n\n    const validInputProps = React.useMemo(\n      () => omit(['accept', 'multiple', 'type'], inputProps),\n      [inputProps]\n    )\n\n    return (\n      <StyledDropzoneWrapper\n        direction=\"column\"\n        alignItems=\"stretch\"\n        gap=\"xs\"\n        className={className}\n      >\n        <Tooltip\n          trigger={Boolean(tooltip) ? 'hover' : 'none'}\n          overlay={tooltip || ''}\n        >\n          <StyledDropzoneFocusDetector {...containerProps}>\n            <DropzoneContainer\n              rootProps={validRootProps}\n              active={isDragActive || isFocusWithin}\n              disabled={isDropzoneDisabled}\n              getRootProps={getRootProps}\n            >\n              <input type=\"file\" {...getInputProps(validInputProps)} />\n              <DropzoneContent\n                disabled={isDropzoneDisabled}\n                isIconVisible={\n                  typeof forceIconVisibility === 'undefined'\n                    ? isIconVisible\n                    : forceIconVisibility\n                }\n                contentMessage={contentMessage}\n              />\n            </DropzoneContainer>\n          </StyledDropzoneFocusDetector>\n        </Tooltip>\n        <DropzoneErrorBanner\n          qa={qa}\n          error={dropError}\n          fileRejections={fileRejections}\n          onDismiss={() => dispatchDropError(dropErrors.reset)}\n        />\n        {tokens && tokens.length > 0 && (\n          <Box as=\"ul\" display=\"flex\" flexWrap=\"wrap\" gap=\"sm\" paddingTop=\"lg\">\n            {tokens.map((token) => (\n              <li key={token.name}>\n                <Token>\n                  <Token.Label>{getFileDetail(token)}</Token.Label>\n                  {onClear && <Token.Remove onClick={() => onClear(token)} />}\n                </Token>\n              </li>\n            ))}\n          </Box>\n        )}\n      </StyledDropzoneWrapper>\n    )\n  }\n)\n\nDropzoneContainer.displayName = 'DropzoneContainer'\n\nDropzoneContent.displayName = 'DropzoneContent'\n\nDropzone_.displayName = 'Dropzone'\n\n/**\n\n Dropzones allow users to quickly upload files from their computers, as well\n as optionally launch the file select component.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-dropzone--demo)\n\n @see [Design Guidelines](https://design.procore.com/dropzone)\n\n*/\nexport const Dropzone = React.memo(Dropzone_, equals)\n"],"mappings":"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"}

package/dist/Dropzone/Dropzone.styles.d.ts

@@ -1,17 +1,25 @@
 /// <reference types="react" />
-export declare const StyledErrorBanner: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledErrorBannerDetails: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const StyledDropzoneIcon: import("styled-components").StyledComponent<"div", any, {
-    disabled: boolean;
-}, never>;
-export declare const StyledDropzoneContainer: import("styled-components").StyledComponent<"div", any, {
-    active: boolean;
-    disabled: boolean;
-}, never>;
-export declare const StyledDropzoneMessage: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledUploadButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledDropzoneCaption: import("styled-components").StyledComponent<"span", any, {
-    error: boolean;
-}, never>;
-export declare const StyledDropzoneWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-export declare const StyledDropzoneFocusDetector: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+export declare const StyledErrorBanner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../_utils/types").Props & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledErrorBannerDetails: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const StyledDropzoneIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $disabled: boolean;
+}>> & string;
+export declare const StyledDropzoneContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $active: boolean;
+    $disabled: boolean;
+}>> & string;
+export declare const StyledDropzoneMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledUploadButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledDropzoneCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $error: boolean;
+}>> & string;
+export declare const StyledDropzoneWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Flex").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledDropzoneFocusDetector: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../Box").BoxProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Dropzone/Dropzone.styles.js

@@ -9,59 +9,59 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-0"
+  componentId: "core-12_22_0__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-1"
+  componentId: "core-12_22_0__sc-by95hy-1"
 })(["margin:", "px;padding:0;list-style-position:inside;list-style-type:disc;"], spacing.xs);
 export var StyledDropzoneIcon = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneIcon",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-2"
+  componentId: "core-12_22_0__sc-by95hy-2"
 })(["display:flex;justify-content:center;align-items:center;height:64px;color:", ";margin-bottom:", "px;transition:all 250ms ease-out;", " svg{width:auto;height:100%;}"], colors.gray45, spacing.lg, function (_ref) {
-  var disabled = _ref.disabled;
-  return disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
+  var $disabled = _ref.$disabled;
+  return $disabled && css(["height:72px;margin-bottom:", "px;"], spacing.sm);
 });
 var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";background-color:", ";& ", "{color:", ";transform:scale(0.95);}"], colors.blue50, colors.blue96, StyledDropzoneIcon, colors.blue50);
 var disabledDropzone = /*#__PURE__*/css(["color:", ";border:2px dashed ", ";background-color:", ";cursor:not-allowed;& ", "{color:", ";transform:none;}"], colors.gray70, colors.gray85, colors.gray98, StyledDropzoneIcon, colors.gray85);
 export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneContainer",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-3"
+  componentId: "core-12_22_0__sc-by95hy-3"
 })(["", " display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;height:100%;min-height:92px;padding:", "px;color:", ";border:2px dashed ", ";background-color:", ";border-radius:", "px;text-align:center;letter-spacing:0.25px;transition:all 250ms ease-out;cursor:grab;", " ", " ", " ", ""], getTypographyIntent('body'), spacing.lg, colors.gray40, colors.gray70, colors.gray96, borderRadius.md, function (_ref2) {
-  var disabled = _ref2.disabled;
-  return !disabled && css(["&:hover{", "}"], activeDropzone);
+  var $disabled = _ref2.$disabled;
+  return !$disabled && css(["&:hover{", "}"], activeDropzone);
 }, function (_ref3) {
-  var disabled = _ref3.disabled;
-  return disabled && disabledDropzone;
+  var $disabled = _ref3.$disabled;
+  return $disabled && disabledDropzone;
 }, function (_ref4) {
-  var disabled = _ref4.disabled;
-  return disabled && css(["&:hover,&:focus{", "}"], disabledDropzone);
+  var $disabled = _ref4.$disabled;
+  return $disabled && css(["&:hover,&:focus{", "}"], disabledDropzone);
 }, function (_ref5) {
-  var active = _ref5.active,
-    disabled = _ref5.disabled;
-  return active && !disabled && activeDropzone;
+  var $active = _ref5.$active,
+    $disabled = _ref5.$disabled;
+  return $active && !$disabled && activeDropzone;
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-4"
+  componentId: "core-12_22_0__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-5"
+  componentId: "core-12_22_0__sc-by95hy-5"
 })(["display:block;margin-left:auto;margin-right:auto;margin-bottom:", "px;"], spacing.sm);
 export var StyledDropzoneCaption = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropzoneCaption",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-6"
+  componentId: "core-12_22_0__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
-  var error = _ref6.error;
-  return error && colors.gray15;
+  var $error = _ref6.$error;
+  return $error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-7"
+  componentId: "core-12_22_0__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-12_21_2-cdn_0__sc-by95hy-8"
+  componentId: "core-12_22_0__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/Dropzone/Dropzone.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropzone.styles.js","names":["styled","css","ErrorBanner","ErrorBannerBase","Box","Button","Flex","getTypographyIntent","borderRadius","colors","spacing","StyledErrorBanner","withConfig","displayName","componentId","lg","StyledErrorBannerDetails","ul","xs","StyledDropzoneIcon","div","gray45","_ref","disabled","sm","activeDropzone","blue50","blue96","disabledDropzone","gray70","gray85","gray98","StyledDropzoneContainer","gray40","gray96","md","_ref2","_ref3","_ref4","_ref5","active","StyledDropzoneMessage","StyledUploadButton","StyledDropzoneCaption","span","_ref6","error","gray15","StyledDropzoneWrapper","StyledDropzoneFocusDetector"],"sources":["../../src/Dropzone/Dropzone.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ErrorBanner as ErrorBannerBase } from '../Banner/Banner'\nimport { Box } from '../Box'\nimport { Button } from '../Button'\nimport { Flex } from '../Flex'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledErrorBanner = styled(ErrorBannerBase)`\n  margin-top: ${spacing.lg}px;\n  flex-shrink: 0;\n`\nexport const StyledErrorBannerDetails = styled.ul`\n  margin: ${spacing.xs}px;\n  padding: 0;\n  list-style-position: inside;\n  list-style-type: disc;\n`\nexport const StyledDropzoneIcon = styled.div<{ disabled: boolean }>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 64px;\n  color: ${colors.gray45};\n  margin-bottom: ${spacing.lg}px;\n  transition: all 250ms ease-out;\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      height: 72px;\n      margin-bottom: ${spacing.sm}px;\n    `}\n\n  svg {\n    width: auto;\n    height: 100%;\n  }\n`\n\nconst activeDropzone = css`\n  outline: none;\n  border: 2px dashed ${colors.blue50};\n  background-color: ${colors.blue96};\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.blue50};\n    transform: scale(0.95);\n  }\n`\n\nconst disabledDropzone = css`\n  color: ${colors.gray70};\n  border: 2px dashed ${colors.gray85};\n  background-color: ${colors.gray98};\n  cursor: not-allowed;\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.gray85};\n    transform: none;\n  }\n`\n\nexport const StyledDropzoneContainer = styled.div<{\n  active: boolean\n  disabled: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  min-height: 92px;\n  padding: ${spacing.lg}px;\n  color: ${colors.gray40};\n  border: 2px dashed ${colors.gray70};\n  background-color: ${colors.gray96};\n  border-radius: ${borderRadius.md}px;\n  text-align: center;\n  letter-spacing: 0.25px;\n  transition: all 250ms ease-out;\n  cursor: grab;\n\n  ${({ disabled }) =>\n    !disabled &&\n    css`\n      &:hover {\n        ${activeDropzone}\n      }\n    `}\n\n  ${({ disabled }) => disabled && disabledDropzone}\n\n  ${({ disabled }) =>\n    disabled &&\n    css`\n      &:hover,\n      &:focus {\n        ${disabledDropzone}\n      }\n    `}\n\n  ${({ active, disabled }) => active && !disabled && activeDropzone}\n`\n\nexport const StyledDropzoneMessage = styled.div`\n  user-select: none;\n`\n\nexport const StyledUploadButton = styled(Button)`\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ${spacing.sm}px;\n`\n\nexport const StyledDropzoneCaption = styled.span<{ error: boolean }>`\n  color: ${({ error }) => error && colors.gray15};\n`\n\nexport const StyledDropzoneWrapper = styled(Flex)`\n  height: 100%;\n`\n\nexport const StyledDropzoneFocusDetector = styled(Box)`\n  height: 100%;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Dropzone.styles.js","names":["styled","css","ErrorBanner","ErrorBannerBase","Box","Button","Flex","getTypographyIntent","borderRadius","colors","spacing","StyledErrorBanner","withConfig","displayName","componentId","lg","StyledErrorBannerDetails","ul","xs","StyledDropzoneIcon","div","gray45","_ref","$disabled","sm","activeDropzone","blue50","blue96","disabledDropzone","gray70","gray85","gray98","StyledDropzoneContainer","gray40","gray96","md","_ref2","_ref3","_ref4","_ref5","$active","StyledDropzoneMessage","StyledUploadButton","StyledDropzoneCaption","span","_ref6","$error","gray15","StyledDropzoneWrapper","StyledDropzoneFocusDetector"],"sources":["../../src/Dropzone/Dropzone.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ErrorBanner as ErrorBannerBase } from '../Banner/Banner'\nimport { Box } from '../Box'\nimport { Button } from '../Button'\nimport { Flex } from '../Flex'\nimport { getTypographyIntent } from '../Typography'\nimport { borderRadius } from '../_styles/borderRadius'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport const StyledErrorBanner = styled(ErrorBannerBase)`\n  margin-top: ${spacing.lg}px;\n  flex-shrink: 0;\n`\nexport const StyledErrorBannerDetails = styled.ul`\n  margin: ${spacing.xs}px;\n  padding: 0;\n  list-style-position: inside;\n  list-style-type: disc;\n`\nexport const StyledDropzoneIcon = styled.div<{ $disabled: boolean }>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 64px;\n  color: ${colors.gray45};\n  margin-bottom: ${spacing.lg}px;\n  transition: all 250ms ease-out;\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      height: 72px;\n      margin-bottom: ${spacing.sm}px;\n    `}\n\n  svg {\n    width: auto;\n    height: 100%;\n  }\n`\n\nconst activeDropzone = css`\n  outline: none;\n  border: 2px dashed ${colors.blue50};\n  background-color: ${colors.blue96};\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.blue50};\n    transform: scale(0.95);\n  }\n`\n\nconst disabledDropzone = css`\n  color: ${colors.gray70};\n  border: 2px dashed ${colors.gray85};\n  background-color: ${colors.gray98};\n  cursor: not-allowed;\n\n  & ${StyledDropzoneIcon} {\n    color: ${colors.gray85};\n    transform: none;\n  }\n`\n\nexport const StyledDropzoneContainer = styled.div<{\n  $active: boolean\n  $disabled: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  min-height: 92px;\n  padding: ${spacing.lg}px;\n  color: ${colors.gray40};\n  border: 2px dashed ${colors.gray70};\n  background-color: ${colors.gray96};\n  border-radius: ${borderRadius.md}px;\n  text-align: center;\n  letter-spacing: 0.25px;\n  transition: all 250ms ease-out;\n  cursor: grab;\n\n  ${({ $disabled }) =>\n    !$disabled &&\n    css`\n      &:hover {\n        ${activeDropzone}\n      }\n    `}\n\n  ${({ $disabled }) => $disabled && disabledDropzone}\n\n  ${({ $disabled }) =>\n    $disabled &&\n    css`\n      &:hover,\n      &:focus {\n        ${disabledDropzone}\n      }\n    `}\n\n  ${({ $active, $disabled }) => $active && !$disabled && activeDropzone}\n`\n\nexport const StyledDropzoneMessage = styled.div`\n  user-select: none;\n`\n\nexport const StyledUploadButton = styled(Button)`\n  display: block;\n  margin-left: auto;\n  margin-right: auto;\n  margin-bottom: ${spacing.sm}px;\n`\n\nexport const StyledDropzoneCaption = styled.span<{ $error: boolean }>`\n  color: ${({ $error }) => $error && colors.gray15};\n`\n\nexport const StyledDropzoneWrapper = styled(Flex)`\n  height: 100%;\n`\n\nexport const StyledDropzoneFocusDetector = styled(Box)`\n  height: 100%;\n`\n"],"mappings":"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"}

package/dist/EmptyState/EmptyState.js

@@ -276,7 +276,7 @@ var EmptyState_ = /*#__PURE__*/React.forwardRef(function EmptyState(_ref5, ref)
   var presetImages = [NoResults, NoItems, NoItemsWithoutCreatePermissions, RecycleBin];
   React.Children.forEach(children, function (child) {
     if (! /*#__PURE__*/React.isValidElement(child)) return;
-    if (child.type === Image || presetImages.includes(child.type)) {
+    if (child.type === Image || typeof child.type !== 'string' && presetImages.includes(child.type)) {
       image = child;
     } else {
       content.push(child);