@procore/core-react 11.24.0 → 11.24.2

package/dist/MenuImperative/sensors.js.map

@@ -1 +1 @@
-{"version":3,"file":"sensors.js","names":["scrollIntoView","noop","MOUSE_ENTER","MOUSE_LEAVE","menuItemsWrapperAttributeName","menuItemsWrapperAttribute","_defineProperty","isItem","element","hasAttribute","isGroup","el","JSON","parse","dataset","group","isWrapper","getAttribute","getFirstItem","menu","firstItem","querySelector","getNextItem","getPrevItem","item","_item$parentElement2","previousElementSibling","getLastItem","parentElement","_item$parentElement","_item$parentElement3","_item$parentElement3$","prevDroppableItems","querySelectorAll","length","_item$parentElement5","nextElementSibling","_item$parentElement4","_item$parentElement6","_item$parentElement6$","items","lastItem","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","currentDrag","onSelect","select","event","current","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","_item$getAttribute","id","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","_currentDrag4","key","_currentDrag","preventDefault","isActive","moveUp","_currentDrag2","moveDown","_currentDrag3","ctrlKey","metaKey","_highlightedItem6","draggableId","_dragAndDropApi","preDrag","tryGetLock","snapLift","drop","cancel","handleItemHover","useKeyboardSensor","api","updateSelectCallback","callback","highlighted","_highlightedItem7","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem8","_ref$current3","newItem","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import React from 'react'\nimport { SensorAPI, SnapDragActions } from 'react-beautiful-dnd'\nimport { scrollIntoView } from '../_utils/scrollIntoView'\nimport { Selection } from './MenuImperative.types'\n\nfunction noop() {}\n\nconst MOUSE_ENTER = 'mouseenter'\nconst MOUSE_LEAVE = 'mouseleave'\n\nconst menuItemsWrapperAttributeName = 'data-core-menuimperative-items-wrapper'\nexport const menuItemsWrapperAttribute = {\n  [menuItemsWrapperAttributeName]: 'true',\n}\n\nconst isItem = (element: Element | null) => element?.hasAttribute('data-value')\n\nfunction isGroup(el: HTMLElement) {\n  return JSON.parse(el.dataset.group || 'false')\n}\n\nconst isWrapper = (element: Element | null) =>\n  element?.getAttribute(menuItemsWrapperAttributeName) === 'true'\n\nfunction getFirstItem(menu: Element | null) {\n  const firstItem = menu?.querySelector<HTMLElement>('[data-value]:first-child')\n\n  if (firstItem && isGroup(firstItem)) {\n    return getNextItem(firstItem)\n  }\n\n  return firstItem\n}\n\nfunction getPrevItem(item: Element): HTMLElement | null {\n  if (item.previousElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.previousElementSibling)) {\n      return getLastItem(item.previousElementSibling) as HTMLElement\n    }\n\n    return item.previousElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.previousElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    const prevDroppableItems =\n      item?.parentElement?.previousElementSibling?.querySelectorAll<HTMLElement>(\n        '[data-group=\"false\"]'\n      )\n    return prevDroppableItems?.length\n      ? prevDroppableItems[prevDroppableItems.length - 1]\n      : null\n  }\n\n  return null\n}\n\nfunction getNextItem(item: Element): HTMLElement | null {\n  if (item.nextElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.nextElementSibling)) {\n      return getFirstItem(item.previousElementSibling) as HTMLElement\n    }\n    return item.nextElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.nextElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    return item?.parentElement?.nextElementSibling?.querySelector(\n      '[data-group=\"false\"]'\n    ) as HTMLElement\n  }\n\n  return null\n}\n\nfunction getLastItem(menu: Element | null) {\n  const items = menu?.querySelectorAll<HTMLElement>('[data-value]')\n  const lastItem = items?.[items.length - 1]\n\n  if (lastItem && isGroup(lastItem)) {\n    return getPrevItem(lastItem)\n  }\n\n  return lastItem\n}\n\nfunction updateHighlightedAttribute(\n  item: Element | null | undefined,\n  highlight: boolean\n) {\n  item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n  item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n}\n\nexport function createSensors(\n  ref: React.RefObject<HTMLDivElement>,\n  circular: boolean,\n  onChangeActiveDescendant: (\n    id: string | undefined,\n    menuRef: Element | null\n  ) => void\n) {\n  let highlightedItem: HTMLElement | null = null\n  let dragAndDropApi: SensorAPI | null = null\n  let currentDrag: SnapDragActions | null = null\n  let onSelect: (selection: Selection) => any = noop\n\n  function select(\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) {\n    if (ref.current && highlightedItem) {\n      const disabled = JSON.parse(highlightedItem?.dataset.disabled || 'false')\n      if (disabled) return\n\n      const item = JSON.parse(highlightedItem?.dataset.value || 'null')\n      const selected = JSON.parse(highlightedItem?.dataset.selected || 'false')\n      const restoreFocus = highlightedItem?.dataset.restorefocus\n        ? JSON.parse(highlightedItem?.dataset.restorefocus)\n        : undefined\n\n      if (highlightedItem.tagName === 'A') {\n        highlightedItem.click()\n      }\n\n      onSelect?.({\n        event,\n        item,\n        group: false,\n        action: selected ? 'unselected' : 'selected',\n        ...(restoreFocus === undefined ? {} : { restoreFocus }),\n      })\n    }\n  }\n\n  function highlightItem(\n    item: HTMLElement | null | undefined,\n    shouldScroll: boolean = true\n  ) {\n    // performance improvement, highlightItem is called onMouseMove for Item\n    if (item === highlightedItem) {\n      return\n    }\n\n    if (item) {\n      updateHighlightedAttribute(highlightedItem, false)\n\n      // TODO add localized screenreader instructions for the item\n      updateHighlightedAttribute(item, true)\n\n      const id = item.getAttribute('id') ?? undefined\n      onChangeActiveDescendant(id, ref.current)\n\n      highlightedItem = item\n\n      if (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\n  }\n\n  function getPrevHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const prev = getPrevItem(currentItem)\n    if (prev) {\n      if (isItem(prev)) {\n        if (isGroup(prev)) {\n          return getPrevHighlightableItem(prev)\n        } else {\n          return prev\n        }\n      }\n    } else if (circular) {\n      return getLastItem(ref.current)\n    }\n\n    return prev\n  }\n\n  function getNextHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const next = getNextItem(currentItem)\n\n    if (next) {\n      if (isItem(next)) {\n        if (isGroup(next)) {\n          return getNextHighlightableItem(next)\n        }\n        return next\n      }\n    } else if (circular) {\n      return getFirstItem(ref.current)\n    }\n  }\n\n  function highlightFirstItem(shouldScroll: boolean = true) {\n    highlightItem(getFirstItem(ref.current), shouldScroll)\n  }\n\n  function highlightLastItem(shouldScroll: boolean = true) {\n    highlightItem(getLastItem(ref.current), shouldScroll)\n  }\n\n  function highlightPrevItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev)\n      }\n    } else {\n      highlightLastItem()\n    }\n  }\n\n  function highlightNextItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next)\n      }\n    } else {\n      highlightFirstItem()\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveUp() : highlightPrevItem()\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveDown() : highlightNextItem()\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (event.ctrlKey || event.metaKey) {\n            const draggableId = highlightedItem?.getAttribute(\n              'data-rbd-draggable-id'\n            )\n            if (draggableId) {\n              const preDrag = dragAndDropApi?.tryGetLock(draggableId)\n              if (preDrag) {\n                currentDrag = preDrag.snapLift()\n              }\n            }\n          } else if (currentDrag?.isActive()) {\n            currentDrag.drop()\n          } else {\n            select(event)\n          }\n        } else if (event.key === 'Escape' && currentDrag?.isActive()) {\n          currentDrag.cancel()\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      highlightItem(el, false)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\n    },\n\n    updateSelectCallback(callback: (selection: Selection) => any) {\n      onSelect = callback\n    },\n\n    highlight: highlightItem,\n\n    highlighted() {\n      return JSON.parse(highlightedItem?.dataset.value || 'null')\n    },\n\n    highlightFirst: highlightFirstItem,\n    highlightLast: highlightLastItem,\n    rehighlightCurrent() {\n      // Rehighlights an item that may have lost its styling due to the re-render of the list items\n      const draggableId = highlightedItem?.getAttribute('data-rbd-draggable-id')\n      if (draggableId) {\n        const newItem = ref.current?.querySelector<HTMLElement>(\n          `[data-rbd-draggable-id=\"${draggableId.replace(/\"/g, '\\\\\"')}\"]`\n        )\n        highlightItem(newItem)\n      }\n    },\n\n    highlightSelected(shouldScroll: boolean = true) {\n      const selectedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-selected=\"true\"]'\n      )\n\n      highlightItem(selectedItem, shouldScroll)\n    },\n\n    highlightSuggested(shouldScroll: boolean = true) {\n      const suggestedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-suggested=\"true\"]'\n      )\n\n      highlightItem(suggestedItem, shouldScroll)\n    },\n\n    prev: highlightPrevItem,\n    next: highlightNextItem,\n    select,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"sensors.js","names":["scrollIntoView","noop","MOUSE_ENTER","MOUSE_LEAVE","menuItemsWrapperAttributeName","menuItemsWrapperAttribute","_defineProperty","isItem","element","hasAttribute","isGroup","el","JSON","parse","dataset","group","isWrapper","getAttribute","getFirstItem","menu","firstItem","querySelector","getNextItem","getPrevItem","item","_item$parentElement2","previousElementSibling","getLastItem","parentElement","_item$parentElement","_item$parentElement3","_item$parentElement3$","prevDroppableItems","querySelectorAll","length","_item$parentElement5","nextElementSibling","_item$parentElement4","_item$parentElement6","_item$parentElement6$","items","lastItem","updateHighlightedAttribute","highlight","setAttribute","dispatchEvent","MouseEvent","createSensors","ref","circular","onChangeActiveDescendant","highlightedItem","dragAndDropApi","currentDrag","onSelect","select","event","current","_highlightedItem","_highlightedItem2","_highlightedItem3","_highlightedItem4","_highlightedItem5","_onSelect","disabled","value","selected","restoreFocus","restorefocus","undefined","tagName","click","_objectSpread","action","highlightItem","shouldScroll","arguments","_item$getAttribute","id","getPrevHighlightableItem","currentItem","prev","getNextHighlightableItem","next","highlightFirstItem","highlightLastItem","highlightPrevItem","_ref$current","contains","highlightNextItem","_ref$current2","handleKeyDown","_currentDrag4","key","_currentDrag","preventDefault","isActive","moveUp","_currentDrag2","moveDown","_currentDrag3","ctrlKey","metaKey","_highlightedItem6","draggableId","_dragAndDropApi","preDrag","tryGetLock","snapLift","drop","cancel","handleItemHover","useKeyboardSensor","api","updateSelectCallback","callback","highlighted","_highlightedItem7","highlightFirst","highlightLast","rehighlightCurrent","_highlightedItem8","_ref$current3","newItem","concat","replace","highlightSelected","_ref$current4","selectedItem","highlightSuggested","_ref$current5","suggestedItem"],"sources":["../../src/MenuImperative/sensors.ts"],"sourcesContent":["import type React from 'react'\nimport type { SensorAPI, SnapDragActions } from 'react-beautiful-dnd'\nimport { scrollIntoView } from '../_utils/scrollIntoView'\nimport type { Selection } from './MenuImperative.types'\n\nfunction noop() {}\n\nconst MOUSE_ENTER = 'mouseenter'\nconst MOUSE_LEAVE = 'mouseleave'\n\nconst menuItemsWrapperAttributeName = 'data-core-menuimperative-items-wrapper'\nexport const menuItemsWrapperAttribute = {\n  [menuItemsWrapperAttributeName]: 'true',\n}\n\nconst isItem = (element: Element | null) => element?.hasAttribute('data-value')\n\nfunction isGroup(el: HTMLElement) {\n  return JSON.parse(el.dataset.group || 'false')\n}\n\nconst isWrapper = (element: Element | null) =>\n  element?.getAttribute(menuItemsWrapperAttributeName) === 'true'\n\nfunction getFirstItem(menu: Element | null) {\n  const firstItem = menu?.querySelector<HTMLElement>('[data-value]:first-child')\n\n  if (firstItem && isGroup(firstItem)) {\n    return getNextItem(firstItem)\n  }\n\n  return firstItem\n}\n\nfunction getPrevItem(item: Element): HTMLElement | null {\n  if (item.previousElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.previousElementSibling)) {\n      return getLastItem(item.previousElementSibling) as HTMLElement\n    }\n\n    return item.previousElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.previousElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    const prevDroppableItems =\n      item?.parentElement?.previousElementSibling?.querySelectorAll<HTMLElement>(\n        '[data-group=\"false\"]'\n      )\n    return prevDroppableItems?.length\n      ? prevDroppableItems[prevDroppableItems.length - 1]\n      : null\n  }\n\n  return null\n}\n\nfunction getNextItem(item: Element): HTMLElement | null {\n  if (item.nextElementSibling) {\n    // LocationFilter in data-table has div-wrapper around some items\n    if (isWrapper(item.nextElementSibling)) {\n      return getFirstItem(item.previousElementSibling) as HTMLElement\n    }\n    return item.nextElementSibling as HTMLElement\n  }\n\n  if (isWrapper(item?.parentElement)) {\n    return item?.parentElement?.nextElementSibling as HTMLElement\n  }\n\n  if (item?.parentElement?.getAttribute('data-droppable') === 'true') {\n    return item?.parentElement?.nextElementSibling?.querySelector(\n      '[data-group=\"false\"]'\n    ) as HTMLElement\n  }\n\n  return null\n}\n\nfunction getLastItem(menu: Element | null) {\n  const items = menu?.querySelectorAll<HTMLElement>('[data-value]')\n  const lastItem = items?.[items.length - 1]\n\n  if (lastItem && isGroup(lastItem)) {\n    return getPrevItem(lastItem)\n  }\n\n  return lastItem\n}\n\nfunction updateHighlightedAttribute(\n  item: Element | null | undefined,\n  highlight: boolean\n) {\n  item?.setAttribute('data-highlighted', highlight ? 'true' : 'false')\n  item?.dispatchEvent(new MouseEvent(highlight ? MOUSE_ENTER : MOUSE_LEAVE))\n}\n\nexport function createSensors(\n  ref: React.RefObject<HTMLDivElement>,\n  circular: boolean,\n  onChangeActiveDescendant: (\n    id: string | undefined,\n    menuRef: Element | null\n  ) => void\n) {\n  let highlightedItem: HTMLElement | null = null\n  let dragAndDropApi: SensorAPI | null = null\n  let currentDrag: SnapDragActions | null = null\n  let onSelect: (selection: Selection) => any = noop\n\n  function select(\n    event:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>\n  ) {\n    if (ref.current && highlightedItem) {\n      const disabled = JSON.parse(highlightedItem?.dataset.disabled || 'false')\n      if (disabled) return\n\n      const item = JSON.parse(highlightedItem?.dataset.value || 'null')\n      const selected = JSON.parse(highlightedItem?.dataset.selected || 'false')\n      const restoreFocus = highlightedItem?.dataset.restorefocus\n        ? JSON.parse(highlightedItem?.dataset.restorefocus)\n        : undefined\n\n      if (highlightedItem.tagName === 'A') {\n        highlightedItem.click()\n      }\n\n      onSelect?.({\n        event,\n        item,\n        group: false,\n        action: selected ? 'unselected' : 'selected',\n        ...(restoreFocus === undefined ? {} : { restoreFocus }),\n      })\n    }\n  }\n\n  function highlightItem(\n    item: HTMLElement | null | undefined,\n    shouldScroll: boolean = true\n  ) {\n    // performance improvement, highlightItem is called onMouseMove for Item\n    if (item === highlightedItem) {\n      return\n    }\n\n    if (item) {\n      updateHighlightedAttribute(highlightedItem, false)\n\n      // TODO add localized screenreader instructions for the item\n      updateHighlightedAttribute(item, true)\n\n      const id = item.getAttribute('id') ?? undefined\n      onChangeActiveDescendant(id, ref.current)\n\n      highlightedItem = item\n\n      if (shouldScroll) {\n        scrollIntoView(-1, item)\n      }\n    } else {\n      onChangeActiveDescendant('', ref.current)\n    }\n  }\n\n  function getPrevHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const prev = getPrevItem(currentItem)\n    if (prev) {\n      if (isItem(prev)) {\n        if (isGroup(prev)) {\n          return getPrevHighlightableItem(prev)\n        } else {\n          return prev\n        }\n      }\n    } else if (circular) {\n      return getLastItem(ref.current)\n    }\n\n    return prev\n  }\n\n  function getNextHighlightableItem(\n    currentItem: HTMLElement\n  ): HTMLElement | null | undefined {\n    const next = getNextItem(currentItem)\n\n    if (next) {\n      if (isItem(next)) {\n        if (isGroup(next)) {\n          return getNextHighlightableItem(next)\n        }\n        return next\n      }\n    } else if (circular) {\n      return getFirstItem(ref.current)\n    }\n  }\n\n  function highlightFirstItem(shouldScroll: boolean = true) {\n    highlightItem(getFirstItem(ref.current), shouldScroll)\n  }\n\n  function highlightLastItem(shouldScroll: boolean = true) {\n    highlightItem(getLastItem(ref.current), shouldScroll)\n  }\n\n  function highlightPrevItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const prev = getPrevHighlightableItem(highlightedItem)\n      if (prev) {\n        highlightItem(prev)\n      }\n    } else {\n      highlightLastItem()\n    }\n  }\n\n  function highlightNextItem() {\n    if (highlightedItem && ref.current?.contains(highlightedItem)) {\n      const next = getNextHighlightableItem(highlightedItem)\n      if (next) {\n        highlightItem(next)\n      }\n    } else {\n      highlightFirstItem()\n    }\n  }\n\n  return {\n    handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {\n      if (ref.current) {\n        if (event.key === 'ArrowUp' || event.key === 'Up') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveUp() : highlightPrevItem()\n        } else if (event.key === 'ArrowDown' || event.key === 'Down') {\n          event.preventDefault()\n          currentDrag?.isActive() ? currentDrag.moveDown() : highlightNextItem()\n        } else if (event.key === 'Enter') {\n          event.preventDefault()\n          if (event.ctrlKey || event.metaKey) {\n            const draggableId = highlightedItem?.getAttribute(\n              'data-rbd-draggable-id'\n            )\n            if (draggableId) {\n              const preDrag = dragAndDropApi?.tryGetLock(draggableId)\n              if (preDrag) {\n                currentDrag = preDrag.snapLift()\n              }\n            }\n          } else if (currentDrag?.isActive()) {\n            currentDrag.drop()\n          } else {\n            select(event)\n          }\n        } else if (event.key === 'Escape' && currentDrag?.isActive()) {\n          currentDrag.cancel()\n        }\n      }\n    },\n    handleItemHover(el?: HTMLDivElement) {\n      highlightItem(el, false)\n    },\n    useKeyboardSensor(api: SensorAPI) {\n      dragAndDropApi = api\n    },\n\n    updateSelectCallback(callback: (selection: Selection) => any) {\n      onSelect = callback\n    },\n\n    highlight: highlightItem,\n\n    highlighted() {\n      return JSON.parse(highlightedItem?.dataset.value || 'null')\n    },\n\n    highlightFirst: highlightFirstItem,\n    highlightLast: highlightLastItem,\n    rehighlightCurrent() {\n      // Rehighlights an item that may have lost its styling due to the re-render of the list items\n      const draggableId = highlightedItem?.getAttribute('data-rbd-draggable-id')\n      if (draggableId) {\n        const newItem = ref.current?.querySelector<HTMLElement>(\n          `[data-rbd-draggable-id=\"${draggableId.replace(/\"/g, '\\\\\"')}\"]`\n        )\n        highlightItem(newItem)\n      }\n    },\n\n    highlightSelected(shouldScroll: boolean = true) {\n      const selectedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-selected=\"true\"]'\n      )\n\n      highlightItem(selectedItem, shouldScroll)\n    },\n\n    highlightSuggested(shouldScroll: boolean = true) {\n      const suggestedItem = ref.current?.querySelector<HTMLElement>(\n        '[data-suggested=\"true\"]'\n      )\n\n      highlightItem(suggestedItem, shouldScroll)\n    },\n\n    prev: highlightPrevItem,\n    next: highlightNextItem,\n    select,\n  }\n}\n"],"mappings":"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"}

package/dist/Modal/Modal.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { Heading } from '../Section/Section';
-import { TypographyProps } from '../Typography/Typography.types';
-import { RenderProps } from '../_hooks/Visibility';
-import { DivAttributes, SpanAttributes } from '../_utils/types';
-import { ConfirmModalProps, ModalBodyProps, ModalCloseableHeaderProps, ModalContainerProps, ModalProps } from './Modal.types';
+import type { TypographyProps } from '../Typography/Typography.types';
+import type { RenderProps } from '../_hooks/Visibility';
+import type { DivAttributes, SpanAttributes } from '../_utils/types';
+import type { ConfirmModalProps, ModalBodyProps, ModalCloseableHeaderProps, ModalContainerProps, ModalProps } from './Modal.types';
 export declare const ConfirmModal: React.ForwardRefExoticComponent<ConfirmModalProps & React.RefAttributes<HTMLDivElement>>;
 declare function ModalState(props: RenderProps): JSX.Element;
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {

package/dist/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","names":["Clear","FocusScope","React","useEffect","Button","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","defaultHowToClose","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$isBodyScrolled","t","closeButton","onClick","icon","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","size","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { FocusScope } from '@react-aria/focus'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../Form/closeWithConfirm'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport { TypographyProps } from '../Typography/Typography.types'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport { RenderProps, Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { DivAttributes, SpanAttributes } from '../_utils/types'\nimport {\n  ChildRegistryProvider,\n  useModalChildRegistryDispatch,\n} from './ChildRegistry.context'\nimport {\n  fadeInClassName,\n  fadeOutClassName,\n  StyledModal,\n  StyledModalBody,\n  StyledModalButtons,\n  StyledModalCancel,\n  StyledModalContainer,\n  StyledModalContent,\n  StyledModalFooter,\n  StyledModalFooterNotation,\n  StyledModalFooterSummary,\n  StyledModalHeader,\n  StyledModalHeading,\n  StyledModalScrim,\n  StyledModalWarningIcon,\n} from './Modal.styles'\nimport {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\n// TODO default in breaking\nconst defaultHowToClose: ModalOptionalCloseStartegy[] = ['scrim', 'x']\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, onClose: externalOnClose, qa, ...props }, ref) => {\n  const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const modalClosableHeaderRef = React.useRef(null)\n\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    if (onClose && howToClose?.includes('x')) {\n      closeWithConfirm(onClose)(e, 'x')\n      return\n    }\n    closeWithConfirm(externalOnClose!)(e)\n  }\n\n  return (\n    <StyledModalHeader\n      $isBodyScrolled={isBodyScrolled}\n      {...props}\n      ref={mergeRefs(ref, modalClosableHeaderRef)}\n    >\n      <StyledModalHeading>{children}</StyledModalHeading>\n      {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n        <StyledModalCancel>\n          <Button\n            aria-label={I18n.t('core.modal.a11y.close')}\n            data-qa={qa?.closeButton}\n            data-internal=\"close-button\"\n            onClick={onClickButton}\n            icon={<Clear />}\n            variant=\"tertiary\"\n          />\n        </StyledModalCancel>\n      ) : null}\n    </StyledModalHeader>\n  )\n})\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            isOverflowingY={isOverflowingY}\n            noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\n/**\n\n We use modals to present additional actions, information, or forms on pages\n where a user’s experience would benefit from remaining on the same page.\n They can include graphics, inputs, buttons, and other elements as needed to\n produce the workflow or action needed.\n\n Do not include modals on pages with complicated UI layouts.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <FocusScope\n                // TODO breaking - always\n                autoFocus={!!onClose}\n                contain={!!onClose}\n                restoreFocus={!!onClose}\n              >\n                <StyledModal\n                  className={fadeType}\n                  ref={ref}\n                  onTransitionEnd={onTransitionEnd}\n                  onKeyDown={handleKeyDown}\n                  {...dialogProps}\n                >\n                  <StyledModalScrim onClick={onClickScrim} />\n\n                  <ModalContainer {...props} placement={placement}>\n                    <StyledModalContent>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </FocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\nfunction ModalBodyScrollObserver({ children }: { children: React.ReactNode }) {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, onClose, ...props }, ref) => {\n    return (\n      <Modal {...props} ref={ref}>\n        <ModalClosableHeader onClose={onClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          {headline}\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\nfunction ModalState(props: RenderProps) {\n  useDeprecation({ oldThing: 'Modal.State' })\n  return <Visibility {...props} />\n}\n\nModal_.displayName = 'Modal'\n\nConfirmModal.displayName = 'ConfirmModal'\n\nModalBody.displayName = 'Modal.Body'\n\nModalFooterNotation.displayName = 'Modal.FooterNotation'\n\nModalFooterSummary.displayName = 'Modal.FooterSummary'\n\nconst Body = ModalBody\nconst Container = ModalContainer\nconst Content = StyledModalContent\nconst FooterSummary = ModalFooterSummary\nconst Footer = StyledModalFooter\nconst FooterButtons = ModalClosableFooterButtons\nconst FooterNotation = ModalFooterNotation\nconst Header = ModalClosableHeader\nconst Overlay = StyledModal\nconst Scrim = StyledModalScrim\nconst State = ModalState\n\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    Heading: Heading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Modal.js","names":["Clear","FocusScope","React","useEffect","Button","CloseWithConfirmContext","useCloseWithConfirmContext","useCloseWithConfirmState","useModalDialogLike","Portal","Heading","LevelContext","Section","SectionProvider","useDeprecation","useLayoutEventListener","useI18nContext","useOverflowObserver","useScrollLock","Visibility","addSubcomponents","mergeRefs","ChildRegistryProvider","useModalChildRegistryDispatch","fadeInClassName","fadeOutClassName","StyledModal","StyledModalBody","StyledModalButtons","StyledModalCancel","StyledModalContainer","StyledModalContent","StyledModalFooter","StyledModalFooterNotation","StyledModalFooterSummary","StyledModalHeader","StyledModalHeading","StyledModalScrim","StyledModalWarningIcon","useInitializeModalFocus","noop","defaultStartLevel","initialBodyLevel","defaultHowToClose","ModalCloseContext","createContext","howToClose","onClose","undefined","ModalBodyScrollContext","isBodyScrolled","setIsBodyScrolled","ModalClosableHeader","forwardRef","_ref","ref","children","externalOnClose","qa","props","_objectWithoutProperties","_excluded","_React$useContext","useContext","_React$useContext2","I18n","modalClosableHeaderRef","useRef","_useCloseWithConfirmC","closeWithConfirm","registerChildRef","child","onClickButton","e","includes","createElement","_extends","$isBodyScrolled","t","closeButton","onClick","icon","variant","ModalClosableFooterButtons","_ref2","_excluded2","_React$useContext3","_useCloseWithConfirmC2","modalClosableFooterButtonsRef","ModalContainer","_ref3","placement","width","_excluded3","_React$useContext4","modalContainerRef","hasOnClose","shadowStrength","$placement","$width","ModalBody","_ref4","_ref4$noSideSpacing","noSideSpacing","_excluded4","_useOverflowObserver","isOverflowingY","overflowRef","scrollRef","modalBodyRef","_React$useContext5","event","handler","currentTarget","scrollTop","scope","Provider","value","tabIndex","ModalFooterSummary","_ref5","_excluded5","ModalFooterNotation","_ref6","_excluded6","intent","color","italic","Modal_","_ref7","ariaDescribedby","ariaDetails","ariaLabelledby","ariaLabel","id","_ref7$onClickOverlay","onClickOverlay","_ref7$open","open","_ref7$placement","role","_excluded7","_React$useState","useState","_React$useState2","_slicedToArray","visible","setVisible","_React$useState3","_React$useState4","fadeType","setFadeType","closeWithConfirmState","setTimeout","onTransitionEnd","handleKeyDown","key","preventDefault","stopPropagation","_useModalDialogLike","isModal","isOpen","dialogProps_","dialogProps","onClickScrim","autoFocus","contain","restoreFocus","className","onKeyDown","ModalBodyScrollObserver","_ref8","_React$useState5","_React$useState6","ConfirmModal","_ref9","headline","_excluded8","Modal","size","ModalState","oldThing","displayName","Body","Container","Content","FooterSummary","Footer","FooterButtons","FooterNotation","Header","Overlay","Scrim","State"],"sources":["../../src/Modal/Modal.tsx"],"sourcesContent":["import { Clear } from '@procore/core-icons/dist'\nimport { FocusScope } from '@react-aria/focus'\nimport React, { useEffect } from 'react'\nimport { Button } from '../Button/Button'\nimport {\n  CloseWithConfirmContext,\n  useCloseWithConfirmContext,\n  useCloseWithConfirmState,\n} from '../Form/closeWithConfirm'\nimport { useModalDialogLike } from '../OverlayTrigger/a11yPresets'\nimport { Portal } from '../Portal/Portal'\nimport {\n  Heading,\n  LevelContext,\n  Section,\n  SectionProvider,\n} from '../Section/Section'\nimport type { TypographyProps } from '../Typography/Typography.types'\nimport { useDeprecation } from '../_hooks/Deprecation'\nimport { useLayoutEventListener } from '../_hooks/EventListener'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useScrollLock } from '../_hooks/ScrollLock'\nimport type { RenderProps } from '../_hooks/Visibility'\nimport { Visibility } from '../_hooks/Visibility'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport type { DivAttributes, SpanAttributes } from '../_utils/types'\nimport {\n  ChildRegistryProvider,\n  useModalChildRegistryDispatch,\n} from './ChildRegistry.context'\nimport {\n  fadeInClassName,\n  fadeOutClassName,\n  StyledModal,\n  StyledModalBody,\n  StyledModalButtons,\n  StyledModalCancel,\n  StyledModalContainer,\n  StyledModalContent,\n  StyledModalFooter,\n  StyledModalFooterNotation,\n  StyledModalFooterSummary,\n  StyledModalHeader,\n  StyledModalHeading,\n  StyledModalScrim,\n  StyledModalWarningIcon,\n} from './Modal.styles'\nimport type {\n  ConfirmModalProps,\n  ModalBodyProps,\n  ModalCloseableHeaderProps,\n  ModalCloseContextApi,\n  ModalContainerProps,\n  ModalOptionalCloseStartegy,\n  ModalProps,\n} from './Modal.types'\nimport { useInitializeModalFocus } from './useInitializeModalFocus'\n\nfunction noop() {}\nconst defaultStartLevel = 2\nconst initialBodyLevel = 3\n\n// TODO default in breaking\nconst defaultHowToClose: ModalOptionalCloseStartegy[] = ['scrim', 'x']\n\nconst ModalCloseContext = React.createContext<ModalCloseContextApi>({\n  howToClose: [],\n  onClose: undefined,\n})\n\ninterface ModalBodyScrollContextApi {\n  isBodyScrolled: boolean\n  setIsBodyScrolled: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nconst ModalBodyScrollContext = React.createContext<ModalBodyScrollContextApi>({\n  isBodyScrolled: false,\n  setIsBodyScrolled: noop,\n})\n\nconst ModalClosableHeader = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, onClose: externalOnClose, qa, ...props }, ref) => {\n  const { isBodyScrolled } = React.useContext(ModalBodyScrollContext)\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const modalClosableHeaderRef = React.useRef(null)\n\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({ child: 'header', ref: modalClosableHeaderRef })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    if (onClose && howToClose?.includes('x')) {\n      closeWithConfirm(onClose)(e, 'x')\n      return\n    }\n    closeWithConfirm(externalOnClose!)(e)\n  }\n\n  return (\n    <StyledModalHeader\n      $isBodyScrolled={isBodyScrolled}\n      {...props}\n      ref={mergeRefs(ref, modalClosableHeaderRef)}\n    >\n      <StyledModalHeading>{children}</StyledModalHeading>\n      {(onClose && howToClose?.includes('x')) || externalOnClose ? (\n        <StyledModalCancel>\n          <Button\n            aria-label={I18n.t('core.modal.a11y.close')}\n            data-qa={qa?.closeButton}\n            data-internal=\"close-button\"\n            onClick={onClickButton}\n            icon={<Clear />}\n            variant=\"tertiary\"\n          />\n        </StyledModalCancel>\n      ) : null}\n    </StyledModalHeader>\n  )\n})\n\nconst ModalClosableFooterButtons = React.forwardRef<\n  HTMLDivElement,\n  ModalCloseableHeaderProps\n>(({ children, ...props }, ref) => {\n  const { howToClose, onClose } = React.useContext(ModalCloseContext)\n  const I18n = useI18nContext()\n  const { closeWithConfirm } = useCloseWithConfirmContext()\n  const modalClosableFooterButtonsRef = React.useRef(null)\n\n  const registerChildRef = useModalChildRegistryDispatch()\n\n  useEffect(() => {\n    registerChildRef({\n      child: 'closeableButtons',\n      ref: modalClosableFooterButtonsRef,\n    })\n  }, [])\n\n  function onClickButton(e: React.MouseEvent<HTMLButtonElement>) {\n    closeWithConfirm(onClose!)(e, 'footer-button')\n  }\n\n  return (\n    <StyledModalButtons\n      {...props}\n      ref={mergeRefs(ref, modalClosableFooterButtonsRef)}\n    >\n      {howToClose?.includes('footer-button') && (\n        <Button onClick={onClickButton} variant=\"tertiary\">\n          {I18n.t('core.modal.cancel')}\n        </Button>\n      )}\n      {children}\n    </StyledModalButtons>\n  )\n})\n\nconst ModalContainer = React.forwardRef<HTMLDivElement, ModalContainerProps>(\n  ({ placement, width, ...props }, ref) => {\n    const { onClose } = React.useContext(ModalCloseContext)\n    const modalContainerRef = React.useRef<HTMLDivElement>(null)\n    useInitializeModalFocus({ modalContainerRef, hasOnClose: !!onClose })\n\n    return (\n      <StyledModalContainer\n        {...props}\n        shadowStrength={4}\n        $placement={placement}\n        $width={width}\n        ref={mergeRefs(ref, modalContainerRef)}\n      />\n    )\n  }\n)\n\nconst ModalBody = React.forwardRef<HTMLDivElement, ModalBodyProps>(\n  ({ children, noSideSpacing = false, ...props }, ref) => {\n    const { isOverflowingY, ref: overflowRef } = useOverflowObserver()\n    const scrollRef = React.useRef(null)\n    const modalBodyRef = React.useRef(null)\n    const { setIsBodyScrolled } = React.useContext(ModalBodyScrollContext)\n    const registerChildRef = useModalChildRegistryDispatch()\n\n    useEffect(() => {\n      registerChildRef({ child: 'body', ref: modalBodyRef })\n    }, [])\n\n    useLayoutEventListener({\n      event: 'scroll',\n      handler: (e: React.UIEvent<HTMLElement>) => {\n        setIsBodyScrolled(e.currentTarget.scrollTop > 0)\n      },\n      scope: scrollRef,\n    })\n\n    return (\n      <SectionProvider>\n        <LevelContext.Provider value={initialBodyLevel}>\n          <StyledModalBody\n            {...props}\n            isOverflowingY={isOverflowingY}\n            noSideSpacing={noSideSpacing}\n            ref={mergeRefs(overflowRef, scrollRef, ref, modalBodyRef)}\n            tabIndex={0}\n          >\n            {children}\n          </StyledModalBody>\n        </LevelContext.Provider>\n      </SectionProvider>\n    )\n  }\n)\n\nconst ModalFooterSummary = React.forwardRef<HTMLDivElement, DivAttributes>(\n  ({ children, ...props }, ref) => {\n    return (\n      <StyledModalFooterSummary {...props} ref={ref}>\n        {children}\n      </StyledModalFooterSummary>\n    )\n  }\n)\n\nconst ModalFooterNotation = React.forwardRef<\n  HTMLSpanElement,\n  SpanAttributes & TypographyProps\n>(({ children, ...props }, ref) => (\n  <StyledModalFooterNotation\n    aria-live=\"polite\"\n    intent=\"small\"\n    color=\"gray45\"\n    italic\n    {...props}\n    ref={ref}\n  >\n    {children}\n  </StyledModalFooterNotation>\n))\n\n/**\n\n We use modals to present additional actions, information, or forms on pages\n where a user’s experience would benefit from remaining on the same page.\n They can include graphics, inputs, buttons, and other elements as needed to\n produce the workflow or action needed.\n\n Do not include modals on pages with complicated UI layouts.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-modal--demo)\n\n @see [Design Guidelines](https://design.procore.com/modal)\n\n */\nconst Modal_ = React.forwardRef<HTMLDivElement, ModalProps>(\n  (\n    {\n      ['aria-describedby']: ariaDescribedby,\n      ['aria-details']: ariaDetails,\n      ['aria-labelledby']: ariaLabelledby,\n      ['aria-label']: ariaLabel,\n      children,\n      howToClose,\n      id,\n      onClickOverlay = noop,\n      onClose,\n      open = false,\n      placement = 'center',\n      role,\n      ...props\n    },\n    ref\n  ) => {\n    useScrollLock(open)\n    const [visible, setVisible] = React.useState<boolean>(open)\n    const [fadeType, setFadeType] = React.useState<string>('')\n    const closeWithConfirmState = useCloseWithConfirmState()\n    const { closeWithConfirm } = closeWithConfirmState\n\n    React.useEffect(() => {\n      if (open) {\n        setVisible(true)\n        setTimeout(() => {\n          setFadeType(fadeInClassName)\n        }, 0)\n      } else {\n        setFadeType(fadeOutClassName)\n      }\n    }, [open])\n\n    const onTransitionEnd = () => {\n      if (fadeType === fadeOutClassName) {\n        setVisible(false)\n      }\n    }\n\n    const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      if (!onClose) return\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        closeWithConfirm(onClose)(e, 'x')\n      }\n    }\n\n    const { dialogProps: dialogProps_ } = useModalDialogLike({\n      'aria-describedby': ariaDescribedby,\n      'aria-details': ariaDetails,\n      'aria-labelledby': ariaLabelledby,\n      'aria-label': ariaLabel,\n      id,\n      isModal: false,\n      isOpen: open,\n      role,\n    })\n\n    const dialogProps = onClose && role === 'dialog' ? dialogProps_ : {}\n\n    function onClickScrim(\n      e: React.ComponentProps<typeof StyledModalScrim>['onClick']\n    ) {\n      onClickOverlay(e)\n      if (onClose && howToClose?.includes('scrim')) {\n        closeWithConfirm(onClose)(e, 'scrim')\n      }\n    }\n\n    return visible ? (\n      <Portal>\n        <ModalCloseContext.Provider value={{ onClose, howToClose }}>\n          <LevelContext.Provider value={defaultStartLevel}>\n            <ChildRegistryProvider>\n              <FocusScope\n                // TODO breaking - always\n                autoFocus={!!onClose}\n                contain={!!onClose}\n                restoreFocus={!!onClose}\n              >\n                <StyledModal\n                  className={fadeType}\n                  ref={ref}\n                  onTransitionEnd={onTransitionEnd}\n                  onKeyDown={handleKeyDown}\n                  {...dialogProps}\n                >\n                  <StyledModalScrim onClick={onClickScrim} />\n\n                  <ModalContainer {...props} placement={placement}>\n                    <StyledModalContent>\n                      <ModalBodyScrollObserver>\n                        <CloseWithConfirmContext.Provider\n                          value={closeWithConfirmState}\n                        >\n                          {children}\n                        </CloseWithConfirmContext.Provider>\n                      </ModalBodyScrollObserver>\n                    </StyledModalContent>\n                  </ModalContainer>\n                </StyledModal>\n              </FocusScope>\n            </ChildRegistryProvider>\n          </LevelContext.Provider>\n        </ModalCloseContext.Provider>\n      </Portal>\n    ) : null\n  }\n)\n\nfunction ModalBodyScrollObserver({ children }: { children: React.ReactNode }) {\n  const [isBodyScrolled, setIsBodyScrolled] = React.useState<boolean>(false)\n\n  return (\n    <ModalBodyScrollContext.Provider\n      value={{ isBodyScrolled, setIsBodyScrolled }}\n    >\n      {children}\n    </ModalBodyScrollContext.Provider>\n  )\n}\n\nexport const ConfirmModal = React.forwardRef<HTMLDivElement, ConfirmModalProps>(\n  ({ children, headline, onClose, ...props }, ref) => {\n    return (\n      <Modal {...props} ref={ref}>\n        <ModalClosableHeader onClose={onClose}>\n          <StyledModalWarningIcon size=\"lg\" />\n          {headline}\n        </ModalClosableHeader>\n        {children}\n      </Modal>\n    )\n  }\n)\n\nfunction ModalState(props: RenderProps) {\n  useDeprecation({ oldThing: 'Modal.State' })\n  return <Visibility {...props} />\n}\n\nModal_.displayName = 'Modal'\n\nConfirmModal.displayName = 'ConfirmModal'\n\nModalBody.displayName = 'Modal.Body'\n\nModalFooterNotation.displayName = 'Modal.FooterNotation'\n\nModalFooterSummary.displayName = 'Modal.FooterSummary'\n\nconst Body = ModalBody\nconst Container = ModalContainer\nconst Content = StyledModalContent\nconst FooterSummary = ModalFooterSummary\nconst Footer = StyledModalFooter\nconst FooterButtons = ModalClosableFooterButtons\nconst FooterNotation = ModalFooterNotation\nconst Header = ModalClosableHeader\nconst Overlay = StyledModal\nconst Scrim = StyledModalScrim\nconst State = ModalState\n\nexport const Modal = addSubcomponents(\n  {\n    Body,\n    Container,\n    Content,\n    Footer,\n    FooterButtons,\n    FooterNotation,\n    FooterSummary,\n    Header,\n    Heading: Heading,\n    Overlay,\n    Scrim,\n    State,\n    Section,\n  },\n  Modal_\n)\n"],"mappings":"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"}

package/dist/Modal/Modal.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalPlacement, ModalWidth } from './Modal.types';
+import type { ModalPlacement, ModalWidth } from './Modal.types';
 export declare const fadeInClassName = "fade-in";
 export declare const fadeOutClassName = "fade-out";
 export declare const modalMaxWidth = "640px";

package/dist/Modal/Modal.styles.js

@@ -18,15 +18,15 @@ export var modalPixelWidths = {
 };
 export var StyledModal = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModal",
-  componentId: "core-11_24_0__sc-1ijdug2-0"
+  componentId: "core-11_24_2__sc-1ijdug2-0"
 })(["display:flex;height:100vh;position:absolute;opacity:0;transition:0.3s opacity ease;width:100vw;z-index:0;&.", "{opacity:1;}&.", "{opacity:0;}"], fadeInClassName, fadeOutClassName);
 export var StyledModalButtons = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalButtons",
