@procore/core-react 11.22.0 → 11.23.0

package/dist/Search/Search.js

@@ -1,33 +1,16 @@
-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 = ["onChange", "onClear", "onSubmit", "usingHook", "value"];
+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 { Clear, Search as SearchIcon } from '@procore/core-icons/dist';
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';
 import { mergeRefs } from '../_utils/mergeRefs';
 import { usingHookOrDefault } from '../_utils/usingHookOrDefault';
 import { useSearch } from './Search.hooks';
-import { StyledClearButton, StyledInput, StyledSearch, StyledSearchButton, } from './Search.styles';
+import { StyledClearButton, StyledInput, StyledSearch, StyledSearchButton } from './Search.styles';
 import { mergeProps } from '@react-aria/utils';
+
 /**
 
  Our users use search to find items on a tool’s landing page or, in forms, users
@@ -40,31 +23,60 @@ import { mergeProps } from '@react-aria/utils';
  @see [Design Guidelines](https://design.procore.com/search-component)
 
  */
-export var Search = React.forwardRef(function Search(_a, ref) {
-    var _b = _a.onChange, onChange = _b === void 0 ? function () { } : _b, _c = _a.onClear, onClear = _c === void 0 ? function () { } : _c, _d = _a.onSubmit, onSubmit = _d === void 0 ? function () { } : _d, usingHook = _a.usingHook, _e = _a.value, value = _e === void 0 ? '' : _e, props = __rest(_a, ["onChange", "onClear", "onSubmit", "usingHook", "value"]);
-    var i18n = useI18nContext();
-    var search = usingHookOrDefault(usingHook, useSearch)({
-        initialValue: value,
-        onChange: onChange,
-        onClear: onClear,
-        onSubmit: onSubmit,
-    });
-    var inputRef = React.useRef(null);
-    var setFocusToInput = function () {
-        if (inputRef.current) {
-            inputRef.current.focus();
-        }
-    };
-    return (React.createElement(StyledSearch, null,
-        React.createElement(StyledInput, __assign({}, mergeProps(props, search.domHandlers), { "data-qa": "core-search-input", ref: mergeRefs(ref, inputRef), value: search.value })),
-        !search.isEmpty && (React.createElement(StyledClearButton, { "aria-label": i18n.t('core.search.clear'), "data-qa": "core-search-clear-icon", icon: React.createElement(Clear, null), size: "sm", variant: "tertiary", disabled: props.disabled, onClick: function () {
-                search.clear();
-                setFocusToInput();
-            }, tabIndex: -1 })),
-        React.createElement(StyledSearchButton, { "aria-label": i18n.t('core.search.goSearch'), "data-qa": "core-search-search-icon", icon: React.createElement(SearchIcon, null), size: "sm", variant: "tertiary", disabled: props.disabled, onClick: function () {
-                search.submit();
-                setFocusToInput();
-            }, tabIndex: -1 })));
+export var Search = /*#__PURE__*/React.forwardRef(function Search(_ref, ref) {
+  var _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onClear = _ref.onClear,
+    onClear = _ref$onClear === void 0 ? function () {} : _ref$onClear,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,
+    usingHook = _ref.usingHook,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? '' : _ref$value,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var i18n = useI18nContext();
+  var search = usingHookOrDefault(usingHook, useSearch)({
+    initialValue: value,
+    onChange: onChange,
+    onClear: onClear,
+    onSubmit: onSubmit
+  });
+  var inputRef = React.useRef(null);
+  var setFocusToInput = function setFocusToInput() {
+    if (inputRef.current) {
+      inputRef.current.focus();
+    }
+  };
+  return /*#__PURE__*/React.createElement(StyledSearch, null, /*#__PURE__*/React.createElement(StyledInput, _extends({}, mergeProps(props, search.domHandlers), {
+    "data-qa": "core-search-input",
+    ref: mergeRefs(ref, inputRef),
+    value: search.value
+  })), !search.isEmpty && /*#__PURE__*/React.createElement(StyledClearButton, {
+    "aria-label": i18n.t('core.search.clear'),
+    "data-qa": "core-search-clear-icon",
+    icon: /*#__PURE__*/React.createElement(Clear, null),
+    size: "sm",
+    variant: "tertiary",
+    disabled: props.disabled,
+    onClick: function onClick() {
+      search.clear();
+      setFocusToInput();
+    },
+    tabIndex: -1 // TODO revisit this accessibility
+  }), /*#__PURE__*/React.createElement(StyledSearchButton, {
+    "aria-label": i18n.t('core.search.goSearch'),
+    "data-qa": "core-search-search-icon",
+    icon: /*#__PURE__*/React.createElement(SearchIcon, null),
+    size: "sm",
+    variant: "tertiary",
+    disabled: props.disabled,
+    onClick: function onClick() {
+      search.submit();
+      setFocusToInput();
+    },
+    tabIndex: -1 // TODO revisit this accessibility
+  }));
 });
+
 Search.displayName = 'Search';
 //# sourceMappingURL=Search.js.map

package/dist/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../src/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,kBAAkB,GACnB,MAAM,iBAAiB,CAAA;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,SAAS,MAAM,CACb,EAOC,EACD,GAAG;IAPD,IAAA,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,SAAS,eAAA,EACT,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACP,KAAK,cANV,yDAOC,CADS;IAIV,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,IAAM,MAAM,GAAG,kBAAkB,CAC/B,SAAS,EACT,SAAS,CACV,CAAC;QACA,YAAY,EAAE,KAAK;QACnB,QAAQ,UAAA;QACR,OAAO,SAAA;QACP,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAA;IAErD,IAAM,eAAe,GAAG;QACtB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;SACzB;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,YAAY;QACX,oBAAC,WAAW,eACN,UAAU,CAAC,KAAK,EAAE,MAAM,CAAC,WAAW,CAAC,eACjC,mBAAmB,EAC3B,GAAG,EAAE,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAC7B,KAAK,EAAE,MAAM,CAAC,KAAK,IACnB;QACD,CAAC,MAAM,CAAC,OAAO,IAAI,CAClB,oBAAC,iBAAiB,kBACJ,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAC/B,wBAAwB,EAChC,IAAI,EAAE,oBAAC,KAAK,OAAG,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE;gBACP,MAAM,CAAC,KAAK,EAAE,CAAA;gBAEd,eAAe,EAAE,CAAA;YACnB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CACH;QAEC,oBAAC,kBAAkB,kBACL,IAAI,CAAC,CAAC,CAAC,sBAAsB,CAAC,aAClC,yBAAyB,EACjC,IAAI,EAAE,oBAAC,UAAU,OAAG,EACpB,IAAI,EAAC,IAAI,EACT,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE;gBACP,MAAM,CAAC,MAAM,EAAE,CAAA;gBAEf,eAAe,EAAE,CAAA;YACnB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,GACZ,CAES,CAChB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAA"}
+{"version":3,"file":"Search.js","names":["Clear","Search","SearchIcon","React","useI18nContext","mergeRefs","usingHookOrDefault","useSearch","StyledClearButton","StyledInput","StyledSearch","StyledSearchButton","mergeProps","forwardRef","_ref","ref","_ref$onChange","onChange","_ref$onClear","onClear","_ref$onSubmit","onSubmit","usingHook","_ref$value","value","props","_objectWithoutProperties","_excluded","i18n","search","initialValue","inputRef","useRef","setFocusToInput","current","focus","createElement","_extends","domHandlers","isEmpty","t","icon","size","variant","disabled","onClick","clear","tabIndex","submit","displayName"],"sources":["../../src/Search/Search.tsx"],"sourcesContent":["import { Clear, Search as SearchIcon } from '@procore/core-icons/dist'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { mergeRefs } from '../_utils/mergeRefs'\nimport { usingHookOrDefault } from '../_utils/usingHookOrDefault'\nimport { useSearch } from './Search.hooks'\nimport {\n  StyledClearButton,\n  StyledInput,\n  StyledSearch,\n  StyledSearchButton,\n} from './Search.styles'\nimport { SearchProps } from './Search.types'\nimport { mergeProps } from '@react-aria/utils'\n\n/**\n\n Our users use search to find items on a tool’s landing page or, in forms, users\n use a search typeahead to find information to associate with the form.\n\n @since 10.19.0\n\n @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-search--demo)\n\n @see [Design Guidelines](https://design.procore.com/search-component)\n\n */\nexport const Search = React.forwardRef<HTMLInputElement, SearchProps>(\n  function Search(\n    {\n      onChange = () => {},\n      onClear = () => {},\n      onSubmit = () => {},\n      usingHook,\n      value = '',\n      ...props\n    },\n    ref\n  ) {\n    const i18n = useI18nContext()\n    const search = usingHookOrDefault(\n      usingHook,\n      useSearch\n    )({\n      initialValue: value,\n      onChange,\n      onClear,\n      onSubmit,\n    })\n\n    const inputRef = React.useRef<HTMLInputElement>(null)\n\n    const setFocusToInput = () => {\n      if (inputRef.current) {\n        inputRef.current.focus()\n      }\n    }\n\n    return (\n      <StyledSearch>\n        <StyledInput\n          {...mergeProps(props, search.domHandlers)}\n          data-qa=\"core-search-input\"\n          ref={mergeRefs(ref, inputRef)}\n          value={search.value}\n        />\n        {!search.isEmpty && (\n          <StyledClearButton\n            aria-label={i18n.t('core.search.clear')}\n            data-qa=\"core-search-clear-icon\"\n            icon={<Clear />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.clear()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        )}\n        {\n          <StyledSearchButton\n            aria-label={i18n.t('core.search.goSearch')}\n            data-qa=\"core-search-search-icon\"\n            icon={<SearchIcon />}\n            size=\"sm\"\n            variant=\"tertiary\"\n            disabled={props.disabled}\n            onClick={() => {\n              search.submit()\n\n              setFocusToInput()\n            }}\n            tabIndex={-1} // TODO revisit this accessibility\n          />\n        }\n      </StyledSearch>\n    )\n  }\n)\n\nSearch.displayName = 'Search'\n"],"mappings":"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"}

package/dist/Search/Search.styles.js

@@ -1,31 +1,48 @@
-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 { Button } from '../Button/Button';
 import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
+
 // Search has the buttons embedded into the input, So we have to do some manual
 // absolute positioning of the clear and search buttons and also adjust the
 // padding of the input so that the input text does not run into the buttons.
 // This used to be accomplished with IconLayout but that was a rarely used and
 // messy abstraction which was also intended to be used with clickable Icons
 // and not the new icon button style.
+
 var inputHeight = 36;
 var buttonSize = 24;
 var buttonTop = (inputHeight - buttonSize) / 2; // vertically center the buttons
+
 var searchRight = 6; // search icon sits 6px from the right edge
+
 var clearRight = searchRight + buttonSize + spacing.xs; // clear icon shifted
+
 var inputRight = clearRight + buttonSize + spacing.sm; // padding-right on the input to account for buttons
+
 var legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm; // padding-right on the input to account for legacy typeahead prop
+
 export function getSearchInputStyles() {
-    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", "\n    -webkit-appearance: textfield;\n    padding-left: ", "px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  "], ["\n    ", "\n    -webkit-appearance: textfield;\n    padding-left: ", "px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  "])), getInputStyles, spacing.md);
+  return css(["", " -webkit-appearance:textfield;padding-left:", "px;&::-ms-clear,&::-ms-reveal{display:none;}&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{display:none;}"], getInputStyles, spacing.md);
 }
-export var StyledInput = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getSearchInputStyles);
-var StyledButton = styled(Button)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n"], ["\n  position: absolute;\n  top: ", "px;\n"])), buttonTop);
-export var StyledSearchButton = styled(StyledButton)(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
-export var StyledClearButton = styled(StyledButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject([""], [""])));
-export var StyledSearch = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  ", " {\n    padding-right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n"], ["\n  position: relative;\n  width: 100%;\n\n  ", " {\n    padding-right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n\n  ", " {\n    right: ", "px;\n  }\n"])), StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+export var StyledInput = /*#__PURE__*/styled.input.withConfig({
+  displayName: "StyledInput",
+  componentId: "core-11_23_0__sc-3j8khv-0"
+})(["", ""], getSearchInputStyles);
+var StyledButton = /*#__PURE__*/styled(Button).withConfig({
+  displayName: "StyledButton",
+  componentId: "core-11_23_0__sc-3j8khv-1"
+})(["position:absolute;top:", "px;"], buttonTop);
+export var StyledSearchButton = /*#__PURE__*/styled(StyledButton).withConfig({
+  displayName: "StyledSearchButton",
+  componentId: "core-11_23_0__sc-3j8khv-2"
+})([""]);
+export var StyledClearButton = /*#__PURE__*/styled(StyledButton).withConfig({
+  displayName: "StyledClearButton",
+  componentId: "core-11_23_0__sc-3j8khv-3"
+})([""]);
+export var StyledSearch = /*#__PURE__*/styled.div.withConfig({
+  displayName: "StyledSearch",
+  componentId: "core-11_23_0__sc-3j8khv-4"
+})(["position:relative;width:100%;", "{padding-right:", "px;}", "{right:", "px;}", "{right:", "px;}"], StyledInput, inputRight, StyledSearchButton, searchRight, StyledClearButton, clearRight);
 //# sourceMappingURL=Search.styles.js.map

package/dist/Search/Search.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.styles.js","sourceRoot":"","sources":["../../src/Search/Search.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAE5C,+EAA+E;AAC/E,2EAA2E;AAC3E,6EAA6E;AAC7E,8EAA8E;AAC9E,4EAA4E;AAC5E,qCAAqC;AAErC,IAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,IAAM,UAAU,GAAG,EAAE,CAAA;AAErB,IAAM,SAAS,GAAG,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,CAAC,CAAA,CAAC,gCAAgC;AAEjF,IAAM,WAAW,GAAG,CAAC,CAAA,CAAC,2CAA2C;AAEjE,IAAM,UAAU,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,qBAAqB;AAE9E,IAAM,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,oDAAoD;AAE5G,IAAM,wBAAwB,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC,EAAE,CAAA,CAAC,kEAAkE;AAEzI,MAAM,UAAU,oBAAoB;IAClC,OAAO,GAAG,oZAAA,QACN,EAAc,0DAEA,EAAU,2QAa3B,KAfG,cAAc,EAEA,OAAO,CAAC,EAAE,EAa3B;AACH,CAAC;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,+EAAA,MACnC,EAAoB,IACvB,KADG,oBAAoB,CACvB,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,8GAAA,kCAE1B,EAAS,OACjB,KADQ,SAAS,CACjB,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAExD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,YAAY,CAAC,qEAAA,EAAE,IAAA,CAAA;AAEvD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,qOAEpC,+CAIE,EAAW,yBACM,EAAU,gBAG3B,EAAkB,iBACT,EAAW,gBAGpB,EAAiB,iBACR,EAAU,YAEtB,KAXG,WAAW,EACM,UAAU,EAG3B,kBAAkB,EACT,WAAW,EAGpB,iBAAiB,EACR,UAAU,CAEtB,CAAA"}
+{"version":3,"file":"Search.styles.js","names":["styled","css","Button","getInputStyles","spacing","inputHeight","buttonSize","buttonTop","searchRight","clearRight","xs","inputRight","sm","legacyTypeahedInputRight","getSearchInputStyles","md","StyledInput","input","withConfig","displayName","componentId","StyledButton","StyledSearchButton","StyledClearButton","StyledSearch","div"],"sources":["../../src/Search/Search.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Button } from '../Button/Button'\nimport { getInputStyles } from '../Input/Input.styles'\nimport { spacing } from '../_styles/spacing'\n\n// Search has the buttons embedded into the input, So we have to do some manual\n// absolute positioning of the clear and search buttons and also adjust the\n// padding of the input so that the input text does not run into the buttons.\n// This used to be accomplished with IconLayout but that was a rarely used and\n// messy abstraction which was also intended to be used with clickable Icons\n// and not the new icon button style.\n\nconst inputHeight = 36\n\nconst buttonSize = 24\n\nconst buttonTop = (inputHeight - buttonSize) / 2 // vertically center the buttons\n\nconst searchRight = 6 // search icon sits 6px from the right edge\n\nconst clearRight = searchRight + buttonSize + spacing.xs // clear icon shifted\n\nconst inputRight = clearRight + buttonSize + spacing.sm // padding-right on the input to account for buttons\n\nconst legacyTypeahedInputRight = searchRight + buttonSize + spacing.sm // padding-right on the input to account for legacy typeahead prop\n\nexport function getSearchInputStyles() {\n  return css`\n    ${getInputStyles}\n    -webkit-appearance: textfield;\n    padding-left: ${spacing.md}px;\n\n    &::-ms-clear,\n    &::-ms-reveal {\n      display: none;\n    }\n\n    &::-webkit-search-decoration,\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-results-button,\n    &::-webkit-search-results-decoration {\n      display: none;\n    }\n  `\n}\n\nexport const StyledInput = styled.input`\n  ${getSearchInputStyles}\n`\n\nconst StyledButton = styled(Button)`\n  position: absolute;\n  top: ${buttonTop}px;\n`\n\nexport const StyledSearchButton = styled(StyledButton)``\n\nexport const StyledClearButton = styled(StyledButton)``\n\nexport const StyledSearch = styled.div<{\n  disabled?: boolean\n}>`\n  position: relative;\n  width: 100%;\n\n  ${StyledInput} {\n    padding-right: ${inputRight}px;\n  }\n\n  ${StyledSearchButton} {\n    right: ${searchRight}px;\n  }\n\n  ${StyledClearButton} {\n    right: ${clearRight}px;\n  }\n`\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,WAAW,GAAG,EAAE;AAEtB,IAAMC,UAAU,GAAG,EAAE;AAErB,IAAMC,SAAS,GAAG,CAACF,WAAW,GAAGC,UAAU,IAAI,CAAC,EAAC;;AAEjD,IAAME,WAAW,GAAG,CAAC,EAAC;;AAEtB,IAAMC,UAAU,GAAGD,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACM,EAAE,EAAC;;AAEzD,IAAMC,UAAU,GAAGF,UAAU,GAAGH,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAExD,IAAMC,wBAAwB,GAAGL,WAAW,GAAGF,UAAU,GAAGF,OAAO,CAACQ,EAAE,EAAC;;AAEvE,OAAO,SAASE,oBAAoBA,CAAA,EAAG;EACrC,OAAOb,GAAG,uPACNE,cAAc,EAEAC,OAAO,CAACW,EAAE;AAc9B;AAEA,OAAO,IAAMC,WAAW,gBAAGhB,MAAM,CAACiB,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACnCN,oBAAoB,CACvB;AAED,IAAMO,YAAY,gBAAGrB,MAAM,CAACE,MAAM,CAAC,CAAAgB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sCAE1Bb,SAAS,CACjB;AAED,OAAO,IAAMe,kBAAkB,gBAAGtB,MAAM,CAACqB,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAExD,OAAO,IAAMG,iBAAiB,gBAAGvB,MAAM,CAACqB,YAAY,CAAC,CAAAH,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE;AAEvD,OAAO,IAAMI,YAAY,gBAAGxB,MAAM,CAACyB,GAAG,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAMlCJ,WAAW,EACML,UAAU,EAG3BW,kBAAkB,EACTd,WAAW,EAGpBe,iBAAiB,EACRd,UAAU,CAEtB"}

package/dist/Search/Search.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.types.js","sourceRoot":"","sources":["../../src/Search/Search.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Search.types.js","names":[],"sources":["../../src/Search/Search.types.ts"],"sourcesContent":["import { InputProps } from '../Input/Input.types'\nimport { ChangeEvent } from '../_hooks/TextEntry'\n\nexport interface SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  initialValue?: string\n  /**\n   * @deprecated\n   *\n   * The `onChange` prop has been deprecated and will be removed in a future version.\n   *\n   * A new component, `Typeahead`, has been introduced with specific UX for typeahead-like\n   * behavior. Please use this component instead.\n   *\n   * **Before**\n   *\n   * <Search typeahead onChange={() => { ... }} />\n   *\n   * **After**\n   *\n   * <Typeahead onChange={() => { ... }} />\n   *\n   * @deprecatedSince 10.20.0\n   *\n   * @see https://core.procore.com/latest/web/components/typeahead/react/\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  onClear?: () => void\n\n  /**\n   * <div>Input handler for search variant</div>\n   * <CodeBlock>(value: string) => void</CodeBlock>\n   * @since 10.19.0\n   */\n  onSubmit?: (value: string) => void\n}\n\nexport interface SearchHook {\n  /**\n   * @since 10.19.0\n   */\n  domHandlers: {\n    onChange: (e: ChangeEvent) => void\n    onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void\n  }\n  /**\n   * @since 10.19.0\n   */\n  clear: () => void\n  /**\n   * @since 10.19.0\n   */\n  isEmpty: boolean\n  /**\n   * @since 10.19.0\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void\n  /**\n   * @since 10.19.0\n   */\n  submit: () => void\n  /**\n   * @since 10.19.0\n   */\n  value: string\n}\n\nexport interface SearchProps\n  extends Omit<InputProps, 'onSubmit'>,\n    SearchHookConfig {\n  /**\n   * @since 10.19.0\n   */\n  autoFocus?: boolean\n  /**\n   * @since 10.19.0\n   */\n  usingHook?: SearchHook\n\n  /**\n   * Initial value string\n   * @default ''\n   * @since 10.19.0\n   */\n  value?: string\n}\n"],"mappings":""}

package/dist/Search/index.js

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

package/dist/Search/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.js","names":["Search","SearchProps"],"sources":["../../src/Search/index.ts"],"sourcesContent":["export { Search } from './Search'\nexport { SearchProps } from './Search.types'\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,UAAU;AACjC,SAASC,WAAW,QAAQ,gBAAgB"}

package/dist/Section/Section.js

@@ -1,25 +1,20 @@
-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;
-};
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["level"],
+  _excluded2 = ["actions", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"];
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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 _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 { ChevronDown, ChevronRight } from '@procore/core-icons/dist';
 import cx from 'classnames';
 import React from 'react';
@@ -27,94 +22,124 @@ import { ulid } from 'ulid';
 import { Button } from '../Button/Button';
 import { getHeadingComponent } from '../Semantic/Semantic';
 import { Title } from '../Title/Title';
-import { sectionClassnames, StyledSection, StyledSectionCollapseHeading, StyledSectionContentRegion, StyledSectionHeader, StyledSectionInner, StyledTitle, } from './Section.styles';
-var isFunction = function (obj) { return typeof obj === 'function'; };
+import { sectionClassnames, StyledSection, StyledSectionCollapseHeading, StyledSectionContentRegion, StyledSectionHeader, StyledSectionInner, StyledTitle } from './Section.styles';
+var isFunction = function isFunction(obj) {
+  return typeof obj === 'function';
+};
+
 // Header levels start at level 2
-export var LevelContext = React.createContext(2);
-var SectionContext = React.createContext({
-    open: {},
-    setSection: function () { },
-    toggleSection: function () { },
+export var LevelContext = /*#__PURE__*/React.createContext(2);
+var SectionContext = /*#__PURE__*/React.createContext({
+  open: {},
+  setSection: function setSection() {},
+  toggleSection: function toggleSection() {}
 });
-export function Heading(_a) {
-    var level_ = _a.level, props = __rest(_a, ["level"]);
-    var level = React.useContext(LevelContext);
-    var H = getHeadingComponent(level_ || level);
-    return React.createElement(H, __assign({}, props));
+export function Heading(_ref) {
+  var level_ = _ref.level,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var level = React.useContext(LevelContext);
+  var H = getHeadingComponent(level_ || level);
+  return /*#__PURE__*/React.createElement(H, props);
 }
-export var SectionProvider = function (_a) {
-    var children = _a.children;
-    var _b = React.useState({}), open = _b[0], setSectionsOpen = _b[1];
-    var toggleSection = function (id) {
-        return setSectionsOpen(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[id] = !prev[id], _a)));
-        });
-    };
-    var setSection = function (id, open) {
-        return setSectionsOpen(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[id] = open, _a)));
-        });
-    };
-    return (React.createElement(SectionContext.Provider, { value: {
-            open: open,
-            toggleSection: toggleSection,
-            setSection: setSection,
-        } }, children));
+export var SectionProvider = function SectionProvider(_ref2) {
+  var children = _ref2.children;
+  var _React$useState = React.useState({}),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setSectionsOpen = _React$useState2[1];
+  var toggleSection = function toggleSection(id) {
+    return setSectionsOpen(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, !prev[id]));
+    });
+  };
+  var setSection = function setSection(id, open) {
+    return setSectionsOpen(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, id, open));
+    });
+  };
+  return /*#__PURE__*/React.createElement(SectionContext.Provider, {
+    value: {
+      open: open,
+      toggleSection: toggleSection,
+      setSection: setSection
+    }
+  }, children);
 };
 /**
  * @deprecatedSince 11
  * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section
  */
