@procore/core-react 11.23.2 → 11.23.4

package/dist/Content/Content.styles.js

@@ -5,10 +5,10 @@ import { mediaIE11Hack } from '../_styles/media';
 import { spacing } from '../_styles/spacing';
 export var StyledContent = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledContent",
-  componentId: "core-11_23_2__sc-10y57gh-0"
+  componentId: "core-11_23_4__sc-10y57gh-0"
 })(["> * + *,> * + h1,> * + h2,> * + h3,> * + h4,> * + p,> * + ul,> * + ol{margin-top:", "px;}> ", " + *{margin-top:0;}> ", ",> ", " > ", ",> ", " > ", "{", "{min-height:0;margin-bottom:", "px;}&:last-child ", "{margin-bottom:0;}}"], spacing.lg, StyledFormRow, StyledFormRow, StyledForm, StyledFormRow, StyledFormikForm, StyledFormRow, StyledFormFieldBanner, spacing.md, StyledFormFieldBanner);
 export var StyledActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledActions",
-  componentId: "core-11_23_2__sc-10y57gh-1"
+  componentId: "core-11_23_4__sc-10y57gh-1"
 })(["display:flex;justify-content:flex-end;gap:", "px;@media ", "{& > * + *{margin-left:", "px;}}"], spacing.sm, mediaIE11Hack, spacing.sm);
 //# sourceMappingURL=Content.styles.js.map

package/dist/DateInput/DateInput.styles.js

@@ -14,15 +14,15 @@ var inputHeight = 36; // TODO one-off
 var disabledCss = /*#__PURE__*/css(["background-color:", ";color:", ";border-width:1px;border-style:solid;border-color:", ";pointer-events:none;svg{color:", ";}"], colors.gray94, colors.gray45, colors.gray70, colors.gray45);
 export var StyledCalendar = /*#__PURE__*/styled(Calendar).withConfig({
   displayName: "StyledCalendar",
-  componentId: "core-11_23_2__sc-w10btf-0"
+  componentId: "core-11_23_4__sc-w10btf-0"
 })(["color:", ";"], colors.gray45);
 export var StyledDateSegmentsContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateSegmentsContainer",
-  componentId: "core-11_23_2__sc-w10btf-1"
+  componentId: "core-11_23_4__sc-w10btf-1"
 })(["min-width:104px;display:flex;gap:", "px;"], spacing.xs);
 export var StyledDateInputSegment = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputSegment",
-  componentId: "core-11_23_2__sc-w10btf-2"
+  componentId: "core-11_23_4__sc-w10btf-2"
 })(["", " outline:none;text-align:center;&:focus{background-color:", ";}&::selection{background-color:transparent;}&[data-placeholder='true']{color:", ";}"], getTypographyIntent('body'), colors.blue96, function (_ref) {
   var disabled = _ref.disabled;
   return disabled ? colors.gray70 : colors.gray45;
@@ -31,15 +31,15 @@ export var StyledDateInputDelimiter = /*#__PURE__*/styled.span.attrs(function (p
   return _defineProperty({}, 'data-qa-table-visible', props.visible);
 }).withConfig({
   displayName: "StyledDateInputDelimiter",
-  componentId: "core-11_23_2__sc-w10btf-3"
+  componentId: "core-11_23_4__sc-w10btf-3"
 })(["", " user-select:none;"], getTypographyIntent('body'));
 export var StyledDateInputIconContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInputIconContainer",
-  componentId: "core-11_23_2__sc-w10btf-4"
+  componentId: "core-11_23_4__sc-w10btf-4"
 })(["display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin:0 0 0 ", "px;height:24px;width:24px;"], spacing.xs);
 export var StyledDateInput = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDateInput",
