@procore/core-react 0.0.0-20230808121909

package/dist/RadioButton/RadioButton.types.d.ts

@@ -0,0 +1,18 @@
+import { Props } from '../_utils/types';
+export interface RadioButtonProps extends Props {
+    /**
+     * Selected state of the radio button
+     * @since 10.19.0
+     */
+    checked?: boolean;
+    /**
+     * Disabled state of the radio button
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Error state of the radio button
+     * @since 10.19.0
+     */
+    error?: boolean;
+}

package/dist/RadioButton/RadioButton.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RadioButton.types.js.map

package/dist/RadioButton/RadioButton.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.types.js","sourceRoot":"","sources":["../../src/RadioButton/RadioButton.types.ts"],"names":[],"mappings":""}

package/dist/RadioButton/index.d.ts

@@ -0,0 +1,2 @@
+export { RadioButton } from './RadioButton';
+export { RadioButtonProps } from './RadioButton.types';

package/dist/RadioButton/index.js

@@ -0,0 +1,2 @@
+export { RadioButton } from './RadioButton';
+//# sourceMappingURL=index.js.map

package/dist/RadioButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/dist/Required/Required.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { RequiredProps } from './Required.types';
+/**
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-required--demo)
+
+ */
+export declare const Required: React.ForwardRefExoticComponent<RequiredProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/Required/Required.js

@@ -0,0 +1,44 @@
+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;
+};
+import React from 'react';
+import { useI18nContext } from '../_hooks/I18n';
+import { StyledRequiredContainer, StyledRequiredMark, StyledRequiredText, } from './Required.styles';
+/**
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-required--demo)
+
+ */
+export var Required = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.i18nScope, i18nScope = _b === void 0 ? 'core.required' : _b, _c = _a.showLabel, showLabel = _c === void 0 ? false : _c, props = __rest(_a, ["children", "i18nScope", "showLabel"]);
+    var I18n = useI18nContext();
+    var labelOrChildren = showLabel || Boolean(children);
+    return (React.createElement(StyledRequiredContainer, __assign({}, props, { ref: ref }),
+        React.createElement(StyledRequiredMark, { "$showLabel": labelOrChildren }, "*"),
+        labelOrChildren ? (React.createElement(StyledRequiredText, null, children
+            ? children
+            : I18n.t('requiredFields', { scope: i18nScope }))) : null));
+});
+Required.displayName = 'Required';
+//# sourceMappingURL=Required.js.map

package/dist/Required/Required.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Required.js","sourceRoot":"","sources":["../../src/Required/Required.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,mBAAmB,CAAA;AAG1B;;;;;;GAMG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,UACE,EAAsE,EACtE,GAAG;IADD,IAAA,QAAQ,cAAA,EAAE,iBAA2B,EAA3B,SAAS,mBAAG,eAAe,KAAA,EAAE,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,cAApE,sCAAsE,CAAF;IAGpE,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IAC7B,IAAM,eAAe,GAAG,SAAS,IAAI,OAAO,CAAC,QAAQ,CAAC,CAAA;IAEtD,OAAO,CACL,oBAAC,uBAAuB,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QAC1C,oBAAC,kBAAkB,kBAAa,eAAe,QAAwB;QACtE,eAAe,CAAC,CAAC,CAAC,CACjB,oBAAC,kBAAkB,QAChB,QAAQ;YACP,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAC/B,CACtB,CAAC,CAAC,CAAC,IAAI,CACgB,CAC3B,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}

package/dist/Required/Required.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledRequiredMark: import("styled-components").StyledComponent<"span", any, {
+    $showLabel: boolean;
+}, never>;
+export declare const StyledRequiredContainer: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const StyledRequiredText: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/Required/Required.styles.js

@@ -0,0 +1,18 @@
+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 { getTypographyIntent, typographyWeights, } from '../Typography/Typography.styles';
+import { colors } from '../_styles/colors';
+export var StyledRequiredMark = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n\n  ", "\n"], ["\n  color: ", ";\n\n  ", "\n"])), colors.red50, function (_a) {
+    var $showLabel = _a.$showLabel;
+    if ($showLabel) {
+        return;
+    }
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      ", "\n      font-weight: ", ";\n    "], ["\n      ", "\n      font-weight: ", ";\n    "])), getTypographyIntent('body'), typographyWeights.semibold);
+});
+export var StyledRequiredContainer = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), getTypographyIntent('small'));
+export var StyledRequiredText = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-style: italic;\n  color: ", ";\n  margin-left: 4px;\n"], ["\n  font-style: italic;\n  color: ", ";\n  margin-left: 4px;\n"])), colors.gray45);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=Required.styles.js.map