-export var Section = React.forwardRef(function Section(_a, ref) {
-    var _b;
-    var actions = _a.actions, children = _a.children, className = _a.className, expandId = _a.expandId, heading = _a.heading, _c = _a.initialIsOpen, initialIsOpen = _c === void 0 ? true : _c, pills = _a.pills, subtext = _a.subtext, assets = _a.assets, props = __rest(_a, ["actions", "children", "className", "expandId", "heading", "initialIsOpen", "pills", "subtext", "assets"]);
-    var level = React.useContext(LevelContext);
-    var sections = React.useContext(SectionContext);
-    var toggleOpen = React.useCallback(function () {
-        if (expandId) {
-            sections.toggleSection(expandId);
-        }
-    }, [expandId]);
-    var open = expandId ? sections.open[expandId] : true;
-    React.useEffect(function () {
-        if (expandId && open === undefined) {
-            sections.setSection(expandId, initialIsOpen);
-        }
-    }, []);
-    var _d = React.useMemo(function () {
-        return {
-            contentRegionId: "content-".concat(ulid()),
-            headingTextId: "heading-".concat(ulid()),
-        };
-    }, []), contentRegionId = _d.contentRegionId, headingTextId = _d.headingTextId;
-    var expandClosed = !open || !children;
-    var divide = level >= 3 || !heading;
-    var hasHeader = heading || actions;
-    return (React.createElement(LevelContext.Provider, { value: level + 1 },
-        React.createElement(StyledSection, __assign({ ref: ref, className: cx(className, (_b = {},
-                _b[sectionClassnames.divide] = divide,
-                _b[sectionClassnames.levelAnonymous] = !heading,
-                _b[sectionClassnames.level(level)] = heading && level,
-                _b)) }, props),
-            React.createElement(StyledSectionInner, null,
-                hasHeader ? (React.createElement(StyledSectionHeader, null,
-                    expandId ? (React.createElement(StyledSectionCollapseHeading, { "aria-labelledby": headingTextId, "aria-level": level, role: "heading" },
-                        React.createElement(Button, { "aria-controls": contentRegionId, "aria-expanded": open, "aria-labelledby": headingTextId, icon: open ? React.createElement(ChevronDown, null) : React.createElement(ChevronRight, null), onClick: toggleOpen, variant: "tertiary" }))) : null,
-                    React.createElement(StyledTitle, null,
-                        React.createElement(Title.Text, null, heading && (React.createElement(Heading, { "aria-hidden": expandId ? true : false, id: headingTextId, 
-                            // Pass level since Heading component renders
-                            // under the incremented (level + 1) LevelProvider.
-                            // Alternative, render Heading as a variable outside of return.
-                            level: level }, heading))),
-                        React.createElement(Title.Subtext, null, subtext),
-                        React.createElement(Title.Pills, null, pills),
-                        React.createElement(Title.Actions, null, isFunction(actions)
-                            ? actions({ open: open })
-                            : actions),
-                        React.createElement(Title.Assets, null, assets)))) : null,
-                React.createElement(StyledSectionContentRegion, { "aria-hidden": !open, "aria-labelledby": heading ? headingTextId : undefined, id: contentRegionId, role: "region", "$closed": expandClosed, "$noHeader": !hasHeader }, open ? children : null)))));
+export var Section = /*#__PURE__*/React.forwardRef(function Section(_ref3, ref) {
+  var _cx;
+  var actions = _ref3.actions,
+    children = _ref3.children,
+    className = _ref3.className,
+    expandId = _ref3.expandId,
+    heading = _ref3.heading,
+    _ref3$initialIsOpen = _ref3.initialIsOpen,
+    initialIsOpen = _ref3$initialIsOpen === void 0 ? true : _ref3$initialIsOpen,
+    pills = _ref3.pills,
+    subtext = _ref3.subtext,
+    assets = _ref3.assets,
+    props = _objectWithoutProperties(_ref3, _excluded2);
+  var level = React.useContext(LevelContext);
+  var sections = React.useContext(SectionContext);
+  var toggleOpen = React.useCallback(function () {
+    if (expandId) {
+      sections.toggleSection(expandId);
+    }
+  }, [expandId]);
+  var open = expandId ? sections.open[expandId] : true;
+  React.useEffect(function () {
+    if (expandId && open === undefined) {
+      sections.setSection(expandId, initialIsOpen);
+    }
+  }, []);
+  var _React$useMemo = React.useMemo(function () {
+      return {
+        contentRegionId: "content-".concat(ulid()),
+        headingTextId: "heading-".concat(ulid())
+      };
+    }, []),
+    contentRegionId = _React$useMemo.contentRegionId,
+    headingTextId = _React$useMemo.headingTextId;
+  var expandClosed = !open || !children;
+  var divide = level >= 3 || !heading;
+  var hasHeader = heading || actions;
+  return /*#__PURE__*/React.createElement(LevelContext.Provider, {
+    value: level + 1
+  }, /*#__PURE__*/React.createElement(StyledSection, _extends({
+    ref: ref,
+    className: cx(className, (_cx = {}, _defineProperty(_cx, sectionClassnames.divide, divide), _defineProperty(_cx, sectionClassnames.levelAnonymous, !heading), _defineProperty(_cx, sectionClassnames.level(level), heading && level), _cx))
+  }, props), /*#__PURE__*/React.createElement(StyledSectionInner, null, hasHeader ? /*#__PURE__*/React.createElement(StyledSectionHeader, null, expandId ? /*#__PURE__*/React.createElement(StyledSectionCollapseHeading, {
+    "aria-labelledby": headingTextId,
+    "aria-level": level,
+    role: "heading"
+  }, /*#__PURE__*/React.createElement(Button, {
+    "aria-controls": contentRegionId,
+    "aria-expanded": open,
+    "aria-labelledby": headingTextId,
+    icon: open ? /*#__PURE__*/React.createElement(ChevronDown, null) : /*#__PURE__*/React.createElement(ChevronRight, null),
+    onClick: toggleOpen,
+    variant: "tertiary"
+  })) : null, /*#__PURE__*/React.createElement(StyledTitle, null, /*#__PURE__*/React.createElement(Title.Text, null, heading && /*#__PURE__*/React.createElement(Heading, {
+    "aria-hidden": expandId ? true : false,
+    id: headingTextId
+    // Pass level since Heading component renders
+    // under the incremented (level + 1) LevelProvider.
+    // Alternative, render Heading as a variable outside of return.
+    ,
+    level: level
+  }, heading)), /*#__PURE__*/React.createElement(Title.Subtext, null, subtext), /*#__PURE__*/React.createElement(Title.Pills, null, pills), /*#__PURE__*/React.createElement(Title.Actions, null, isFunction(actions) ? actions({
+    open: open
+  }) : actions), /*#__PURE__*/React.createElement(Title.Assets, null, assets))) : null, /*#__PURE__*/React.createElement(StyledSectionContentRegion, {
+    "aria-hidden": !open,
+    "aria-labelledby": heading ? headingTextId : undefined,
+    id: contentRegionId,
+    role: "region",
+    $closed: expandClosed,
+    $noHeader: !hasHeader
+  }, open ? children : null))));
 });
 Section.displayName = 'Section';
 //# sourceMappingURL=Section.js.map

package/dist/Section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Section.js","names":["ChevronDown","ChevronRight","cx","React","ulid","Button","getHeadingComponent","Title","sectionClassnames","StyledSection","StyledSectionCollapseHeading","StyledSectionContentRegion","StyledSectionHeader","StyledSectionInner","StyledTitle","isFunction","obj","LevelContext","createContext","SectionContext","open","setSection","toggleSection","Heading","_ref","level_","level","props","_objectWithoutProperties","_excluded","useContext","H","createElement","SectionProvider","_ref2","children","_React$useState","useState","_React$useState2","_slicedToArray","setSectionsOpen","id","prev","_objectSpread","_defineProperty","Provider","value","Section","forwardRef","_ref3","ref","_cx","actions","className","expandId","heading","_ref3$initialIsOpen","initialIsOpen","pills","subtext","assets","_excluded2","sections","toggleOpen","useCallback","useEffect","undefined","_React$useMemo","useMemo","contentRegionId","concat","headingTextId","expandClosed","divide","hasHeader","_extends","levelAnonymous","role","icon","onClick","variant","Text","Subtext","Pills","Actions","Assets","$closed","$noHeader","displayName"],"sources":["../../src/Section/Section.tsx"],"sourcesContent":["import { ChevronDown, ChevronRight } from '@procore/core-icons/dist'\nimport cx from 'classnames'\nimport React from 'react'\nimport { ulid } from 'ulid'\nimport { Button } from '../Button/Button'\nimport { getHeadingComponent } from '../Semantic/Semantic'\nimport { HeadingProps } from '../Semantic/Semantic.types'\nimport { Title } from '../Title/Title'\nimport {\n  sectionClassnames,\n  StyledSection,\n  StyledSectionCollapseHeading,\n  StyledSectionContentRegion,\n  StyledSectionHeader,\n  StyledSectionInner,\n  StyledTitle,\n} from './Section.styles'\nimport {\n  SectionContextAPI,\n  SectionProps,\n  SectionProviderProps,\n} from './Section.types'\n\nconst isFunction = (obj: unknown): boolean => typeof obj === 'function'\n\n// Header levels start at level 2\nexport const LevelContext = React.createContext(2)\n\nconst SectionContext = React.createContext<SectionContextAPI>({\n  open: {},\n  setSection: () => {},\n  toggleSection: () => {},\n})\n\nexport function Heading({\n  level: level_,\n  ...props\n}: HeadingProps & { level?: number }) {\n  const level = React.useContext(LevelContext)\n  const H = getHeadingComponent(level_ || level)\n  return <H {...props} />\n}\n\nexport const SectionProvider = ({ children }: SectionProviderProps) => {\n  const [open, setSectionsOpen] = React.useState<{\n    [key: string]: boolean\n  }>({})\n\n  const toggleSection: SectionContextAPI['toggleSection'] = (id) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: !prev[id],\n    }))\n\n  const setSection: SectionContextAPI['setSection'] = (id, open) =>\n    setSectionsOpen((prev) => ({\n      ...prev,\n      [id]: open,\n    }))\n\n  return (\n    <SectionContext.Provider\n      value={{\n        open,\n        toggleSection,\n        setSection,\n      }}\n    >\n      {children}\n    </SectionContext.Provider>\n  )\n}\n/**\n * @deprecatedSince 11\n * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section\n */\nexport const Section = React.forwardRef<HTMLDivElement, SectionProps>(\n  function Section(\n    {\n      actions,\n      children,\n      className,\n      expandId,\n      heading,\n      initialIsOpen = true,\n      pills,\n      subtext,\n      assets,\n      ...props\n    },\n    ref\n  ) {\n    const level = React.useContext(LevelContext)\n\n    const sections = React.useContext(SectionContext)\n    const toggleOpen = React.useCallback(() => {\n      if (expandId) {\n        sections.toggleSection(expandId)\n      }\n    }, [expandId])\n    const open = expandId ? sections.open[expandId] : true\n\n    React.useEffect(() => {\n      if (expandId && open === undefined) {\n        sections.setSection(expandId, initialIsOpen)\n      }\n    }, [])\n\n    const { contentRegionId, headingTextId } = React.useMemo(() => {\n      return {\n        contentRegionId: `content-${ulid()}`,\n        headingTextId: `heading-${ulid()}`,\n      }\n    }, [])\n\n    const expandClosed = !open || !children\n    const divide = level >= 3 || !heading\n    const hasHeader = heading || actions\n\n    return (\n      <LevelContext.Provider value={level + 1}>\n        <StyledSection\n          ref={ref}\n          className={cx(className, {\n            [sectionClassnames.divide]: divide,\n            [sectionClassnames.levelAnonymous]: !heading,\n            [sectionClassnames.level(level)]: heading && level,\n          })}\n          {...props}\n        >\n          <StyledSectionInner>\n            {hasHeader ? (\n              <StyledSectionHeader>\n                {expandId ? (\n                  <StyledSectionCollapseHeading\n                    aria-labelledby={headingTextId}\n                    aria-level={level}\n                    role=\"heading\"\n                  >\n                    <Button\n                      aria-controls={contentRegionId}\n                      aria-expanded={open}\n                      aria-labelledby={headingTextId}\n                      icon={open ? <ChevronDown /> : <ChevronRight />}\n                      onClick={toggleOpen}\n                      variant=\"tertiary\"\n                    />\n                  </StyledSectionCollapseHeading>\n                ) : null}\n                <StyledTitle>\n                  <Title.Text>\n                    {heading && (\n                      <Heading\n                        aria-hidden={expandId ? true : false}\n                        id={headingTextId}\n                        // Pass level since Heading component renders\n                        // under the incremented (level + 1) LevelProvider.\n                        // Alternative, render Heading as a variable outside of return.\n                        level={level}\n                      >\n                        {heading}\n                      </Heading>\n                    )}\n                  </Title.Text>\n                  <Title.Subtext>{subtext}</Title.Subtext>\n                  <Title.Pills>{pills}</Title.Pills>\n                  <Title.Actions>\n                    {isFunction(actions)\n                      ? (actions as Function)({ open })\n                      : actions}\n                  </Title.Actions>\n                  <Title.Assets>{assets}</Title.Assets>\n                </StyledTitle>\n              </StyledSectionHeader>\n            ) : null}\n            <StyledSectionContentRegion\n              aria-hidden={!open}\n              aria-labelledby={heading ? headingTextId : undefined}\n              id={contentRegionId}\n              role=\"region\"\n              $closed={expandClosed}\n              $noHeader={!hasHeader}\n            >\n              {open ? children : null}\n            </StyledSectionContentRegion>\n          </StyledSectionInner>\n        </StyledSection>\n      </LevelContext.Provider>\n    )\n  }\n)\n\nSection.displayName = 'Section'\n"],"mappings":"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"}