-  componentId: "core-11_23_2__sc-w10btf-5"
+  componentId: "core-11_23_4__sc-w10btf-5"
 })(["align-items:center;border-color:", ";border-radius:4px;border-style:solid;border-width:1px;display:inline-flex;flex-direction:row;height:", "px;justify-content:center;padding:0 ", "px 0 ", "px;&::placeholder{color:", ";}", " &:focus-within,&[data-qa=", "]{", ";}&:disabled{", "}", " ", ""], colors.gray70, inputHeight, spacing.xs, spacing.sm, colors.gray45, function (_ref3) {
   var error = _ref3.error;
   return !error && css(["&:hover,&[data-qa=", "]{border-color:", ";}"], dataQa.hovered, colors.gray45);

package/dist/DateSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { DateSelect } from './DateSelect';
-export { DateSelectProps } from './DateSelect.types';
+export type { DateSelectProps } from './DateSelect.types';

package/dist/DateSelect/index.js

@@ -1,3 +1,2 @@
 export { DateSelect } from './DateSelect';
-export { DateSelectProps } from './DateSelect.types';
 //# sourceMappingURL=index.js.map

package/dist/DateSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DateSelect","DateSelectProps"],"sources":["../../src/DateSelect/index.ts"],"sourcesContent":["export { DateSelect } from './DateSelect'\nexport { DateSelectProps } from './DateSelect.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["DateSelect"],"sources":["../../src/DateSelect/index.ts"],"sourcesContent":["export { DateSelect } from './DateSelect'\nexport type { DateSelectProps } from './DateSelect.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc"}

package/dist/DetailPage/DetailPage.styles.js

@@ -8,31 +8,31 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledDetailPage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPage",
-  componentId: "core-11_23_2__sc-cytnlo-0"
+  componentId: "core-11_23_4__sc-cytnlo-0"
 })(["background-color:", ";height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;"], colors.gray96);
 export var StyledDetailPageBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageBody",
-  componentId: "core-11_23_2__sc-cytnlo-1"
+  componentId: "core-11_23_4__sc-cytnlo-1"
 })(["padding-bottom:", "px;> ", ":first-child,> ", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, StyledPageTitle, spacing.xl);
 export var StyledDetailPageFooterNotation = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterNotation",
-  componentId: "core-11_23_2__sc-cytnlo-2"
+  componentId: "core-11_23_4__sc-cytnlo-2"
 })(["flex-grow:1;z-index:1;"]);
 export var StyledDetailPageFooter = /*#__PURE__*/styled(Page.Footer).withConfig({
   displayName: "StyledDetailPageFooter",
-  componentId: "core-11_23_2__sc-cytnlo-3"
+  componentId: "core-11_23_4__sc-cytnlo-3"
 })(["display:flex;padding:", "px 0;background-color:", ";justify-content:center;"], spacing.lg, colors.white);
 export var StyledDetailPageFooterActions = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDetailPageFooterActions",
-  componentId: "core-11_23_2__sc-cytnlo-4"
+  componentId: "core-11_23_4__sc-cytnlo-4"
 })(["", ""], getActions());
 var maxFooterContentWidth = 1920;
 export var StyledDetailPageFooterContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDetailPageFooterContent",
-  componentId: "core-11_23_2__sc-cytnlo-5"
+  componentId: "core-11_23_4__sc-cytnlo-5"
 })(["width:100%;align-items:center;display:flex;justify-content:flex-end;padding:0 ", "px;max-width:", "px;"], spacing.xl, maxFooterContentWidth);
 export var StyledDetailPageCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDetailPageCard",
-  componentId: "core-11_23_2__sc-cytnlo-6"
+  componentId: "core-11_23_4__sc-cytnlo-6"
 })(["margin-top:", "px;width:100%;& > ", "{padding:", "px ", "px 0 ", "px;max-width:100%;&:empty{padding:0;}}& > ", " + ", " > ", "{border-top:0;}> .", ":first-child + .", ",> ", " + .", " + .", "{margin-top:", "px;}"], spacing.xl, StyledPageBanner, spacing.xl, spacing.xl, spacing.xl, StyledPageBanner, StyledSection, StyledSectionInner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), StyledPageBanner, sectionClassnames.levelAnonymous, sectionClassnames.level(2), spacing.xxl * -1);
 //# sourceMappingURL=DetailPage.styles.js.map

package/dist/Dropdown/Dropdown.styles.js

@@ -5,15 +5,15 @@ import { Card } from '../Card/Card';
 import { Spinner } from '../Spinner/Spinner';
 export var StyledDropdownMenu = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledDropdownMenu",
-  componentId: "core-11_23_2__sc-ufsy2q-0"
+  componentId: "core-11_23_4__sc-ufsy2q-0"
 })(["display:flex;max-height:40vh;max-width:248px;min-width:inherit;"]);
 export var StyledDropdownSpinner = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledDropdownSpinner",