package/dist/Required/Required.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Required.styles.js","sourceRoot":"","sources":["../../src/Required/Required.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EACL,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,iGAAyB,aAC3D,EAAY,SAEnB,EASD,IACF,KAZU,MAAM,CAAC,KAAK,EAEnB,UAAC,EAAc;QAAZ,UAAU,gBAAA;IACb,IAAI,UAAU,EAAE;QACd,OAAM;KACP;IAED,OAAO,GAAG,iHAAA,UACN,EAA2B,uBACd,EAA0B,SAC1C,KAFG,mBAAmB,CAAC,MAAM,CAAC,EACd,iBAAiB,CAAC,QAAQ,EAC1C;AACH,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,+EAAA,MAC9C,EAA4B,IAC/B,KADG,mBAAmB,CAAC,OAAO,CAAC,CAC/B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,mIAAA,oCAElC,EAAa,0BAEvB,KAFU,MAAM,CAAC,MAAM,CAEvB,CAAA"}

package/dist/Required/Required.types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Props } from '../_utils/types';
+export interface RequiredProps extends Props {
+    /**
+     * If provided, takes the place of label normally reading "required fields"
+     * @since 10.19.0
+     */
+    children?: React.ReactChild;
+    /**
+     * Changes where I18n looks for the requiredFields key
+     * @since 10.19.0
+     */
+    i18nScope?: string;
+    /**
+     * Controls showing text reading "required fields"
+     * @since 10.19.0
+     */
+    showLabel?: boolean;
+}

package/dist/Required/Required.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Required.types.js.map

package/dist/Required/Required.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Required.types.js","sourceRoot":"","sources":["../../src/Required/Required.types.ts"],"names":[],"mappings":""}

package/dist/Required/index.d.ts

@@ -0,0 +1,2 @@
+export { Required } from './Required';
+export { RequiredProps } from './Required.types';

package/dist/Required/index.js

@@ -0,0 +1,2 @@
+export { Required } from './Required';
+//# sourceMappingURL=index.js.map

package/dist/Required/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Required/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}

package/dist/Search/Search.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { SearchProps } from './Search.types';
+/**
+
+ Our users use search to find items on a tool’s landing page or, in forms, users
+ use a search typeahead to find information to associate with the form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-search--demo)
+
+ @see [Design Guidelines](https://design.procore.com/search-component)
+
+ */
+export declare const Search: React.ForwardRefExoticComponent<SearchProps & React.RefAttributes<HTMLInputElement>>;

package/dist/Search/Search.hooks.d.ts

@@ -0,0 +1,2 @@
+import { SearchHook, SearchHookConfig } from './Search.types';
+export declare function useSearch({ onChange: externalOnChange, onClear, onSubmit, initialValue, }: SearchHookConfig): SearchHook;

package/dist/Search/Search.hooks.js

@@ -0,0 +1,46 @@
+import React from 'react';
+// TODO remove this and do a breaking change on Search to `useImperativeHandle`
+// to support controlled/uncontrolled behavior
+export function useSearch(_a) {
+    var _b = _a.onChange, externalOnChange = _b === void 0 ? function () { } : _b, _c = _a.onClear, onClear = _c === void 0 ? function () { } : _c, _d = _a.onSubmit, onSubmit = _d === void 0 ? function () { } : _d, _e = _a.initialValue, initialValue = _e === void 0 ? '' : _e;
+    var _f = React.useState(initialValue), value = _f[0], setValue = _f[1];
+    React.useEffect(function () {
+        setValue(initialValue);
+    }, [initialValue]);
+    var isEmpty = value === '';
+    function clear() {
+        setValue('');
+        onChange({ target: { value: '' } });
+        onClear();
+    }
+    function submit() {
+        onSubmit(value);
+    }
+    function onChange(e) {
+        setValue(e.target.value);
+        externalOnChange(e);
+    }
+    function onKeyDown(e) {
+        if (e.key === 'Enter') {
+            submit();
+        }
+        else if (e.key === 'Escape' || e.key === 'Esc') {
+            // only let parent listeners (modal, overlay) know when empty
+            if (value) {
+                e.stopPropagation();
+            }
+            clear();
+        }
+    }
+    return {
+        clear: clear,
+        domHandlers: {
+            onChange: onChange,
+            onKeyDown: onKeyDown,
+        },
+        isEmpty: isEmpty,
+        submit: submit,
+        value: value,
+    };
+}
+//# sourceMappingURL=Search.hooks.js.map