-  componentId: "core-11_24_0__sc-1ijdug2-1"
+  componentId: "core-11_24_2__sc-1ijdug2-1"
 })(["display:flex;flex:0 0 auto;margin-left:", "px;> * + *{margin-left:", "px;}"], spacing.lg, spacing.sm);
 export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledModalContainer",
-  componentId: "core-11_24_0__sc-1ijdug2-2"
+  componentId: "core-11_24_2__sc-1ijdug2-2"
 })(["display:flex;flex-direction:row;position:absolute;z-index:2;", " ", ""], function (_ref) {
   var $placement = _ref.$placement;
   if ($placement === 'top') {
@@ -44,11 +44,11 @@ export var StyledModalContainer = /*#__PURE__*/styled(Card).withConfig({
 });
 export var StyledModalFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooter",
-  componentId: "core-11_24_0__sc-1ijdug2-3"
+  componentId: "core-11_24_2__sc-1ijdug2-3"
 })(["align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end;padding:", "px ", "px ", "px;"], spacing.xl, spacing.xxl, spacing.xxl);
 export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalBody",
-  componentId: "core-11_24_0__sc-1ijdug2-4"
+  componentId: "core-11_24_2__sc-1ijdug2-4"
 })(["", " box-sizing:border-box;color:", ";display:flex;flex-direction:column;max-width:", ";overflow:auto;", " > ", "{padding-left:0;padding-right:0;&:first-child > ", "{padding-top:0;}}", ""], getTypographyIntent('body'), colors.gray15, modalMaxWidth, function (_ref3) {
   var noSideSpacing = _ref3.noSideSpacing;
   return css(["padding:", "px ", "px;"], spacing.xl, noSideSpacing ? 0 : spacing.xxl);
@@ -58,37 +58,37 @@ export var StyledModalBody = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledModalContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalContent",
-  componentId: "core-11_24_0__sc-1ijdug2-5"
+  componentId: "core-11_24_2__sc-1ijdug2-5"
 })(["display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:100%;"]);
 export var StyledModalFooterNotation = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledModalFooterNotation",