-  componentId: "core-11_23_2__sc-ufsy2q-1"
+  componentId: "core-11_23_4__sc-ufsy2q-1"
 })(["margin:0 6px;"]);
 export var StyledDropdownButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledDropdownButton",
-  componentId: "core-11_23_2__sc-ufsy2q-2"
+  componentId: "core-11_23_4__sc-ufsy2q-2"
 })(["pointer-events:", ";", ""], function (_ref) {
   var disabled = _ref.disabled,
     $loading = _ref.$loading;

package/dist/Dropdown/index.d.ts

@@ -1,2 +1,2 @@
 export { Dropdown, DropdownConsumer } from './Dropdown';
-export { DropdownProps } from './Dropdown.types';
+export type { DropdownProps } from './Dropdown.types';

package/dist/Dropdown/index.js

@@ -1,3 +1,2 @@
 export { Dropdown, DropdownConsumer } from './Dropdown';
-export { DropdownProps } from './Dropdown.types';
 //# sourceMappingURL=index.js.map

package/dist/Dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Dropdown","DropdownConsumer","DropdownProps"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export { Dropdown, DropdownConsumer } from './Dropdown'\nexport { DropdownProps } from './Dropdown.types'\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,YAAY;AACvD,SAASC,aAAa,QAAQ,kBAAkB"}
+{"version":3,"file":"index.js","names":["Dropdown","DropdownConsumer"],"sources":["../../src/Dropdown/index.ts"],"sourcesContent":["export { Dropdown, DropdownConsumer } from './Dropdown'\nexport type { DropdownProps } from './Dropdown.types'\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,gBAAgB,QAAQ,YAAY"}

package/dist/DropdownFlyout/DropdownFlyout.js

@@ -178,7 +178,7 @@ export var DropdownFlyout = /*#__PURE__*/React.forwardRef(function DropdownFlyou
     isExpanded = _useDropdownFlyout.isExpanded,
     isHighlighted = _useDropdownFlyout.isHighlighted;
   useClickOutside({
-    onClickOutside: closeSelectedDropdown,
+    onClickOutside: isOpen ? closeSelectedDropdown : noop,
     refs: [containerRef]
   });
   var element = typeof children === 'function' ? children({

package/dist/DropdownFlyout/DropdownFlyout.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFlyout.js","names":["EllipsisVertical","React","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","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","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","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport React, { MouseEvent } from 'react'\nimport { 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 { 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 {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n  rootId,\n} 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        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>\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://procore.github.io/core/core-react/latest/?path=/story/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: closeSelectedDropdown,\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  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: trigger.ref\n          ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n          : mergeRefs(targetRef, setReferenceEl),\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","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","useCallback","onMouseLeave","e","relatedTarget","Node","current","contains","_React$useState","useState","_React$useState2","_slicedToArray","referenceEl","setReferenceEl","Fragment","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","cloneElement","_trigger$props$onClic","_trigger$props","call","tabIndex","Provider","value"],"sources":["../../src/DropdownFlyout/DropdownFlyout.tsx"],"sourcesContent":["import { EllipsisVertical } from '@procore/core-icons/dist'\nimport React, { MouseEvent } from 'react'\nimport { 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 { 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 {\n  DropdownFlyoutProps,\n  FlyoutCaptionProps,\n  FlyoutItemProps,\n  FlyoutListProps,\n  rootId,\n} 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        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>\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://procore.github.io/core/core-react/latest/?path=/story/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  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: trigger.ref\n          ? mergeRefs(trigger.ref, targetRef, setReferenceEl)\n          : mergeRefs(targetRef, setReferenceEl),\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.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-11_23_2__sc-1i79jsg-0"
+  componentId: "core-11_23_4__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-11_23_2__sc-1i79jsg-1"
+  componentId: "core-11_23_4__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-11_23_2__sc-1i79jsg-2"
+  componentId: "core-11_23_4__sc-1i79jsg-2"
 })(["", ""], getEllipsis());
 export var StyledDropdownFlyoutExpandIcon = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledDropdownFlyoutExpandIcon",
-  componentId: "core-11_23_2__sc-1i79jsg-3"
+  componentId: "core-11_23_4__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/Dropzone/Dropzone.js

@@ -94,7 +94,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-11_23_2__sc-l4fojb-0"
+  componentId: "core-11_23_4__sc-l4fojb-0"
 })([""]);
 function DropzoneContainer(_ref3) {
   var active = _ref3.active,

package/dist/Dropzone/Dropzone.styles.js

@@ -9,15 +9,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledErrorBanner = /*#__PURE__*/styled(ErrorBannerBase).withConfig({
   displayName: "StyledErrorBanner",
-  componentId: "core-11_23_2__sc-by95hy-0"
+  componentId: "core-11_23_4__sc-by95hy-0"
 })(["margin-top:", "px;flex-shrink:0;"], spacing.lg);
 export var StyledErrorBannerDetails = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledErrorBannerDetails",
-  componentId: "core-11_23_2__sc-by95hy-1"
+  componentId: "core-11_23_4__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-11_23_2__sc-by95hy-2"
+  componentId: "core-11_23_4__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);
@@ -26,7 +26,7 @@ var activeDropzone = /*#__PURE__*/css(["outline:none;border:2px dashed ", ";back
 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-11_23_2__sc-by95hy-3"
+  componentId: "core-11_23_4__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);
@@ -43,25 +43,25 @@ export var StyledDropzoneContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledDropzoneMessage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDropzoneMessage",
-  componentId: "core-11_23_2__sc-by95hy-4"
+  componentId: "core-11_23_4__sc-by95hy-4"
 })(["user-select:none;"]);
 export var StyledUploadButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledUploadButton",
-  componentId: "core-11_23_2__sc-by95hy-5"
+  componentId: "core-11_23_4__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-11_23_2__sc-by95hy-6"
+  componentId: "core-11_23_4__sc-by95hy-6"
 })(["color:", ";"], function (_ref6) {
   var error = _ref6.error;
   return error && colors.gray15;
 });
 export var StyledDropzoneWrapper = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledDropzoneWrapper",
-  componentId: "core-11_23_2__sc-by95hy-7"
+  componentId: "core-11_23_4__sc-by95hy-7"
 })(["height:100%;"]);
 export var StyledDropzoneFocusDetector = /*#__PURE__*/styled(Box).withConfig({
   displayName: "StyledDropzoneFocusDetector",
-  componentId: "core-11_23_2__sc-by95hy-8"
+  componentId: "core-11_23_4__sc-by95hy-8"
 })(["height:100%;"]);
 //# sourceMappingURL=Dropzone.styles.js.map

