@procore/core-react 11.22.1 → 11.23.1

package/dist/Panel/Panel.js

@@ -1,25 +1,21 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
+var _excluded = ["title", "children", "variant"],
+  _excluded2 = ["children", "qa"],
+  _excluded3 = ["children", "qa"],
+  _excluded4 = ["children", "onClickBack", "onClose"],
+  _excluded5 = ["children"],
+  _excluded6 = ["children"],
+  _excluded7 = ["children"],
+  _excluded8 = ["children"],
+  _excluded9 = ["children"];
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist';
 import React from 'react';
 import { Button } from '../Button/Button';
@@ -35,108 +31,185 @@ import { addSubcomponents } from '../_utils/addSubcomponents';
 import { isReactElement } from '../_utils/isReactElement';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { partition } from '../_utils/partition';
-import { StyledBody, StyledCloseButton, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle, } from './Panel.styles';
-var PanelContext = React.createContext({
-    isFooterSticky: false,
-    setIsFooterSticky: function () { },
+import { StyledBody, StyledCloseButton, StyledFooter, StyledFooterActions, StyledFooterNotation, StyledHeader, StyledHeaderActions, StyledHeaderBackAction, StyledMoreMenu, StyledPanel, StyledTitle } from './Panel.styles';
+var PanelContext = /*#__PURE__*/React.createContext({
+  isFooterSticky: false,
+  setIsFooterSticky: function setIsFooterSticky() {}
 });
 var maxVisibleIcons = 3;
-var HeaderAction = React.forwardRef(function HeaderAction(_a, ref) {
-    var title = _a.title, children = _a.children, _b = _a.variant, variant = _b === void 0 ? 'tertiary' : _b, props = __rest(_a, ["title", "children", "variant"]);
-    return (React.createElement(Tooltip, { overlay: title, ref: ref },
-        React.createElement(Button, __assign({}, props, { variant: variant }), children)));
+var HeaderAction = /*#__PURE__*/React.forwardRef(function HeaderAction(_ref, ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'tertiary' : _ref$variant,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    overlay: title,
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Button, _extends({}, props, {
+    variant: variant
+  }), children));
 });
-var MoreMenu = React.forwardRef(function MoreMenu(_a, ref) {
-    var children = _a.children;
-    return (React.createElement(StyledMoreMenu, { ref: ref },
-        React.createElement(Menu, { ref: function (node) { return node === null || node === void 0 ? void 0 : node.focus(); } },
-            React.createElement(Menu.Options, null, React.Children.map(children, function (child) {
-                if (isReactElement(child)) {
-                    return (React.createElement(Menu.Item, { item: null, key: child.props.title, onClick: child.props.onClick }, child.props.title));
-                }
-            })))));
+var MoreMenu = /*#__PURE__*/React.forwardRef(function MoreMenu(_ref2, ref) {
+  var children = _ref2.children;
+  return /*#__PURE__*/React.createElement(StyledMoreMenu, {
+    ref: ref
+  }, /*#__PURE__*/React.createElement(Menu, {
+    ref: function ref(node) {
+      return node === null || node === void 0 ? void 0 : node.focus();
+    }
+  }, /*#__PURE__*/React.createElement(Menu.Options, null, React.Children.map(children, function (child) {
+    if (isReactElement(child)) {
+      return /*#__PURE__*/React.createElement(Menu.Item, {
+        item: null,
+        key: child.props.title,
+        onClick: child.props.onClick
+      }, child.props.title);
+    }
+  }))));
 });
-export var MoreIcon = function (_a) {
-    var children = _a.children, qa = _a.qa;
-    return (React.createElement(OverlayTrigger, { trigger: "click", placement: "bottom-right", overlay: React.createElement(MoreMenu, null, children) },
-        React.createElement(Button, { "data-qa": qa === null || qa === void 0 ? void 0 : qa.moreIcon, variant: "tertiary", icon: React.createElement(EllipsisVertical, null) })));
+export var MoreIcon = function MoreIcon(_ref3) {
+  var children = _ref3.children,
+    qa = _ref3.qa;
+  return /*#__PURE__*/React.createElement(OverlayTrigger, {
+    trigger: "click",
+    placement: "bottom-right",
+    overlay: /*#__PURE__*/React.createElement(MoreMenu, null, children)
+  }, /*#__PURE__*/React.createElement(Button, {
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.moreIcon,
+    variant: "tertiary",
+    icon: /*#__PURE__*/React.createElement(EllipsisVertical, null)
+  }));
 };
-var HeaderActions = React.forwardRef(function HeaderActions(_a, ref) {
-    var children = _a.children, qa = _a.qa, props = __rest(_a, ["children", "qa"]);
-    var iconsAmount = React.Children.count(children);
-    var _b = iconsAmount > maxVisibleIcons
-        ? partition(function (_, index) { return index > iconsAmount - maxVisibleIcons; }, React.Children.toArray(children))
-        : [children, []], visibleIcons = _b[0], hiddenIcons = _b[1];
-    return (React.createElement(StyledHeaderActions, __assign({}, props, { ref: ref }),
-        visibleIcons,
-        hiddenIcons.length > 0 && React.createElement(MoreIcon, { qa: qa }, hiddenIcons)));
+var HeaderActions = /*#__PURE__*/React.forwardRef(function HeaderActions(_ref4, ref) {
+  var children = _ref4.children,
+    qa = _ref4.qa,
+    props = _objectWithoutProperties(_ref4, _excluded2);
+  var iconsAmount = React.Children.count(children);
+  var _ref5 = iconsAmount > maxVisibleIcons ? partition(function (_, index) {
+      return index > iconsAmount - maxVisibleIcons;
+    }, React.Children.toArray(children)) : [children, []],
+    _ref6 = _slicedToArray(_ref5, 2),
+    visibleIcons = _ref6[0],
+    hiddenIcons = _ref6[1];
+  return /*#__PURE__*/React.createElement(StyledHeaderActions, _extends({}, props, {
+    ref: ref
+  }), visibleIcons, hiddenIcons.length > 0 && /*#__PURE__*/React.createElement(MoreIcon, {
+    qa: qa
+  }, hiddenIcons));
 });
-export var TitleTooltip = function (_a) {
-    var children = _a.children, overlay = _a.overlay, isVisible = _a.isVisible;
-    if (!isVisible) {
-        return children;
-    }
-    return (React.createElement(Tooltip, { trigger: "hover", overlay: React.createElement(Tooltip.Content, null, overlay), placement: "bottom" }, children));
+export var TitleTooltip = function TitleTooltip(_ref7) {
+  var children = _ref7.children,
+    overlay = _ref7.overlay,
+    isVisible = _ref7.isVisible;
+  if (!isVisible) {
+    return children;
+  }
+  return /*#__PURE__*/React.createElement(Tooltip, {
+    trigger: "hover",
+    overlay: /*#__PURE__*/React.createElement(Tooltip.Content, null, overlay),
+    placement: "bottom"
+  }, children);
 };
-var Title = React.forwardRef(function Title(_a, ref) {
-    var children = _a.children, qa = _a.qa, props = __rest(_a, ["children", "qa"]);
-    var _b = useOverflowObserver(), isOverflowingX = _b.isOverflowingX, overflowRef = _b.ref;
-    return (React.createElement(TitleTooltip, { isVisible: isOverflowingX, overlay: children },
-        React.createElement(StyledTitle, __assign({}, props, { ref: mergeRefs(overflowRef, ref), intent: "h2", "data-qa": qa === null || qa === void 0 ? void 0 : qa.title }), children)));
+var Title = /*#__PURE__*/React.forwardRef(function Title(_ref8, ref) {
+  var children = _ref8.children,
+    qa = _ref8.qa,
+    props = _objectWithoutProperties(_ref8, _excluded3);
+  var _useOverflowObserver = useOverflowObserver(),
+    isOverflowingX = _useOverflowObserver.isOverflowingX,
+    overflowRef = _useOverflowObserver.ref;
+  return /*#__PURE__*/React.createElement(TitleTooltip, {
+    isVisible: isOverflowingX,
+    overlay: children
+  }, /*#__PURE__*/React.createElement(StyledTitle, _extends({}, props, {
+    ref: mergeRefs(overflowRef, ref),
+    intent: "h2",
+    "data-qa": qa === null || qa === void 0 ? void 0 : qa.title
+  }), children));
 });
-var Header = React.forwardRef(function Header(_a, ref) {
-    var children = _a.children, onClickBack = _a.onClickBack, onClose = _a.onClose, props = __rest(_a, ["children", "onClickBack", "onClose"]);
-    var I18n = useI18nContext();
-    return (React.createElement(StyledHeader, __assign({}, props, { ref: ref }),
-        React.createElement(StyledHeaderBackAction, { active: onClickBack !== undefined },
-            React.createElement(Button, { "aria-label": I18n.t('core.panel.goBack'), variant: "tertiary", onClick: onClickBack, icon: React.createElement(ChevronLeft, null) })),
-        children,
-        typeof onClose === 'function' && (React.createElement(StyledCloseButton, null,
-            React.createElement(HeaderAction, { title: I18n.t('core.panel.close'), icon: React.createElement(Clear, null), onClick: onClose })))));
+var Header = /*#__PURE__*/React.forwardRef(function Header(_ref9, ref) {
+  var children = _ref9.children,
+    onClickBack = _ref9.onClickBack,
+    onClose = _ref9.onClose,
+    props = _objectWithoutProperties(_ref9, _excluded4);
+  var I18n = useI18nContext();
+  return /*#__PURE__*/React.createElement(StyledHeader, _extends({}, props, {
+    ref: ref
+  }), /*#__PURE__*/React.createElement(StyledHeaderBackAction, {
+    active: onClickBack !== undefined
+  }, /*#__PURE__*/React.createElement(Button, {
+    "aria-label": I18n.t('core.panel.goBack'),
+    variant: "tertiary",
+    onClick: onClickBack,
+    icon: /*#__PURE__*/React.createElement(ChevronLeft, null)
+  })), children, typeof onClose === 'function' && /*#__PURE__*/React.createElement(StyledCloseButton, null, /*#__PURE__*/React.createElement(HeaderAction, {
+    title: I18n.t('core.panel.close'),
+    icon: /*#__PURE__*/React.createElement(Clear, null),
+    onClick: onClose
+  })));
 });
-var Body = React.forwardRef(function Body(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var bodyRef = React.useRef(null);
-    var setIsFooterSticky = React.useContext(PanelContext).setIsFooterSticky;
-    function calculateBodyScroll() {
-        if (!bodyRef.current) {
-            return;
-        }
-        var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
-        if (isScrollable) {
-            var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight <
-                bodyRef.current.scrollHeight;
-            setIsFooterSticky(isNotScrolledToBottom);
-        }
-        else {
-            setIsFooterSticky(false);
-        }
+var Body = /*#__PURE__*/React.forwardRef(function Body(_ref10, ref) {
+  var children = _ref10.children,
+    props = _objectWithoutProperties(_ref10, _excluded5);
+  var bodyRef = React.useRef(null);
+  var _React$useContext = React.useContext(PanelContext),
+    setIsFooterSticky = _React$useContext.setIsFooterSticky;
+  function calculateBodyScroll() {
+    if (!bodyRef.current) {
+      return;
+    }
+    var isScrollable = bodyRef.current.scrollHeight > bodyRef.current.clientHeight;
+    if (isScrollable) {
+      var isNotScrolledToBottom = bodyRef.current.scrollTop + bodyRef.current.clientHeight < bodyRef.current.scrollHeight;
+      setIsFooterSticky(isNotScrolledToBottom);
+    } else {
+      setIsFooterSticky(false);
     }
-    React.useLayoutEffect(function () {
-        // allow browsers to recalculate the layout
-        setTimeout(function () {
-            calculateBodyScroll();
-        }, 0);
-    }, []);
-    useScroll({ onScroll: calculateBodyScroll, scope: bodyRef });
-    useResize({ onResize: calculateBodyScroll });
-    return (React.createElement(SectionProvider, null,
-        React.createElement(LevelContext.Provider, { value: 3 },
-            React.createElement(StyledBody, __assign({}, props, { ref: mergeRefs(ref, bodyRef, calculateBodyScroll) }), children))));
+  }
+  React.useLayoutEffect(function () {
+    // allow browsers to recalculate the layout
+    setTimeout(function () {
+      calculateBodyScroll();
+    }, 0);
+  }, []);
+  useScroll({
+    onScroll: calculateBodyScroll,
+    scope: bodyRef
+  });
+  useResize({
+    onResize: calculateBodyScroll
+  });
+  return /*#__PURE__*/React.createElement(SectionProvider, null, /*#__PURE__*/React.createElement(LevelContext.Provider, {
+    value: 3
+  }, /*#__PURE__*/React.createElement(StyledBody, _extends({}, props, {
+    ref: mergeRefs(ref, bodyRef, calculateBodyScroll)
+  }), children)));
 });
-var FooterNotation = React.forwardRef(function FooterNotation(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledFooterNotation, __assign({}, props, { ref: ref }), children));
+var FooterNotation = /*#__PURE__*/React.forwardRef(function FooterNotation(_ref11, ref) {
+  var children = _ref11.children,
+    props = _objectWithoutProperties(_ref11, _excluded6);
+  return /*#__PURE__*/React.createElement(StyledFooterNotation, _extends({}, props, {
+    ref: ref
+  }), children);
 });
-var FooterActions = React.forwardRef(function FooterActions(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return (React.createElement(StyledFooterActions, __assign({}, props, { ref: ref }), children));
+var FooterActions = /*#__PURE__*/React.forwardRef(function FooterActions(_ref12, ref) {
+  var children = _ref12.children,
+    props = _objectWithoutProperties(_ref12, _excluded7);
+  return /*#__PURE__*/React.createElement(StyledFooterActions, _extends({}, props, {
+    ref: ref
+  }), children);
 });
-var Footer = React.forwardRef(function Footer(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var isFooterSticky = React.useContext(PanelContext).isFooterSticky;
-    return (React.createElement(StyledFooter, __assign({}, props, { ref: ref, "$hasShadow": isFooterSticky }), children));
+var Footer = /*#__PURE__*/React.forwardRef(function Footer(_ref13, ref) {
+  var children = _ref13.children,
+    props = _objectWithoutProperties(_ref13, _excluded8);
+  var _React$useContext2 = React.useContext(PanelContext),
+    isFooterSticky = _React$useContext2.isFooterSticky;
+  return /*#__PURE__*/React.createElement(StyledFooter, _extends({}, props, {
+    ref: ref,
+    $hasShadow: isFooterSticky
+  }), children);
 });
+
 /**
 
  Panels help users complete tasks or view additional information alongside the
@@ -152,14 +225,21 @@ var Footer = React.forwardRef(function Footer(_a, ref) {
  @see [Design Guidelines](https://design.procore.com/panel)
 
  */
-var Panel_ = React.forwardRef(function Panel(_a, ref) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    var _b = React.useState(false), isFooterSticky = _b[0], setIsFooterSticky = _b[1];
-    return (React.createElement(PanelContext.Provider, { value: {
-            setIsFooterSticky: setIsFooterSticky,
-            isFooterSticky: isFooterSticky,
-        } },
-        React.createElement(StyledPanel, __assign({}, props, { ref: ref }), children)));
+var Panel_ = /*#__PURE__*/React.forwardRef(function Panel(_ref14, ref) {
+  var children = _ref14.children,
+    props = _objectWithoutProperties(_ref14, _excluded9);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isFooterSticky = _React$useState2[0],
+    setIsFooterSticky = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(PanelContext.Provider, {
+    value: {
+      setIsFooterSticky: setIsFooterSticky,
+      isFooterSticky: isFooterSticky
+    }
+  }, /*#__PURE__*/React.createElement(StyledPanel, _extends({}, props, {
+    ref: ref
+  }), children));
 });
 Panel_.displayName = 'Panel';
 Body.displayName = 'Panel.Body';
@@ -171,14 +251,14 @@ HeaderAction.displayName = 'Panel.HeaderAction';
 HeaderActions.displayName = 'Panel.HeaderActions';
 Title.displayName = 'Panel.Title';
 export var Panel = addSubcomponents({
-    Body: Body,
-    Footer: Footer,
-    FooterActions: FooterActions,
-    FooterNotation: FooterNotation,
-    Header: Header,
-    HeaderAction: HeaderAction,
-    HeaderActions: HeaderActions,
-    Section: Section,
-    Title: Title,
+  Body: Body,
+  Footer: Footer,
+  FooterActions: FooterActions,
+  FooterNotation: FooterNotation,
+  Header: Header,
+  HeaderAction: HeaderAction,
+  HeaderActions: HeaderActions,
+  Section: Section,
+  Title: Title
 }, Panel_);
 //# sourceMappingURL=Panel.js.map

package/dist/Panel/Panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.js","sourceRoot":"","sources":["../../src/Panel/Panel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.js","names":["ChevronLeft","Clear","EllipsisVertical","React","Button","Menu","OverlayTrigger","LevelContext","Section","SectionProvider","Tooltip","useI18nContext","useOverflowObserver","useResize","useScroll","addSubcomponents","isReactElement","mergeRefs","partition","StyledBody","StyledCloseButton","StyledFooter","StyledFooterActions","StyledFooterNotation","StyledHeader","StyledHeaderActions","StyledHeaderBackAction","StyledMoreMenu","StyledPanel","StyledTitle","PanelContext","createContext","isFooterSticky","setIsFooterSticky","maxVisibleIcons","HeaderAction","forwardRef","_ref","ref","title","children","_ref$variant","variant","props","_objectWithoutProperties","_excluded","createElement","overlay","_extends","MoreMenu","_ref2","node","focus","Options","Children","map","child","Item","item","key","onClick","MoreIcon","_ref3","qa","trigger","placement","moreIcon","icon","HeaderActions","_ref4","_excluded2","iconsAmount","count","_ref5","_","index","toArray","_ref6","_slicedToArray","visibleIcons","hiddenIcons","length","TitleTooltip","_ref7","isVisible","Content","Title","_ref8","_excluded3","_useOverflowObserver","isOverflowingX","overflowRef","intent","Header","_ref9","onClickBack","onClose","_excluded4","I18n","active","undefined","t","Body","_ref10","_excluded5","bodyRef","useRef","_React$useContext","useContext","calculateBodyScroll","current","isScrollable","scrollHeight","clientHeight","isNotScrolledToBottom","scrollTop","useLayoutEffect","setTimeout","onScroll","scope","onResize","Provider","value","FooterNotation","_ref11","_excluded6","FooterActions","_ref12","_excluded7","Footer","_ref13","_excluded8","_React$useContext2","$hasShadow","Panel_","Panel","_ref14","_excluded9","_React$useState","useState","_React$useState2","displayName"],"sources":["../../src/Panel/Panel.tsx"],"sourcesContent":["import { ChevronLeft, Clear, EllipsisVertical } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { Button } from '../Button/Button'\nimport { Menu } from '../Menu/Menu'\nimport { OverlayTrigger } from '../OverlayTrigger/OverlayTrigger'\nimport { LevelContext, Section, SectionProvider } from '../Section/Section'\nimport { Tooltip } from '../Tooltip/Tooltip'\nimport { TypographyProps } from '../Typography/Typography.types'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useOverflowObserver } from '../_hooks/OverflowObserver'\nimport { useResize } from '../_hooks/Resize'\nimport { useScroll } from '../_hooks/Scroll'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { isReactElement } from '../_utils/isReactElement'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { partition } from '../_utils/partition'\nimport { DivAttributes } from '../_utils/types'\nimport {\n  StyledBody,\n  StyledCloseButton,\n  StyledFooter,\n  StyledFooterActions,\n  StyledFooterNotation,\n  StyledHeader,\n  StyledHeaderActions,\n  StyledHeaderBackAction,\n  StyledMoreMenu,\n  StyledPanel,\n  StyledTitle,\n} from './Panel.styles'\nimport {\n  PanelBodyProps,\n  PanelContextShape,\n  PanelHeaderActionProps,\n  PanelHeaderProps,\n  PanelProps,\n  PanelQaTags,\n  PanelTitleTooltipProps,\n} from './Panel.types'\n\nconst PanelContext = React.createContext<PanelContextShape>({\n  isFooterSticky: false,\n  setIsFooterSticky: () => {},\n})\n\nconst maxVisibleIcons = 3\n\nconst HeaderAction = React.forwardRef<HTMLSpanElement, PanelHeaderActionProps>(\n  function HeaderAction(\n    { title, children, variant = 'tertiary', ...props },\n    ref\n  ) {\n    return (\n      <Tooltip overlay={title} ref={ref}>\n        <Button {...props} variant={variant}>\n          {children}\n        </Button>\n      </Tooltip>\n    )\n  }\n)\n\nconst MoreMenu = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function MoreMenu({ children }, ref) {\n    return (\n      <StyledMoreMenu ref={ref}>\n        <Menu ref={(node) => node?.focus()}>\n          <Menu.Options>\n            {React.Children.map(children, (child) => {\n              if (isReactElement<PanelHeaderActionProps>(child)) {\n                return (\n                  <Menu.Item\n                    item={null}\n                    key={child.props.title}\n                    onClick={\n                      child.props.onClick as (e: React.MouseEvent) => void\n                    }\n                  >\n                    {child.props.title}\n                  </Menu.Item>\n                )\n              }\n            })}\n          </Menu.Options>\n        </Menu>\n      </StyledMoreMenu>\n    )\n  }\n)\n\nexport const MoreIcon: React.FC<\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n> = ({ children, qa }) => {\n  return (\n    <OverlayTrigger\n      trigger=\"click\"\n      placement=\"bottom-right\"\n      overlay={<MoreMenu>{children}</MoreMenu>}\n    >\n      <Button\n        data-qa={qa?.moreIcon}\n        variant=\"tertiary\"\n        icon={<EllipsisVertical />}\n      />\n    </OverlayTrigger>\n  )\n}\n\nconst HeaderActions = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & { qa?: Pick<PanelQaTags, 'moreIcon'> }\n>(function HeaderActions({ children, qa, ...props }, ref) {\n  const iconsAmount = React.Children.count(children)\n\n  const [visibleIcons, hiddenIcons] =\n    iconsAmount > maxVisibleIcons\n      ? partition(\n          (_, index) => index > iconsAmount - maxVisibleIcons,\n          React.Children.toArray(children)\n        )\n      : [children, []]\n\n  return (\n    <StyledHeaderActions {...props} ref={ref}>\n      {visibleIcons}\n      {hiddenIcons.length > 0 && <MoreIcon qa={qa}>{hiddenIcons}</MoreIcon>}\n    </StyledHeaderActions>\n  )\n})\n\nexport const TitleTooltip: React.FC<PanelTitleTooltipProps> = ({\n  children,\n  overlay,\n  isVisible,\n}) => {\n  if (!isVisible) {\n    return children as React.ReactElement\n  }\n\n  return (\n    <Tooltip\n      trigger=\"hover\"\n      overlay={<Tooltip.Content>{overlay}</Tooltip.Content>}\n      placement=\"bottom\"\n    >\n      {children}\n    </Tooltip>\n  )\n}\n\nconst Title = React.forwardRef<\n  HTMLSpanElement,\n  TypographyProps & { qa?: Pick<PanelQaTags, 'title'> }\n>(function Title({ children, qa, ...props }, ref) {\n  const { isOverflowingX, ref: overflowRef } = useOverflowObserver()\n\n  return (\n    <TitleTooltip isVisible={isOverflowingX} overlay={children}>\n      <StyledTitle\n        {...props}\n        ref={mergeRefs(overflowRef, ref)}\n        intent=\"h2\"\n        data-qa={qa?.title}\n      >\n        {children}\n      </StyledTitle>\n    </TitleTooltip>\n  )\n})\n\nconst Header = React.forwardRef<HTMLDivElement, PanelHeaderProps>(\n  function Header({ children, onClickBack, onClose, ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledHeader {...props} ref={ref}>\n        <StyledHeaderBackAction active={onClickBack !== undefined}>\n          <Button\n            aria-label={I18n.t('core.panel.goBack')}\n            variant=\"tertiary\"\n            onClick={onClickBack}\n            icon={<ChevronLeft />}\n          />\n        </StyledHeaderBackAction>\n        {children}\n        {typeof onClose === 'function' && (\n          <StyledCloseButton>\n            <HeaderAction\n              title={I18n.t('core.panel.close')}\n              icon={<Clear />}\n              onClick={onClose}\n            />\n          </StyledCloseButton>\n        )}\n      </StyledHeader>\n    )\n  }\n)\n\nconst Body = React.forwardRef<HTMLDivElement, PanelBodyProps>(function Body(\n  { children, ...props },\n  ref\n) {\n  const bodyRef = React.useRef<HTMLDivElement>(null)\n  const { setIsFooterSticky } = React.useContext(PanelContext)\n\n  function calculateBodyScroll() {\n    if (!bodyRef.current) {\n      return\n    }\n    const isScrollable =\n      bodyRef.current.scrollHeight > bodyRef.current.clientHeight\n    if (isScrollable) {\n      const isNotScrolledToBottom =\n        bodyRef.current.scrollTop + bodyRef.current.clientHeight <\n        bodyRef.current.scrollHeight\n      setIsFooterSticky(isNotScrolledToBottom)\n    } else {\n      setIsFooterSticky(false)\n    }\n  }\n\n  React.useLayoutEffect(() => {\n    // allow browsers to recalculate the layout\n    setTimeout(() => {\n      calculateBodyScroll()\n    }, 0)\n  }, [])\n\n  useScroll({ onScroll: calculateBodyScroll, scope: bodyRef })\n\n  useResize({ onResize: calculateBodyScroll })\n\n  return (\n    <SectionProvider>\n      <LevelContext.Provider value={3}>\n        <StyledBody\n          {...props}\n          ref={mergeRefs(ref, bodyRef, calculateBodyScroll)}\n        >\n          {children}\n        </StyledBody>\n      </LevelContext.Provider>\n    </SectionProvider>\n  )\n})\n\nconst FooterNotation = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterNotation({ children, ...props }, ref) {\n    return (\n      <StyledFooterNotation {...props} ref={ref}>\n        {children}\n      </StyledFooterNotation>\n    )\n  }\n)\n\nconst FooterActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function FooterActions({ children, ...props }, ref) {\n    return (\n      <StyledFooterActions {...props} ref={ref}>\n        {children}\n      </StyledFooterActions>\n    )\n  }\n)\n\nconst Footer = React.forwardRef<HTMLDivElement, DivAttributes>(function Footer(\n  { children, ...props },\n  ref\n) {\n  const { isFooterSticky } = React.useContext(PanelContext)\n  return (\n    <StyledFooter {...props} ref={ref} $hasShadow={isFooterSticky}>\n      {children}\n    </StyledFooter>\n  )\n})\n\n/**\n\n Panels help users complete tasks or view additional information alongside the\n main content of a page.\n\n Panels are often initiated by clicking on an item somewhere on the main page,\n and they often contain additional information or options specific to that item.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-panel--demo)\n\n @see [Design Guidelines](https://design.procore.com/panel)\n\n */\nconst Panel_ = React.forwardRef<HTMLDivElement, PanelProps>(function Panel(\n  { children, ...props },\n  ref\n) {\n  const [isFooterSticky, setIsFooterSticky] = React.useState(false)\n\n  return (\n    <PanelContext.Provider\n      value={{\n        setIsFooterSticky,\n        isFooterSticky,\n      }}\n    >\n      <StyledPanel {...props} ref={ref}>\n        {children}\n      </StyledPanel>\n    </PanelContext.Provider>\n  )\n})\n\nPanel_.displayName = 'Panel'\nBody.displayName = 'Panel.Body'\nFooter.displayName = 'Panel.Footer'\nFooterActions.displayName = 'Panel.FooterActions'\nFooterNotation.displayName = 'Panel.FooterNotation'\nHeader.displayName = 'Panel.Header'\nHeaderAction.displayName = 'Panel.HeaderAction'\nHeaderActions.displayName = 'Panel.HeaderActions'\nTitle.displayName = 'Panel.Title'\n\nexport const Panel = addSubcomponents(\n  {\n    Body,\n    Footer,\n    FooterActions,\n    FooterNotation,\n    Header,\n    HeaderAction,\n    HeaderActions,\n    Section,\n    Title,\n  },\n  Panel_\n)\n"],"mappings":"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"}

package/dist/Panel/Panel.styles.js

@@ -1,7 +1,3 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
 import styled, { css } from 'styled-components';
 import { Card } from '../Card/Card';
 import { StyledSection, StyledSectionInner } from '../Section/Section.styles';
@@ -11,36 +7,68 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 var headerActionSize = 36;
 var buttonShadowWidth = 2;
-var gutter = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > * + * {\n    margin-left: ", "px;\n  }\n"], ["\n  > * + * {\n    margin-left: ", "px;\n  }\n"])), spacing.sm);
-var panel = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  padding: ", "px;\n  background: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  padding: ", "px;\n  background: ", ";\n"])), spacing.lg, colors.white);
-export var StyledHeader = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n\n  ", "\n"], ["\n  border-bottom: 1px solid ", ";\n\n  ", "\n"])), colors.gray85, panel);
-export var StyledTitle = styled(Typography)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"], ["\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"])));
-export var StyledHeaderBackAction = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ", "px;\n  margin-right: ", "px;\n  opacity: ", ";\n  transform: translateX(\n    ", "px\n  );\n"], ["\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ", "px;\n  margin-right: ", "px;\n  opacity: ", ";\n  transform: translateX(\n    ", "px\n  );\n"])), function (_a) {
-    var active = _a.active;
-    return (active ? headerActionSize : 0);
-}, function (_a) {
-    var active = _a.active;
-    return (active ? spacing.lg : 0);
-}, function (_a) {
-    var active = _a.active;
-    return (active ? 1 : 0);
-}, function (_a) {
-    var active = _a.active;
-    return active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth);
+var gutter = /*#__PURE__*/css(["> * + *{margin-left:", "px;}"], spacing.sm);
+var panel = /*#__PURE__*/css(["display:flex;align-items:center;padding:", "px;background:", ";"], spacing.lg, colors.white);
+export var StyledHeader = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledHeader",
+  componentId: "core-11_23_1__sc-lidix2-0"
+})(["border-bottom:1px solid ", ";", ""], colors.gray85, panel);
+export var StyledTitle = /*#__PURE__*/styled(Typography).withConfig({
+  displayName: "StyledTitle",
+  componentId: "core-11_23_1__sc-lidix2-1"
+})(["flex-grow:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);
+export var StyledHeaderBackAction = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledHeaderBackAction",
+  componentId: "core-11_23_1__sc-lidix2-2"
+})(["transition:all 300ms ease-out;flex-shrink:0;width:", "px;margin-right:", "px;opacity:", ";transform:translateX( ", "px );"], function (_ref) {
+  var active = _ref.active;
+  return active ? headerActionSize : 0;
+}, function (_ref2) {
+  var active = _ref2.active;
+  return active ? spacing.lg : 0;
+}, function (_ref3) {
+  var active = _ref3.active;
+  return active ? 1 : 0;
+}, function (_ref4) {
+  var active = _ref4.active;
+  return active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth);
 });
-export var StyledMoreMenu = styled(Card)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  max-height: 128px;\n"], ["\n  max-height: 128px;\n"])));
-export var StyledHeaderActions = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  margin-left: ", "px;\n  flex-shrink: 0;\n\n  ", "\n"], ["\n  display: flex;\n  margin-left: ", "px;\n  flex-shrink: 0;\n\n  ", "\n"])), spacing.lg, gutter);
-export var StyledCloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin-left: ", "px;\n"], ["\n  margin-left: ", "px;\n"])), spacing.sm);
-export var StyledBody = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n\n  > ", " {\n    padding-left: ", "px;\n    padding-right: ", "px;\n\n    ", " {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ", " {\n      padding-top: ", "px;\n    }\n  }\n"], ["\n  height: 100%;\n  background: ", ";\n  overflow-y: auto;\n\n  > ", " {\n    padding-left: ", "px;\n    padding-right: ", "px;\n\n    ", " {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ", " {\n      padding-top: ", "px;\n    }\n  }\n"])), function (_a) {
-    var secondaryBgColor = _a.secondaryBgColor;
-    return secondaryBgColor ? colors.gray96 : colors.white;
+export var StyledMoreMenu = /*#__PURE__*/styled(Card).withConfig({
+  displayName: "StyledMoreMenu",
+  componentId: "core-11_23_1__sc-lidix2-3"
+})(["max-height:128px;"]);
+export var StyledHeaderActions = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledHeaderActions",
+  componentId: "core-11_23_1__sc-lidix2-4"
+})(["display:flex;margin-left:", "px;flex-shrink:0;", ""], spacing.lg, gutter);
+export var StyledCloseButton = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledCloseButton",
+  componentId: "core-11_23_1__sc-lidix2-5"
+})(["margin-left:", "px;"], spacing.sm);
+export var StyledBody = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledBody",
+  componentId: "core-11_23_1__sc-lidix2-6"
+})(["height:100%;background:", ";overflow-y:auto;> ", "{padding-left:", "px;padding-right:", "px;", "{padding-left:0;padding-right:0;}&:first-child > ", "{padding-top:", "px;}}"], function (_ref5) {
+  var secondaryBgColor = _ref5.secondaryBgColor;
+  return secondaryBgColor ? colors.gray96 : colors.white;
 }, StyledSection, spacing.lg, spacing.lg, StyledSection, StyledSectionInner, spacing.lg);
-export var StyledPanel = styled.aside(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"], ["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ", ";\n  overflow: hidden;\n"])), colors.white);
-export var StyledFooterNotation = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  flex-grow: 1;\n"], ["\n  flex-grow: 1;\n"])));
-export var StyledFooterActions = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), gutter);
-export var StyledFooter = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  justify-content: flex-end;\n\n  ", "\n\n  ", "\n"], ["\n  border-top: 1px solid ", ";\n  justify-content: flex-end;\n\n  ", "\n\n  ", "\n"])), colors.gray85, panel, function (_a) {
-    var $hasShadow = _a.$hasShadow;
-    return $hasShadow && css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      ", "\n      z-index: 1;\n    "], ["\n      ", "\n      z-index: 1;\n    "])), getShadow(2, 'top'));
+export var StyledPanel = /*#__PURE__*/styled.aside.withConfig({
+  displayName: "StyledPanel",
+  componentId: "core-11_23_1__sc-lidix2-7"
+})(["display:flex;flex-direction:column;width:100%;height:100%;background:", ";overflow:hidden;"], colors.white);
+export var StyledFooterNotation = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFooterNotation",
+  componentId: "core-11_23_1__sc-lidix2-8"
+})(["flex-grow:1;"]);
+export var StyledFooterActions = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFooterActions",
+  componentId: "core-11_23_1__sc-lidix2-9"
+})(["", ""], gutter);
+export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledFooter",
+  componentId: "core-11_23_1__sc-lidix2-10"
+})(["border-top:1px solid ", ";justify-content:flex-end;", " ", ""], colors.gray85, panel, function (_ref6) {
+  var $hasShadow = _ref6.$hasShadow;
+  return $hasShadow && css(["", " z-index:1;"], getShadow(2, 'top'));
 });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
 //# sourceMappingURL=Panel.styles.js.map

package/dist/Panel/Panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.styles.js","sourceRoot":"","sources":["../../src/Panel/Panel.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Panel.styles.js","names":["styled","css","Card","StyledSection","StyledSectionInner","Typography","colors","getShadow","spacing","headerActionSize","buttonShadowWidth","gutter","sm","panel","lg","white","StyledHeader","div","withConfig","displayName","componentId","gray85","StyledTitle","StyledHeaderBackAction","_ref","active","_ref2","_ref3","_ref4","StyledMoreMenu","StyledHeaderActions","StyledCloseButton","StyledBody","_ref5","secondaryBgColor","gray96","StyledPanel","aside","StyledFooterNotation","StyledFooterActions","StyledFooter","_ref6","$hasShadow"],"sources":["../../src/Panel/Panel.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Card } from '../Card/Card'\nimport { StyledSection, StyledSectionInner } from '../Section/Section.styles'\nimport { Typography } from '../Typography/Typography'\nimport { colors } from '../_styles/colors'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\n\nconst headerActionSize = 36\nconst buttonShadowWidth = 2\n\nconst gutter = css`\n  > * + * {\n    margin-left: ${spacing.sm}px;\n  }\n`\n\nconst panel = css`\n  display: flex;\n  align-items: center;\n  padding: ${spacing.lg}px;\n  background: ${colors.white};\n`\n\nexport const StyledHeader = styled.div`\n  border-bottom: 1px solid ${colors.gray85};\n\n  ${panel}\n`\n\nexport const StyledTitle = styled(Typography)`\n  flex-grow: 1;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const StyledHeaderBackAction = styled.div<{ active: boolean }>`\n  transition: all 300ms ease-out;\n  flex-shrink: 0;\n\n  width: ${({ active }) => (active ? headerActionSize : 0)}px;\n  margin-right: ${({ active }) => (active ? spacing.lg : 0)}px;\n  opacity: ${({ active }) => (active ? 1 : 0)};\n  transform: translateX(\n    ${({ active }) =>\n      active ? 0 : -(spacing.lg + headerActionSize + buttonShadowWidth)}px\n  );\n`\n\nexport const StyledMoreMenu = styled(Card)`\n  max-height: 128px;\n`\n\nexport const StyledHeaderActions = styled.div`\n  display: flex;\n  margin-left: ${spacing.lg}px;\n  flex-shrink: 0;\n\n  ${gutter}\n`\n\nexport const StyledCloseButton = styled.div`\n  margin-left: ${spacing.sm}px;\n`\n\nexport const StyledBody = styled.div<{ secondaryBgColor?: boolean }>`\n  height: 100%;\n  background: ${({ secondaryBgColor }) =>\n    secondaryBgColor ? colors.gray96 : colors.white};\n  overflow-y: auto;\n\n  > ${StyledSection} {\n    padding-left: ${spacing.lg}px;\n    padding-right: ${spacing.lg}px;\n\n    ${StyledSection} {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    &:first-child > ${StyledSectionInner} {\n      padding-top: ${spacing.lg}px;\n    }\n  }\n`\n\nexport const StyledPanel = styled.aside`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n  background: ${colors.white};\n  overflow: hidden;\n`\n\nexport const StyledFooterNotation = styled.div`\n  flex-grow: 1;\n`\n\nexport const StyledFooterActions = styled.div`\n  ${gutter}\n`\n\nexport const StyledFooter = styled.div<{ $hasShadow: boolean }>`\n  border-top: 1px solid ${colors.gray85};\n  justify-content: flex-end;\n\n  ${panel}\n\n  ${({ $hasShadow }) =>\n    $hasShadow &&\n    css`\n      ${getShadow(2, 'top')}\n      z-index: 1;\n    `}\n`\n"],"mappings":"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"}

package/dist/Panel/Panel.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.types.js","sourceRoot":"","sources":["../../src/Panel/Panel.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Panel.types.js","names":[],"sources":["../../src/Panel/Panel.types.ts"],"sourcesContent":["import { ButtonProps } from '../Button/Button.types'\nimport { SectionProps } from '../Section/Section.types'\nimport { ButtonAttributes, DivAttributes } from '../_utils/types'\n\nexport interface PanelQaTags {\n  /**\n   * @since 10.19.0\n   */\n  moreIcon?: string\n  /**\n   * @since 10.19.0\n   */\n  title?: string\n}\n\nexport interface PanelProps extends DivAttributes {}\n\nexport interface PanelHeaderProps extends DivAttributes {\n  /**\n   * Controls visibility and behavior for the \"chevron-left\" icon on the left\n   * side of the title.\n   * @since 10.19.0\n   */\n  onClickBack?: () => void\n  /**\n   * @since 10.19.0\n   */\n  onClose?: () => void\n}\n\nexport interface PanelTitleTooltipProps {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  isVisible: boolean\n  /**\n   * @since 10.19.0\n   */\n  overlay: React.ReactNode\n}\nexport interface PanelHeaderActionProps extends ButtonAttributes, ButtonProps {\n  /**\n   * Tooltip/Overflow menu label text.\n   * @since 10.19.0\n   * */\n  title: string\n}\n\nexport interface PanelBodyProps extends DivAttributes {\n  /**\n   * Applies the gray secondary background color.\n   * @since 10.19.0\n   */\n  secondaryBgColor?: boolean\n}\n\nexport interface PanelContextShape {\n  /**\n   * @since 10.19.0\n   */\n  isFooterSticky: boolean\n  /**\n   * @since 10.19.0\n   */\n  setIsFooterSticky: (v: boolean) => void\n}\n\nexport interface PanelSectionProps extends SectionProps {}\n"],"mappings":""}

package/dist/Panel/index.js

@@ -1,2 +1,3 @@
 export { Panel } from './Panel';
+export { PanelBodyProps, PanelHeaderActionProps, PanelHeaderProps, PanelProps, PanelSectionProps } from './Panel.types';
 //# sourceMappingURL=index.js.map