package/dist/Search/Search.hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.hooks.js","sourceRoot":"","sources":["../../src/Search/Search.hooks.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,+EAA+E;AAC/E,8CAA8C;AAC9C,MAAM,UAAU,SAAS,CAAC,EAKP;QAJjB,gBAAqC,EAA3B,gBAAgB,mBAAG,cAAO,CAAC,KAAA,EACrC,eAAkB,EAAlB,OAAO,mBAAG,cAAO,CAAC,KAAA,EAClB,gBAAmB,EAAnB,QAAQ,mBAAG,cAAO,CAAC,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA;IAEX,IAAA,KAAoB,KAAK,CAAC,QAAQ,CAAC,YAAY,CAAC,EAA/C,KAAK,QAAA,EAAE,QAAQ,QAAgC,CAAA;IAEtD,KAAK,CAAC,SAAS,CAAC;QACd,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,IAAM,OAAO,GAAG,KAAK,KAAK,EAAE,CAAA;IAE5B,SAAS,KAAK;QACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAiB,CAAC,CAAA;QAClD,OAAO,EAAE,CAAA;IACX,CAAC;IAED,SAAS,MAAM;QACb,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjB,CAAC;IAED,SAAS,QAAQ,CAAC,CAAc;QAC9B,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAExB,gBAAgB,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC;IAED,SAAS,SAAS,CAAC,CAAwC;QACzD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,MAAM,EAAE,CAAA;SACT;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;YAChD,6DAA6D;YAC7D,IAAI,KAAK,EAAE;gBACT,CAAC,CAAC,eAAe,EAAE,CAAA;aACpB;YACD,KAAK,EAAE,CAAA;SACR;IACH,CAAC;IAED,OAAO;QACL,KAAK,OAAA;QACL,WAAW,EAAE;YACX,QAAQ,UAAA;YACR,SAAS,WAAA;SACV;QACD,OAAO,SAAA;QACP,MAAM,QAAA;QACN,KAAK,OAAA;KACN,CAAA;AACH,CAAC"}

package/dist/Search/Search.js

@@ -0,0 +1,69 @@
+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;
+};
+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';
+/**
+
+ Our users use search to find items on a tool’s landing page or, in forms, users
+ use a search typeahead to find information to associate with the form.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/core-react/latest/?path=/story/demos-search--demo)
+
+ @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({}, 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 })));
+});
+Search.displayName = 'Search';
+//# sourceMappingURL=Search.js.map

package/dist/Search/Search.js.map

@@ -0,0 +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;AAGxB;;;;;;;;;;;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,KAAK,EACL,MAAM,CAAC,WAAW,eACd,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"}

package/dist/Search/Search.styles.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export declare function getSearchInputStyles(): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    error?: boolean | undefined;
+    variant?: "" | "error" | undefined;
+}, any>>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", any, {
+    error?: boolean | undefined;
+    variant?: "" | "error" | undefined;
+}, never>;
+export declare const StyledSearchButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
+export declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {
+    disabled?: boolean | undefined;
+}, never>;

package/dist/Search/Search.styles.js

@@ -0,0 +1,31 @@
+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);
+}
+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;
+//# sourceMappingURL=Search.styles.js.map

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

@@ -0,0 +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"}

package/dist/Search/Search.types.d.ts

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

package/dist/Search/Search.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Search.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Search.types.js","sourceRoot":"","sources":["../../src/Search/Search.types.ts"],"names":[],"mappings":""}

package/dist/Search/index.d.ts

@@ -0,0 +1,2 @@
+export { Search } from './Search';
+export { SearchProps } from './Search.types';

package/dist/Search/index.js

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

package/dist/Search/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}

package/dist/Section/Section.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HeadingProps } from '../Semantic/Semantic.types';
+import { SectionProps, SectionProviderProps } from './Section.types';
+export declare const LevelContext: React.Context<number>;
+export declare function Heading({ level: level_, ...props }: HeadingProps & {
+    level?: number;
+}): JSX.Element;
+export declare const SectionProvider: ({ children }: SectionProviderProps) => JSX.Element;
+/**
+ * @deprecatedSince 11
+ * @deprecated Intended for internal library development. See Panel.Section or DetailPage.Section
+ */
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLDivElement>>;

package/dist/Section/Section.js

@@ -0,0 +1,120 @@
+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;
+};
+import { ChevronDown, ChevronRight } from '@procore/core-icons/dist';
+import cx from 'classnames';
+import React from 'react';
+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'; };
+// Header levels start at level 2
+export var LevelContext = React.createContext(2);
+var SectionContext = React.createContext({
+    open: {},
+    setSection: function () { },
+    toggleSection: function () { },
+});
+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 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));
+};
+/**
+ * @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)))));
+});
+Section.displayName = 'Section';
+//# sourceMappingURL=Section.js.map

package/dist/Section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../src/Section/Section.tsx"],"names":[],"mappings":"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"}