package/dist/Dropzone/index.d.ts

@@ -1,3 +1,3 @@
 export { Dropzone } from './Dropzone';
 export { useDropzone } from './Dropzone.hooks';
-export { DropzoneProps } from './Dropzone.types';
+export type { DropzoneProps } from './Dropzone.types';

package/dist/Dropzone/index.js

@@ -1,4 +1,3 @@
 export { Dropzone } from './Dropzone';
 export { useDropzone } from './Dropzone.hooks';
-export { DropzoneProps } from './Dropzone.types';
 //# sourceMappingURL=index.js.map

package/dist/Dropzone/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Dropzone","useDropzone","DropzoneProps"],"sources":["../../src/Dropzone/index.ts"],"sourcesContent":["export { Dropzone } from './Dropzone'\nexport { useDropzone } from './Dropzone.hooks'\nexport { DropzoneProps } from './Dropzone.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,aAAa,QAAQ,kBAAkB"}
+{"version":3,"file":"index.js","names":["Dropzone","useDropzone"],"sources":["../../src/Dropzone/index.ts"],"sourcesContent":["export { Dropzone } from './Dropzone'\nexport { useDropzone } from './Dropzone.hooks'\nexport type { DropzoneProps } from './Dropzone.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,QAAQ,kBAAkB"}

package/dist/EmptyState/EmptyState.styles.js

@@ -6,27 +6,27 @@ var emptyStateWidth = 440;
 var emptyStateWidthCompact = 352;
 export var StyledSvg = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledSvg",
-  componentId: "core-11_23_2__sc-1xaoo8n-0"
+  componentId: "core-11_23_4__sc-1xaoo8n-0"
 })(["width:200px;height:200px;"]);
 export var StyledImage = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImage",