-  componentId: "core-11_24_0__sc-1ijdug2-6"
+  componentId: "core-11_24_2__sc-1ijdug2-6"
 })(["flex-grow:1;"]);
 export var StyledModalHeader = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeader",
-  componentId: "core-11_24_0__sc-1ijdug2-7"
+  componentId: "core-11_24_2__sc-1ijdug2-7"
 })(["align-items:flex-start;color:", ";display:flex;flex:0 0 auto;padding:", "px ", "px;position:relative;", ""], colors.gray10, spacing.xl, spacing.xxl, function (_ref5) {
   var $isBodyScrolled = _ref5.$isBodyScrolled;
   return css(["border-bottom:1px solid ", ";"], $isBodyScrolled ? colors.gray85 : 'transparent');
 });
 export var StyledModalHeading = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalHeading",
-  componentId: "core-11_24_0__sc-1ijdug2-8"
+  componentId: "core-11_24_2__sc-1ijdug2-8"
 })(["", " align-items:center;display:flex;flex:1 1 auto;min-height:36px;padding-right:", "px;"], getTypographyIntent('h2'), spacing.lg);
 export var StyledModalCancel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalCancel",
-  componentId: "core-11_24_0__sc-1ijdug2-9"
+  componentId: "core-11_24_2__sc-1ijdug2-9"
 })(["flex:0 0 auto;"]);
 export var StyledModalScrim = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalScrim",