-  componentId: "core-11_23_2__sc-1xaoo8n-1"
+  componentId: "core-11_23_4__sc-1xaoo8n-1"
 })([""]);
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-11_23_2__sc-1xaoo8n-2"
+  componentId: "core-11_23_4__sc-1xaoo8n-2"
 })(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.xl, colors.gray15, emptyStateWidth, getTypographyIntent('h2'));
 export var StyledDescription = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledDescription",
-  componentId: "core-11_23_2__sc-1xaoo8n-3"
+  componentId: "core-11_23_4__sc-1xaoo8n-3"
 })(["margin-top:", "px;text-align:center;color:", ";width:", "px;", ""], spacing.lg, colors.gray45, emptyStateWidth, getTypographyIntent('h3'));
 export var StyledActions = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledActions",
-  componentId: "core-11_23_2__sc-1xaoo8n-4"
+  componentId: "core-11_23_4__sc-1xaoo8n-4"
 })(["margin-top:", "px;"], spacing.xl);
 export var StyledEmptyState = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEmptyState",
-  componentId: "core-11_23_2__sc-1xaoo8n-5"
+  componentId: "core-11_23_4__sc-1xaoo8n-5"
 })(["display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:", "px;margin-bottom:", "px;", "{> img{max-width:200px;}}", "}"], function (_ref) {
   var compact = _ref.compact;
   return compact ? 0 : 96;

package/dist/EmptyState/index.d.ts

@@ -1,2 +1,2 @@
 export { EmptyState } from './EmptyState';
-export { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types';
+export type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types';

package/dist/EmptyState/index.js

@@ -1,3 +1,2 @@
 export { EmptyState } from './EmptyState';
-export { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types';
 //# sourceMappingURL=index.js.map

package/dist/EmptyState/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EmptyState","EmptyStateImageProps","EmptyStateProps"],"sources":["../../src/EmptyState/index.ts"],"sourcesContent":["export { EmptyState } from './EmptyState'\nexport { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,oBAAoB,EAAEC,eAAe,QAAQ,oBAAoB"}
+{"version":3,"file":"index.js","names":["EmptyState"],"sources":["../../src/EmptyState/index.ts"],"sourcesContent":["export { EmptyState } from './EmptyState'\nexport type { EmptyStateImageProps, EmptyStateProps } from './EmptyState.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc"}

package/dist/Field/Field.styles.js

@@ -2,14 +2,14 @@ import styled from 'styled-components';
 import { getSmallIconBodyTextRules, StyledP } from '../Semantic/Semantic.styles';
 export var StyledField = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledField",
-  componentId: "core-11_23_2__sc-1q3pe6s-0"
+  componentId: "core-11_23_4__sc-1q3pe6s-0"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 export var StyledFieldHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldHeader",
-  componentId: "core-11_23_2__sc-1q3pe6s-1"
+  componentId: "core-11_23_4__sc-1q3pe6s-1"
 })(["", " > ", "{", "}"], getSmallIconBodyTextRules, StyledP, getSmallIconBodyTextRules);
 export var StyledFieldFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFieldFooter",
-  componentId: "core-11_23_2__sc-1q3pe6s-2"
+  componentId: "core-11_23_4__sc-1q3pe6s-2"
 })(["> ", "{", "}"], StyledP, getSmallIconBodyTextRules);
 //# sourceMappingURL=Field.styles.js.map

package/dist/FileList/FileList.styles.js

@@ -3,18 +3,18 @@ import { LinkButton } from '../Button/Button';
 import { spacing } from '../_styles/spacing';
 export var StyledFileListDownloadAll = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListDownloadAll",
-  componentId: "core-11_23_2__sc-7gltjc-0"
+  componentId: "core-11_23_4__sc-7gltjc-0"
 })(["margin-bottom:", "px;"], spacing.xs);
 export var StyledFileListItem = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledFileListItem",
-  componentId: "core-11_23_2__sc-7gltjc-1"
+  componentId: "core-11_23_4__sc-7gltjc-1"
 })(["display:flex;align-items:center;margin-bottom:", "px;word-break:break-word;&:last-child{margin-bottom:0;}"], spacing.xs);
 export var StyledFileListItemTextInactive = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledFileListItemTextInactive",
-  componentId: "core-11_23_2__sc-7gltjc-2"
+  componentId: "core-11_23_4__sc-7gltjc-2"
 })(["cursor:pointer;"]);
 export var StyledFileListItemDownloadIcon = /*#__PURE__*/styled(LinkButton).withConfig({
   displayName: "StyledFileListItemDownloadIcon",
-  componentId: "core-11_23_2__sc-7gltjc-3"
+  componentId: "core-11_23_4__sc-7gltjc-3"
 })(["margin-left:", "px;align-self:flex-start;"], spacing.sm);
 //# sourceMappingURL=FileList.styles.js.map

package/dist/FileList/index.d.ts

@@ -1,2 +1,2 @@
 export { FileList } from './FileList';
-export { FileListProps } from './FileList.types';
+export type { FileListProps } from './FileList.types';

package/dist/FileList/index.js

@@ -1,3 +1,2 @@
 export { FileList } from './FileList';
-export { FileListProps } from './FileList.types';
 //# sourceMappingURL=index.js.map

package/dist/FileList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FileList","FileListProps"],"sources":["../../src/FileList/index.ts"],"sourcesContent":["export { FileList } from './FileList'\nexport { FileListProps } from './FileList.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,kBAAkB"}
+{"version":3,"file":"index.js","names":["FileList"],"sources":["../../src/FileList/index.ts"],"sourcesContent":["export { FileList } from './FileList'\nexport type { FileListProps } from './FileList.types'\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,YAAY"}

package/dist/FileSelect/FileExplorer/FileExplorer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<HTMLDivElement, FileExplorerProps & PortalProps>(\n  function FileExplorer(\n    {\n      maxFileNumber = Infinity,\n      children,\n      onSubmit,\n      sources,\n      isOpen,\n      currentSource,\n      onCurrentSourceChange,\n      onCancel,\n      unsubmittedValueCount,\n      qa,\n      ...props\n    },\n    ref\n  ) {\n    const I18n = useI18nContext()\n    const hasPendingUploadSources = sources.some(\n      ({ isUploading }) => isUploading\n    )\n\n    const isAttachButtonDisabled =\n      hasPendingUploadSources || unsubmittedValueCount === 0\n\n    return (\n      <FileExplorerModal\n        {...props}\n        ref={ref}\n        open={isOpen}\n        onKeyDown={(e) => {\n          if (e.key === 'Esc' || e.key === 'Escape') {\n            onCancel()\n          }\n        }}\n      >\n        <StyledModalHeader\n          onClose={() => {\n            onCancel()\n          }}\n        >\n          {I18n.t('core.fileExplorer.modalTitle')}\n        </StyledModalHeader>\n        <StyledModalBody>\n          <StyledModalInnerBody>\n            <FileExplorerSidebar\n              value={currentSource}\n              onChange={onCurrentSourceChange}\n              sources={sources}\n              isOpen={isOpen}\n            />\n            {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n            <StyledModalContent tabIndex={-1}>\n              <StyledSource>{children}</StyledSource>\n            </StyledModalContent>\n          </StyledModalInnerBody>\n        </StyledModalBody>\n        <Modal.Footer>\n          <Modal.FooterNotation>\n            <Typography color=\"gray45\" italic>\n              {maxFileNumber === Infinity\n                ? I18n.t('core.fileExplorer.filesSelected', {\n                    count: unsubmittedValueCount,\n                  })\n                : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                    count: unsubmittedValueCount,\n                    maxFileNumber: maxFileNumber,\n                  })}\n            </Typography>\n          </Modal.FooterNotation>\n          <Modal.FooterButtons>\n            <Button\n              data-qa={qa?.cancelButton}\n              variant=\"tertiary\"\n              onClick={() => {\n                onCancel()\n              }}\n            >\n              {I18n.t('core.fileExplorer.cancelAction')}\n            </Button>\n            <Tooltip\n              showKeys={[]}\n              trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n              overlay={\n                hasPendingUploadSources\n                  ? I18n.t('core.fileExplorer.filesPendingUpload')\n                  : I18n.t('core.fileExplorer.noSelectedItems')\n              }\n            >\n              {/* this wrapper is required for the tooltip to work with disabled button */}\n              <StyledAttachButton>\n                <Button\n                  data-qa={qa?.attachButton}\n                  variant=\"primary\"\n                  disabled={isAttachButtonDisabled}\n                  onClick={() => {\n                    onSubmit?.()\n                  }}\n                >\n                  {I18n.t('core.fileExplorer.attachAction')}\n                </Button>\n              </StyledAttachButton>\n            </Tooltip>\n          </Modal.FooterButtons>\n        </Modal.Footer>\n      </FileExplorerModal>\n    )\n  }\n)\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorer.js","names":["React","Button","Modal","Tooltip","Typography","useI18nContext","FileExplorerSidebar","StyledAttachButton","StyledModalBody","StyledModalContent","StyledModalHeader","StyledModalInnerBody","StyledSource","FileExplorerModal","FileExplorer","forwardRef","_ref","ref","_ref$maxFileNumber","maxFileNumber","Infinity","children","onSubmit","sources","isOpen","currentSource","onCurrentSourceChange","onCancel","unsubmittedValueCount","qa","props","_objectWithoutProperties","_excluded","I18n","hasPendingUploadSources","some","_ref2","isUploading","isAttachButtonDisabled","createElement","_extends","open","onKeyDown","e","key","onClose","t","value","onChange","tabIndex","Footer","FooterNotation","color","italic","count","FooterButtons","cancelButton","variant","onClick","showKeys","trigger","overlay","attachButton","disabled"],"sources":["../../../src/FileSelect/FileExplorer/FileExplorer.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from '../../Button/Button'\nimport { Modal } from '../../Modal/Modal'\nimport { PortalProps } from '../../Portal/Portal.types'\nimport { Tooltip } from '../../Tooltip/Tooltip'\nimport { Typography } from '../../Typography/Typography'\nimport { useI18nContext } from '../../_hooks/I18n'\nimport { FileExplorerSidebar } from '../FileExplorer/FileExplorerSidebar'\nimport {\n  StyledAttachButton,\n  StyledModalBody,\n  StyledModalContent,\n  StyledModalHeader,\n  StyledModalInnerBody,\n  StyledSource,\n} from './FileExplorer.styles'\nimport { FileExplorerProps } from './FileExplorer.types'\nimport { FileExplorerModal } from './FileExplorerModal'\n\nexport const FileExplorer = React.forwardRef<\n  HTMLDivElement,\n  FileExplorerProps & PortalProps\n>(function FileExplorer(\n  {\n    maxFileNumber = Infinity,\n    children,\n    onSubmit,\n    sources,\n    isOpen,\n    currentSource,\n    onCurrentSourceChange,\n    onCancel,\n    unsubmittedValueCount,\n    qa,\n    ...props\n  },\n  ref\n) {\n  const I18n = useI18nContext()\n  const hasPendingUploadSources = sources.some(({ isUploading }) => isUploading)\n\n  const isAttachButtonDisabled =\n    hasPendingUploadSources || unsubmittedValueCount === 0\n\n  return (\n    <FileExplorerModal\n      {...props}\n      ref={ref}\n      open={isOpen}\n      onKeyDown={(e) => {\n        if (e.key === 'Esc' || e.key === 'Escape') {\n          onCancel()\n        }\n      }}\n    >\n      <StyledModalHeader\n        onClose={() => {\n          onCancel()\n        }}\n      >\n        {I18n.t('core.fileExplorer.modalTitle')}\n      </StyledModalHeader>\n      <StyledModalBody>\n        <StyledModalInnerBody>\n          <FileExplorerSidebar\n            value={currentSource}\n            onChange={onCurrentSourceChange}\n            sources={sources}\n            isOpen={isOpen}\n          />\n          {/* prevent <div /> from being focused in FF: https://bugzilla.mozilla.org/show_bug.cgi?id=616594 */}\n          <StyledModalContent tabIndex={-1}>\n            <StyledSource>{children}</StyledSource>\n          </StyledModalContent>\n        </StyledModalInnerBody>\n      </StyledModalBody>\n      <Modal.Footer>\n        <Modal.FooterNotation>\n          <Typography color=\"gray45\" italic>\n            {maxFileNumber === Infinity\n              ? I18n.t('core.fileExplorer.filesSelected', {\n                  count: unsubmittedValueCount,\n                })\n              : I18n.t('core.fileExplorer.filesSelectedWithLimit', {\n                  count: unsubmittedValueCount,\n                  maxFileNumber: maxFileNumber,\n                })}\n          </Typography>\n        </Modal.FooterNotation>\n        <Modal.FooterButtons>\n          <Button\n            data-qa={qa?.cancelButton}\n            variant=\"tertiary\"\n            onClick={() => {\n              onCancel()\n            }}\n          >\n            {I18n.t('core.fileExplorer.cancelAction')}\n          </Button>\n          <Tooltip\n            showKeys={[]}\n            trigger={isAttachButtonDisabled ? 'hover' : 'none'}\n            overlay={\n              hasPendingUploadSources\n                ? I18n.t('core.fileExplorer.filesPendingUpload')\n                : I18n.t('core.fileExplorer.noSelectedItems')\n            }\n          >\n            {/* this wrapper is required for the tooltip to work with disabled button */}\n            <StyledAttachButton>\n              <Button\n                data-qa={qa?.attachButton}\n                variant=\"primary\"\n                disabled={isAttachButtonDisabled}\n                onClick={() => {\n                  onSubmit?.()\n                }}\n              >\n                {I18n.t('core.fileExplorer.attachAction')}\n              </Button>\n            </StyledAttachButton>\n          </Tooltip>\n        </Modal.FooterButtons>\n      </Modal.Footer>\n    </FileExplorerModal>\n  )\n})\n"],"mappings":"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"}

package/dist/FileSelect/FileExplorer/FileExplorer.styles.js

@@ -12,40 +12,40 @@ var modalContainerMaxHeight = 996;
 var modalContainerMargin = 80;
 export var StyledModalOverlay = /*#__PURE__*/styled(Modal.Overlay).withConfig({
   displayName: "StyledModalOverlay",
-  componentId: "core-11_23_2__sc-343gts-0"
+  componentId: "core-11_23_4__sc-343gts-0"
 })(["opacity:0;pointer-events:none;transition:opacity 0.3s linear;visibility:hidden;", ""], function (props) {
   return props.$open && "\n  opacity: 1;\n  pointer-events: all;\n  visibility: visible;\n  ";
 });
 export var StyledModalContainer = /*#__PURE__*/styled(Modal.Container).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-11_23_2__sc-343gts-1"
+  componentId: "core-11_23_4__sc-343gts-1"
 })(["width:calc(100% - ", "px);height:calc(100% - ", "px);top:calc(50vh - ", "px);left:calc(50vw - ", "px);margin:", "px;min-width:", "px;min-height:", "px;max-width:", "px;max-height:", "px;"], modalContainerMargin * 2, modalContainerMargin * 2, modalContainerMargin, modalContainerMargin, modalContainerMargin, modalContainerMinWidth, modalContainerMinHeight, modalContainerMaxWidth, modalContainerMaxHeight);
 export var StyledModalBody = /*#__PURE__*/styled(Modal.Body).withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-11_23_2__sc-343gts-2"
+  componentId: "core-11_23_4__sc-343gts-2"
 })(["min-height:", "px;height:100%;margin:0;max-width:none;padding:0;border-bottom:1px solid ", ";"], modalBodyMinHeight, colors.gray85);
 export var StyledModalInnerBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalInnerBody",