-  componentId: "core-11_24_0__sc-1ijdug2-10"
+  componentId: "core-11_24_2__sc-1ijdug2-10"
 })(["background:hsla(200,8%,10%,0.6);height:100vh;left:0;position:absolute;top:0;width:100vw;z-index:1;"]);
 export var StyledModalWarningIcon = /*#__PURE__*/styled(Warning).withConfig({
   displayName: "StyledModalWarningIcon",
-  componentId: "core-11_24_0__sc-1ijdug2-11"
+  componentId: "core-11_24_2__sc-1ijdug2-11"
 })(["color:", ";margin-right:", "px;"], colors.yellow40, spacing.sm);
 export var StyledModalFooterSummary = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledModalFooterSummary",
-  componentId: "core-11_24_0__sc-1ijdug2-12"
+  componentId: "core-11_24_2__sc-1ijdug2-12"
 })(["", " border-top:1px solid ", ";border-bottom:1px solid ", ";padding:", "px ", "px;color:", ";font-style:italic;background-color:", ";margin:-", "px -", "px ", "px -", "px;flex:1 1 100%;"], getTypographyIntent('small'), colors.gray85, colors.gray85, spacing.md, spacing.xxl, colors.gray15, colors.gray98, spacing.xl, spacing.xxl, spacing.xl, spacing.xxl);
 //# sourceMappingURL=Modal.styles.js.map

package/dist/Modal/Modal.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$placement","_ref2","$width","StyledModalBody","StyledModalFooter","xxl","gray15","_ref3","noSideSpacing","_ref4","isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","StyledModalFooterNotation","StyledModalHeader","gray10","_ref5","$isBodyScrolled","StyledModalHeading","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.xl}px ${spacing.xxl}px ${spacing.xxl}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  isOverflowingY: boolean\n  noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ${modalMaxWidth};\n  overflow: auto;\n  ${({ noSideSpacing }) => {\n    return css`\n      padding: ${spacing.xl}px ${noSideSpacing ? 0 : spacing.xxl}px;\n    `\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  ${({ isOverflowingY }) =>\n    isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{ $isBodyScrolled: boolean }>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  padding: ${spacing.xl}px ${spacing.xxl}px;\n  position: relative;\n  ${({ $isBodyScrolled }) => css`\n    border-bottom: 1px solid ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n  `}\n`\n\nexport const StyledModalHeading = styled.div`\n  ${getTypographyIntent('h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${spacing.lg}px;\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  border-top: 1px solid ${colors.gray85};\n  border-bottom: 1px solid ${colors.gray85};\n  padding: ${spacing.md}px ${spacing.xxl}px;\n  color: ${colors.gray15};\n  font-style: italic;\n  background-color: ${colors.gray98};\n  margin: -${spacing.xl}px -${spacing.xxl}px ${spacing.xl}px -${spacing.xxl}px;\n  flex: 1 1 100%;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Modal.styles.js","names":["Warning","styled","css","Card","StyledSection","StyledSectionInner","Typography","getTypographyIntent","colors","spacing","fadeInClassName","fadeOutClassName","modalMaxWidth","modalPixelGutter","xl","modalPixelWidths","sm","md","lg","StyledModal","div","withConfig","displayName","componentId","StyledModalButtons","StyledModalContainer","_ref","$placement","_ref2","$width","StyledModalBody","StyledModalFooter","xxl","gray15","_ref3","noSideSpacing","_ref4","isOverflowingY","gray85","StyledModalFooterSummary","StyledModalContent","StyledModalFooterNotation","StyledModalHeader","gray10","_ref5","$isBodyScrolled","StyledModalHeading","StyledModalCancel","StyledModalScrim","StyledModalWarningIcon","yellow40","gray98"],"sources":["../../src/Modal/Modal.styles.ts"],"sourcesContent":["import { Warning } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\nimport type { ModalPlacement, ModalWidth } from './Modal.types'\n\nexport const fadeInClassName = 'fade-in'\nexport const fadeOutClassName = 'fade-out'\nexport const modalMaxWidth = '640px'\nexport const modalPixelGutter = spacing.xl\nexport const modalPixelWidths = {\n  sm: 432,\n  md: 688,\n  lg: 1152,\n  xl: 1920,\n}\n\nexport const StyledModal = styled.div`\n  display: flex;\n  height: 100vh;\n  position: absolute;\n  opacity: 0;\n  transition: 0.3s opacity ease;\n  width: 100vw;\n  z-index: 0;\n\n  &.${fadeInClassName} {\n    opacity: 1;\n  }\n\n  &.${fadeOutClassName} {\n    opacity: 0;\n  }\n`\n\nexport const StyledModalButtons = styled.div`\n  display: flex;\n  flex: 0 0 auto;\n  margin-left: ${spacing.lg}px;\n\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nexport const StyledModalContainer = styled(Card)<{\n  $placement: ModalPlacement\n  $width?: ModalWidth\n}>`\n  display: flex;\n  flex-direction: row;\n  position: absolute;\n  z-index: 2;\n\n  ${({ $placement }) => {\n    if ($placement === 'top') {\n      return css`\n        top: 5vh;\n      `\n    }\n\n    return css`\n      top: 50vh;\n      transform: translateY(-50%);\n    `\n  }}\n\n  ${({ $width, $placement }) => {\n    if ($width) {\n      return css`\n        left: ${modalPixelGutter}px;\n        right: ${modalPixelGutter}px;\n        margin-left: auto;\n        margin-right: auto;\n        max-width: ${modalPixelWidths[$width]}px;\n\n        // TODO deprecated, moving width up\n        ${StyledModalBody} {\n          max-width: none;\n        }\n      `\n    }\n    // TODO deprecated, uses new centering, required width\n    return css`\n      left: 50vw;\n      transform: translateX(-50%)\n        ${$placement === 'center' && 'translateY(-50%)'};\n    `\n  }}\n`\n\nexport const StyledModalFooter = styled.div`\n  align-items: center;\n  display: flex;\n  flex: 0 0 auto;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  padding: ${spacing.xl}px ${spacing.xxl}px ${spacing.xxl}px;\n`\n\nexport const StyledModalBody = styled.div<{\n  isOverflowingY: boolean\n  noSideSpacing: boolean\n}>`\n  ${getTypographyIntent('body')}\n\n  box-sizing: border-box;\n  color: ${colors.gray15};\n  display: flex;\n  flex-direction: column;\n  // TODO deprecated, delete line in breaking change\n  max-width: ${modalMaxWidth};\n  overflow: auto;\n  ${({ noSideSpacing }) => {\n    return css`\n      padding: ${spacing.xl}px ${noSideSpacing ? 0 : spacing.xxl}px;\n    `\n  }}\n\n  > ${StyledSection} {\n    padding-left: 0;\n    padding-right: 0;\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: 0;\n    }\n  }\n\n  ${({ isOverflowingY }) =>\n    isOverflowingY &&\n    css`\n      & + ${StyledModalFooter} {\n        border-top-width: 1px;\n        border-top-style: solid;\n        border-top-color: ${colors.gray85};\n        ${StyledModalFooterSummary} {\n          border-top: none;\n        }\n      }\n    `}\n`\n\nexport const StyledModalContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  max-height: 90vh;\n  overflow: hidden;\n  width: 100%;\n`\n\nexport const StyledModalFooterNotation = styled(Typography)`\n  flex-grow: 1;\n`\n\nexport const StyledModalHeader = styled.div<{ $isBodyScrolled: boolean }>`\n  align-items: flex-start;\n  color: ${colors.gray10};\n  display: flex;\n  flex: 0 0 auto;\n  padding: ${spacing.xl}px ${spacing.xxl}px;\n  position: relative;\n  ${({ $isBodyScrolled }) => css`\n    border-bottom: 1px solid ${$isBodyScrolled ? colors.gray85 : 'transparent'};\n  `}\n`\n\nexport const StyledModalHeading = styled.div`\n  ${getTypographyIntent('h2')}\n  align-items: center;\n  display: flex;\n  flex: 1 1 auto;\n  min-height: 36px;\n  padding-right: ${spacing.lg}px;\n`\n\nexport const StyledModalCancel = styled.div`\n  flex: 0 0 auto;\n`\n\nexport const StyledModalScrim = styled.div`\n  background: hsla(200, 8%, 10%, 0.6);\n  height: 100vh;\n  left: 0;\n  position: absolute;\n  top: 0;\n  width: 100vw;\n  z-index: 1;\n`\n\nexport const StyledModalWarningIcon = styled(Warning)`\n  color: ${colors.yellow40};\n  margin-right: ${spacing.sm}px;\n`\nexport const StyledModalFooterSummary = styled.div`\n  ${getTypographyIntent('small')}\n  border-top: 1px solid ${colors.gray85};\n  border-bottom: 1px solid ${colors.gray85};\n  padding: ${spacing.md}px ${spacing.xxl}px;\n  color: ${colors.gray15};\n  font-style: italic;\n  background-color: ${colors.gray98};\n  margin: -${spacing.xl}px -${spacing.xxl}px ${spacing.xl}px -${spacing.xxl}px;\n  flex: 1 1 100%;\n`\n"],"mappings":"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"}

package/dist/Modal/Modal.types.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { DivAttributes, Props } from '../_utils/types';
+import type React from 'react';
+import type { DivAttributes, Props } from '../_utils/types';
 export declare type ModalPlacement = 'top' | 'center';
 export declare type ModalWidth = 'sm' | 'md' | 'lg' | 'xl';
 /**

package/dist/Modal/Modal.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import React from 'react'\nimport { DivAttributes, Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\ntype ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps extends DivAttributes {\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * Callback for clicking the overlay\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog'\n  /**\n   * Vertical placement of the modal\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * The dismiss onClick callback\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends DivAttributes {\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}
+{"version":3,"file":"Modal.types.js","names":[],"sources":["../../src/Modal/Modal.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { DivAttributes, Props } from '../_utils/types'\n\nexport type ModalPlacement = 'top' | 'center'\nexport type ModalWidth = 'sm' | 'md' | 'lg' | 'xl'\n\n/**\n * Additional UI/UX to dismiss. (In addition to the Esc key)\n *  - `x` Close Button in the Modal Header\n *  - `scrim` Overlay dimmed scrim\n *  - `footer-button` Cancel Button in the Modal Footer Actions\n */\nexport type ModalOptionalCloseStartegy = 'x' | 'footer-button' | 'scrim'\ntype ModalCloseStragety = 'esc' | ModalOptionalCloseStartegy\n\ntype ModalOnClose = (\n  event: // clicked scrim\n  | React.MouseEvent<HTMLDivElement>\n    // clicked x button\n    | React.MouseEvent<HTMLButtonElement>\n    // pressed escape key\n    | React.KeyboardEvent<HTMLElement>,\n  how: ModalCloseStragety\n) => void\n\nexport interface ModalCloseContextApi {\n  /**\n   * Escape key will always close a dialog. This adds additional UI or UX to close.\n   */\n  howToClose: ModalOptionalCloseStartegy[] | undefined\n  onClose: ModalOnClose | undefined\n}\n\nexport interface ModalCloseableHeaderProps extends DivAttributes {\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalProps extends Props {\n  'aria-describedby'?: string\n  'aria-details'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-labelledby'?: string\n  /**\n   * @a11y `role='dialog'` MUST be labelled. Prefer `aria-labelledby` over `aria-label`.\n   * @since 11.12.0\n   */\n  'aria-label'?: string\n  /**\n   * This adds additional UI or UX to close. Escape key will always close a dialog, see `onClose`.\n   *\n   * NOTE 'footer-button': Footer Cancel button still requires at least a rendered self closing `Modal.FooterButtons`.\n   *\n   * NOTE 'x': The X button still requires a rendered `Modal.Header` component.\n   * @defaultValue []\n   * @since 11.12.0\n   */\n  howToClose?: ModalOptionalCloseStartegy[]\n  /**\n   * Aligns with `role` and `ref` location.\n   */\n  id?: string\n  /**\n   * Callback for clicking the overlay\n   * @since 10.19.0\n   */\n  onClickOverlay?: (event: React.MouseEvent<HTMLDivElement>) => void\n  /**\n   * When a user closes the Modal by some approved `howToClose` method or the Escape key. This also opts-in to dialog focus management.\n   * @a11y Future default! Moves focus into and cycles focus in the Modal, and returning focus\n   * to the trigger when closed. Also enables the Escape key to close the Modal.\n   * @since 11.6.0\n   */\n  onClose?: ModalOnClose\n  /**\n   * Modal open state\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  open?: boolean\n  /**\n   * Enable dialog props. REQUIRES `onClose` to enable Escape key and focus management. MUST be labelled, prefer `aria-labelledby` over `aria-label`.\n   */\n  role?: 'dialog'\n  /**\n   * Vertical placement of the modal\n   * @defaultValue center\n   * @since 10.19.0\n   */\n  placement?: ModalPlacement\n  /**\n   * Sets a width on the container and uses next centering.\n   * Future will default to `md`\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ModalContainerProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  placement: ModalPlacement\n  /**\n   * @since 10.19.0\n   */\n  width?: ModalWidth\n}\n\nexport interface ConfirmModalProps extends Omit<ModalProps, 'onClose'> {\n  /**\n   * Headline message\n   * @since 10.19.0\n   */\n  headline?: string\n\n  /**\n   * The dismiss onClick callback\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n}\n\n/**\n * NOTE: Using howToClose 'x' requires the `Modal.Header` component.\n * @a11y This component is a not semantic heading! For that, see `Modal.Heading`.\n */\nexport interface ModalCloseableHeaderProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  qa?: { closeButton?: string }\n}\n\nexport interface ModalBodyProps extends DivAttributes {\n  /**\n   * Removes left, right paddings from the modal body when true\n   * @defaultValue false\n   * @since 10.19.0\n   */\n  noSideSpacing?: boolean\n}\n"],"mappings":""}

package/dist/MultiSelect/MultiSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MultiSelectOptionProps, MultiSelectProps } from './MultiSelect.types';
+import type { MultiSelectOptionProps, MultiSelectProps } from './MultiSelect.types';
 export declare const Option: React.ForwardRefExoticComponent<MultiSelectOptionProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-multiselect--demo)