-  componentId: "core-11_23_2__sc-343gts-3"
+  componentId: "core-11_23_4__sc-343gts-3"
 })(["display:flex;flex-direction:row;height:100%;overflow:hidden;"]);
 export var StyledModalHeader = /*#__PURE__*/styled(Modal.Header).withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_23_2__sc-343gts-4"
+  componentId: "core-11_23_4__sc-343gts-4"
 })(["border-bottom:1px solid ", ";"], colors.gray85);
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_23_2__sc-343gts-5"
+  componentId: "core-11_23_4__sc-343gts-5"
 })(["display:flex;width:100%;height:100%;overflow-y:auto;outline:none;"]);
 export var StyledSource = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSource",
-  componentId: "core-11_23_2__sc-343gts-6"
+  componentId: "core-11_23_4__sc-343gts-6"
 })(["width:100%;height:100%;"]);
 export var StyledAttachButton = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAttachButton",
-  componentId: "core-11_23_2__sc-343gts-7"
+  componentId: "core-11_23_4__sc-343gts-7"
 })(["margin-left:", "px;"], spacing.md);
 export var StyledFileTreeSpinner = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFileTreeSpinner",
-  componentId: "core-11_23_2__sc-343gts-8"
+  componentId: "core-11_23_4__sc-343gts-8"
 })(["display:flex;align-items:center;justify-content:center;height:100%;"]);
 //# sourceMappingURL=FileExplorer.styles.js.map