@procore/core-react 10.26.0 → 10.26.1-rc.2

package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { Button } from '../../Button';
+import Modal from '../../Modal';
+import { Page } from '../../../layouts/PageLayout';
+import Breadcrumbs from '../../Breadcrumbs';
+import { H1 } from '../../Semantic';
+import Tabs from '../../Tabs';
+import Card from '../../Card';
+import { exampleText } from '../../_storyHelpers_/constants';
+import { Flex } from '../../../layouts/Flex';
+import { FlexList } from '../../../layouts/FlexList';
+import { Box } from '../../../layouts/Box';
+import { Tab } from '../../Tabs/Tabs';
+import Panel from '../../Panel';
+import Input from '../../Input';
+var longText = exampleText.longest_ipsum;
+var shortText = exampleText.short_sentence;
+var panelContent = (React.createElement(Flex, { direction: "column", alignItems: "center", paddingBottom: "lg", style: { width: '100%' } }, Array.from({ length: 10 }).map(function (_, i) { return (React.createElement("div", { key: "".concat(i, "-content-item"), style: {
+        width: '80%',
+        height: '100px',
+        marginTop: '16px',
+        backgroundColor: 'white',
+        border: '1px solid lightgray',
+        borderRadius: '8px',
+    } })); })));
+function PanelSample(_a) {
+    var onClose = _a.onClose, footer = _a.hasFooter;
+    return (React.createElement(Panel, null,
+        React.createElement(Panel.Header, { onClose: onClose },
+            React.createElement(Panel.Title, null, "Sample heading")),
+        React.createElement(Panel.Body, null, panelContent),
+        footer && (React.createElement(Panel.Footer, null,
+            React.createElement(Button, null, "Action 3"),
+            React.createElement(FlexList, { space: "sm", marginLeft: "auto" },
+                React.createElement(Button, { variant: "primary" }, "Action 4"),
+                React.createElement(Button, { onClick: onClose, variant: "secondary" }, "Close"))))));
+}
+export var PageLayoutDemo = React.forwardRef(function PageLayoutDemo(props, ref) {
+    var _a = React.useState(false), isAsideVisible = _a[0], setIsAsideVisible = _a[1];
+    var _b = React.useState(false), isModalVisible = _b[0], setIsModalVisible = _b[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { open: isModalVisible },
+            React.createElement(Modal.Header, { onClose: function () { return setIsModalVisible(false); } }, shortText),
+            React.createElement(Modal.Body, null, longText)),
+        React.createElement(Page, null,
+            React.createElement(Page.Main, null,
+                React.createElement(Page.Header, null,
+                    React.createElement(Page.Breadcrumbs, null,
+                        React.createElement(Breadcrumbs, null,
+                            React.createElement(Breadcrumbs.Crumb, { active: true }, "Tool Name"),
+                            React.createElement(Breadcrumbs.Crumb, null, "Item"))),
+                    React.createElement(Page.Title, null,
+                        React.createElement(H1, null, "Page Title")),
+                    React.createElement(Page.Tabs, null,
+                        React.createElement(Tabs, null,
+                            React.createElement(Tab, { active: true },
+                                React.createElement(Tabs.Link, null, "Active")),
+                            React.createElement(Tab, null,
+                                React.createElement(Tabs.Link, null, "Second")),
+                            React.createElement(Tab, null,
+                                React.createElement(Tabs.Link, null, "Third")),
+                            React.createElement(Tab, null,
+                                React.createElement(Tabs.Link, null, "Fourth"))))),
+                React.createElement(Page.Body, null,
+                    React.createElement(Card, null,
+                        React.createElement(Box, { padding: "md" },
+                            React.createElement(Input, { placeholder: "Hello", ref: ref }))),
+                    React.createElement(Card, null,
+                        React.createElement(Box, { padding: "md", marginTop: "sm" }, longText)),
+                    React.createElement(Card, null,
+                        React.createElement(Box, { padding: "md", marginTop: "sm" }, longText)),
+                    React.createElement(Card, null,
+                        React.createElement(Box, { padding: "md", marginTop: "sm" }, longText)),
+                    React.createElement(Card, null,
+                        React.createElement(Box, { padding: "md", marginTop: "sm" }, longText))),
+                React.createElement(Page.Footer, null,
+                    React.createElement(Box, { padding: "16px", display: "flex" },
+                        React.createElement(Button, { variant: "secondary", onClick: function () { return setIsModalVisible(true); } }, "Open Modal"),
+                        React.createElement(Button, { variant: "secondary", onClick: function () { return setIsAsideVisible(true); }, style: { marginLeft: 'auto' } }, "Open Panel")))),
+            React.createElement(Page.Aside, { open: isAsideVisible },
+                React.createElement(PanelSample, { hasFooter: true, onClose: function () { return setIsAsideVisible(false); } })))));
+});
+//# sourceMappingURL=PageLayoutDemo.js.map

package/dist/esm/components/Tearsheet/storybook/PageLayoutDemo.js.map

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

package/dist/esm/components/TextArea/TextArea.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { TextAreaAttributes } from '../../utils/types';
+import { TextAreaProps } from './TextArea.types';
+/**
+
+ Text areas give our users space to input unformatted text. All text areas are
+ manually expandable by dragging the bottom right corner to the desired size.
+
+ If users need to add formatted text, see Text Editor.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-textarea--demo)
+
+ @see [Design Guidelines](https://design.procore.com/text-area)
+
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaAttributes & TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export default TextArea;

package/dist/esm/components/TextArea/TextArea.js

@@ -0,0 +1,45 @@
+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 { StyledTextArea } from './TextArea.styles';
+/**
+
+ Text areas give our users space to input unformatted text. All text areas are
+ manually expandable by dragging the bottom right corner to the desired size.
+
+ If users need to add formatted text, see Text Editor.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-textarea--demo)
+
+ @see [Design Guidelines](https://design.procore.com/text-area)
+
+ */
+export var TextArea = React.forwardRef(function TextArea(_a, ref) {
+    var _b = _a.resize, resize = _b === void 0 ? 'both' : _b, props = __rest(_a, ["resize"]);
+    return React.createElement(StyledTextArea, __assign({ resize: resize }, props, { ref: ref }));
+});
+TextArea.displayName = 'TextArea';
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/esm/components/TextArea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,IAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAGtC,SAAS,QAAQ,CAAC,EAA6B,EAAE,GAAG;IAAhC,IAAA,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EAAK,KAAK,cAA3B,UAA6B,CAAF;IAC7C,OAAO,oBAAC,cAAc,aAAC,MAAM,EAAE,MAAM,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAA;AAChE,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AAEjC,eAAe,QAAQ,CAAA"}

package/dist/esm/components/TextArea/TextArea.styles.d.ts

@@ -0,0 +1,2 @@
+import { TextAreaProps } from './TextArea.types';
+export declare const StyledTextArea: import("styled-components").StyledComponent<"textarea", any, TextAreaProps, never>;

package/dist/esm/components/TextArea/TextArea.styles.js

@@ -0,0 +1,13 @@
+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 from 'styled-components';
+import { spacing } from '../../styles/spacing';
+import { getInputStyles } from '../Input/Input.styles';
+export var StyledTextArea = styled.textarea(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n\n  min-height: 64px;\n  padding: ", "px ", "px;\n  resize: ", ";\n"], ["\n  ", "\n\n  min-height: 64px;\n  padding: ", "px ", "px;\n  resize: ", ";\n"])), getInputStyles, spacing.sm, spacing.md, function (_a) {
+    var _b = _a.resize, resize = _b === void 0 ? 'both' : _b;
+    return resize;
+});
+var templateObject_1;
+//# sourceMappingURL=TextArea.styles.js.map

package/dist/esm/components/TextArea/TextArea.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styles.js","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAA;AAGtD,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,kJAAe,MACxD,EAAc,sCAGL,EAAU,KAAM,EAAU,iBAC3B,EAA+B,KAC1C,KALG,cAAc,EAGL,OAAO,CAAC,EAAE,EAAM,OAAO,CAAC,EAAE,EAC3B,UAAC,EAAmB;QAAjB,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA;IAAO,OAAA,MAAM;AAAN,CAAM,CAC1C,CAAA"}

package/dist/esm/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,31 @@
+import { TextAreaAttributes } from '../../utils/types';
+export interface TextAreaProps extends TextAreaAttributes {
+    /**
+     * Controls the error state of the `TextArea`, changing the
+     * background color and border colors to red
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * Controls the resize rules for the `TextArea`
+     * @since 10.19.0
+     */
+    resize?: 'both' | 'horizontal' | 'none' | 'vertical';
+    /**
+     * @deprecated
+     * The `variant` prop has been deprecated and will be removed in a future version.
+     * Please use the `error` boolean prop instead.
+     *
+     * **Before**
+     *
+     * `<TextArea variant="error" />`
+     *
+     * **After**
+     *
+     * `<TextArea error />`
+     *
+     * @deprecatedSince 10.20.0
+     * @since 10.19.0
+     */
+    variant?: 'error' | '';
+}

package/dist/esm/components/TextArea/TextArea.types.js

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

package/dist/esm/components/TextArea/TextArea.types.js.map

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

package/dist/esm/components/TextArea/index.d.ts

@@ -0,0 +1,2 @@
+export { TextArea as default, TextArea } from './TextArea';
+export { TextAreaProps } from './TextArea.types';

package/dist/esm/components/TextArea/index.js

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

package/dist/esm/components/TextArea/index.js.map

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

package/dist/esm/components/TextEditor/TextEditor.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import { TextEditorProps } from './TextEditor.types';
+/**
+
+ We use text editors to allow users to enter multiple lines of formatted text.
+
+ If users need to add unformatted text, see Text Area.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-texteditor--demo)
+
+ @see [Design Guidelines](https://design.procore.com/text-editor)
+
+ */
+export declare function TextEditor({ error, init: initOverrides, locale, onChange, onInit: _onInit, plugins, ...props }: TextEditorProps): JSX.Element;
+export declare namespace TextEditor {
+    var displayName: string;
+}
+interface ProviderProps {
+    children?: React.ReactNode;
+}
+/**
+ * @deprecated
+ * The `TextEditorProvider` provider is no longer needed, `<TextEditor />` can be used on its own.
+ *
+ * **Before**
+ *
+ * ```
+ * <TextEditorProvider>
+ *   <TextEditor value="Hello World" />`
+ * </TextEditorProvider>
+ * ```
+ *
+ * **After**
+ *
+ * `<TextEditor value="Hello World" />`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export declare function TextEditorProvider({ children }: ProviderProps): JSX.Element;
+export default TextEditor;

package/dist/esm/components/TextEditor/TextEditor.js

@@ -0,0 +1,95 @@
+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 { Editor } from '@tinymce/tinymce-react';
+import React, { useState } from 'react';
+import { useI18nContext } from '../../state/I18n';
+import { defaultPlugins, generateExternalPlugins, generateLanguageUrl, getValidLookupLocale, tinyMCEConfig, tinyMCESource, tinyMCEVersion, } from '../../utils/TinyMCE';
+var errorRed = '#E61920';
+function noop() { }
+/**
+
+ We use text editors to allow users to enter multiple lines of formatted text.
+
+ If users need to add unformatted text, see Text Area.
+
+ @since 10.19.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-texteditor--demo)
+
+ @see [Design Guidelines](https://design.procore.com/text-editor)
+
+ */
+export function TextEditor(_a) {
+    var _b, _c;
+    var error = _a.error, initOverrides = _a.init, locale = _a.locale, _d = _a.onChange, onChange = _d === void 0 ? noop : _d, _onInit = _a.onInit, _e = _a.plugins, plugins = _e === void 0 ? defaultPlugins : _e, props = __rest(_a, ["error", "init", "locale", "onChange", "onInit", "plugins"]);
+    var contextLocale = useI18nContext().locale;
+    var onEditorChange = function (_, editor) {
+        onChange(editor.getContent());
+    };
+    var ref = React.useRef();
+    var updateError = function () {
+        if (ref.current) {
+            if (error) {
+                ref.current.style.borderColor = errorRed;
+            }
+            else {
+                ref.current.style.borderColor = '';
+            }
+        }
+    };
+    React.useEffect(function () {
+        updateError();
+    }, [error]);
+    var onInit = function (event, editor) {
+        ref.current = editor.editorContainer;
+        updateError();
+        _onInit && _onInit(event, editor);
+    };
+    var derivedInitial = useState((_b = props.initialValue) !== null && _b !== void 0 ? _b : props.value)[0];
+    return (React.createElement(Editor, __assign({ init: __assign(__assign(__assign({}, tinyMCEConfig), { external_plugins: generateExternalPlugins(plugins), language_url: generateLanguageUrl(locale || contextLocale), language: getValidLookupLocale(locale || contextLocale), content_style: "p { margin: 0; }" }), initOverrides), tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"), onInit: onInit, onEditorChange: onEditorChange }, props, { value: (_c = props.value) !== null && _c !== void 0 ? _c : props.initialValue, initialValue: derivedInitial })));
+}
+/**
+ * @deprecated
+ * The `TextEditorProvider` provider is no longer needed, `<TextEditor />` can be used on its own.
+ *
+ * **Before**
+ *
+ * ```
+ * <TextEditorProvider>
+ *   <TextEditor value="Hello World" />`
+ * </TextEditorProvider>
+ * ```
+ *
+ * **After**
+ *
+ * `<TextEditor value="Hello World" />`
+ *
+ * @deprecatedSince 10.20.0
+ */
+export function TextEditorProvider(_a) {
+    var children = _a.children;
+    return React.createElement(React.Fragment, null, children);
+}
+TextEditor.displayName = 'TextEditor';
+export default TextEditor;
+//# sourceMappingURL=TextEditor.js.map

package/dist/esm/components/TextEditor/TextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditor.js","sourceRoot":"","sources":["../../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,qBAAqB,CAAA;AAG5B,IAAM,QAAQ,GAAG,SAAS,CAAA;AAE1B,SAAS,IAAI,KAAI,CAAC;AAElB;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,UAAU,CAAC,EAQT;;IAPhB,IAAA,KAAK,WAAA,EACC,aAAa,UAAA,EACnB,MAAM,YAAA,EACN,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACP,OAAO,YAAA,EACf,eAAwB,EAAxB,OAAO,mBAAG,cAAc,KAAA,EACrB,KAAK,cAPiB,4DAQ1B,CADS;IAEA,IAAQ,aAAa,GAAK,cAAc,EAAE,OAArB,CAAqB;IAElD,IAAM,cAAc,GAEE,UAAC,CAAM,EAAE,MAAW;QACxC,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAA;IAC/B,CAAC,CAAA;IAED,IAAM,GAAG,GAAG,KAAK,CAAC,MAAM,EAAe,CAAA;IAEvC,IAAM,WAAW,GAAG;QAClB,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,IAAI,KAAK,EAAE;gBACT,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,QAAQ,CAAA;aACzC;iBAAM;gBACL,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,WAAW,GAAG,EAAE,CAAA;aACnC;SACF;IACH,CAAC,CAAA;IAED,KAAK,CAAC,SAAS,CAAC;QACd,WAAW,EAAE,CAAA;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,IAAM,MAAM,GAAkD,UAC5D,KAAK,EACL,MAAM;QAEN,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC,eAAe,CAAA;QACpC,WAAW,EAAE,CAAA;QACb,OAAO,IAAI,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,CAAA;IACnC,CAAC,CAAA;IAEM,IAAA,cAAc,GAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,YAAY,mCAAI,KAAK,CAAC,KAAK,CAAC,GAA/C,CAA+C;IAEpE,OAAO,CACL,oBAAC,MAAM,aACL,IAAI,iCACC,aAAa,KAChB,gBAAgB,EAAE,uBAAuB,CAAC,OAAO,CAAC,EAClD,YAAY,EAAE,mBAAmB,CAAC,MAAM,IAAI,aAAa,CAAC,EAC1D,QAAQ,EAAE,oBAAoB,CAAC,MAAM,IAAI,aAAa,CAAC,EACvD,aAAa,EAAE,kBAAkB,KAC9B,aAAa,GAElB,gBAAgB,EAAE,UAAG,aAAa,cAAI,cAAc,oBAAiB,EACrE,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,IAC1B,KAAK,IACT,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,YAAY,EACxC,YAAY,EAAE,cAAc,IAC5B,CACH,CAAA;AACH,CAAC;AAMD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAA2B;QAAzB,QAAQ,cAAA;IAC3C,OAAO,oBAAC,KAAK,CAAC,QAAQ,QAAE,QAAQ,CAAkB,CAAA;AACpD,CAAC;AAED,UAAU,CAAC,WAAW,GAAG,YAAY,CAAA;AAErC,eAAe,UAAU,CAAA"}

package/dist/esm/components/TextEditor/TextEditor.types.d.ts

@@ -0,0 +1,65 @@
+import React from 'react';
+import { Editor, IAllProps } from '@tinymce/tinymce-react';
+import { Locale } from '../../state/I18n';
+export interface TextEditorProps extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {
+    /**
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * @unsupported Use at your own risk. DST makes no guarantees about this API,
+     * and is subject to removal at any point without warning or deprecation.
+     * @since 10.19.0
+     */
+    init?: IAllProps['init'];
+    /**
+     * @deprecated
+     * `initialValue` has been deprecated and will be removed in a future version.
+     * Please use the `value` prop instead
+     *
+     * The first value passed into `value` prop will be the `TextEditor` initial
+     * value. Changing the value will update the text of the `TextEditor`.
+     * The editor should be controlled via the combination of `value`
+     * and `onChange` props.
+     *
+     * **Before**
+     *
+     * `<TextEditor initialValue="Hello World" />`
+     *
+     * **After**
+     *
+     * `<TextEditor value="Hello World" />`
+     *
+     * @deprecatedSince 10.20.0
+     * @since 10.19.0
+     */
+    initialValue?: string;
+    /**
+     * Locale which will be used used for localization. Can be passed directly or
+     * set by wrapping components in I18n provider. Icelandic (is-IS) is not
+     * actually supported by TinyMCE, so it is defaulted to english.
+     * @since 10.19.0
+     */
+    locale?: Locale;
+    /**
+     * <div>onChange event handler for text editor area</div>
+     * <CodeBlock>(content: string) => void</CodeBlock>
+     * @since 10.19.0
+     */
+    onChange?: (content: string) => void;
+    /**
+     * <div>
+     *  Array of plugins to use with the editor in addition to the defaults.
+     *  Can be any of:
+     * </div>
+     * <CodeBlock>
+     *  [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]
+     * </CodeBlock>
+     * @since 10.19.0
+     */
+    plugins?: Array<string>;
+}

package/dist/esm/components/TextEditor/TextEditor.types.js

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

package/dist/esm/components/TextEditor/TextEditor.types.js.map

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

package/dist/esm/components/TextEditor/index.d.ts

@@ -0,0 +1,2 @@
+export { TextEditor, TextEditor as default, TextEditorProvider, } from './TextEditor';
+export { TextEditorProps } from './TextEditor.types';

package/dist/esm/components/TextEditor/index.js

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

package/dist/esm/components/TextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextEditor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,UAAU,IAAI,OAAO,EACrB,kBAAkB,GACnB,MAAM,cAAc,CAAA"}

package/dist/esm/components/TextEditorOutput/TextEditorOutput.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { TextEditorOutputProps } from './TextEditorOutput.types';
+import { DivAttributes } from '../../utils/types';
+/**
+
+ We use TextEditorOutput to render formatted text.
+
+ @since 10.24.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-texteditoroutput--demo)
+
+ */
+export declare const TextEditorOutput: React.ForwardRefExoticComponent<TextEditorOutputProps & DivAttributes & React.RefAttributes<HTMLDivElement>>;
+export default TextEditorOutput;

package/dist/esm/components/TextEditorOutput/TextEditorOutput.js

@@ -0,0 +1,43 @@
+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 { Editor } from '@tinymce/tinymce-react';
+import React from 'react';
+import { generateExternalPlugins, tinyMCEConfig, tinyMCESource, tinyMCEVersion, } from '../../utils/TinyMCE';
+import { StyledEditor } from './TextEditorOutput.styles';
+/**
+
+ We use TextEditorOutput to render formatted text.
+
+ @since 10.24.0
+
+ @see [Storybook](https://procore.github.io/core/latest/?path=/story/demos-texteditoroutput--demo)
+
+ */
+export var TextEditorOutput = React.forwardRef(function TextEditorOutput(_a, ref) {
+    var value = _a.value, props = __rest(_a, ["value"]);
+    return (React.createElement(StyledEditor, __assign({}, props, { ref: ref }),
+        React.createElement(Editor, { value: value, init: __assign(__assign({}, tinyMCEConfig), { external_plugins: generateExternalPlugins(['autoresize']), toolbar: false, autoresize_overflow_padding: 0, min_height: 0, content_style: "body { margin: 0; padding: 0; } p { margin: 0; }" }), tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"), disabled: true })));
+});
+TextEditorOutput.displayName = 'TextEditorOutput';
+export default TextEditorOutput;
+//# sourceMappingURL=TextEditorOutput.js.map

package/dist/esm/components/TextEditorOutput/TextEditorOutput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorOutput.js","sourceRoot":"","sources":["../../../../src/components/TextEditorOutput/TextEditorOutput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,uBAAuB,EACvB,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,qBAAqB,CAAA;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AAGxD;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAG9C,SAAS,gBAAgB,CAAC,EAAmB,EAAE,GAAG;IAAtB,IAAA,KAAK,WAAA,EAAK,KAAK,cAAjB,SAAmB,CAAF;IAC3C,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QAC/B,oBAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,wBACC,aAAa,KAChB,gBAAgB,EAAE,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC,EACzD,OAAO,EAAE,KAAK,EACd,2BAA2B,EAAE,CAAC,EAC9B,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,kDAAkD,KAEnE,gBAAgB,EAAE,UAAG,aAAa,cAAI,cAAc,oBAAiB,EACrE,QAAQ,SACR,CACW,CAChB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAA;AAEjD,eAAe,gBAAgB,CAAA"}

package/dist/esm/components/TextEditorOutput/TextEditorOutput.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledEditor: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/TextEditorOutput/TextEditorOutput.styles.js

@@ -0,0 +1,8 @@
+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 from 'styled-components';
+export var StyledEditor = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > .tox-tinymce {\n    border: none;\n  }\n"], ["\n  > .tox-tinymce {\n    border: none;\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/esm/components/TextEditorOutput/TextEditorOutput.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorOutput.styles.js","sourceRoot":"","sources":["../../../../src/components/TextEditorOutput/TextEditorOutput.styles.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,mHAAA,gDAIrC,IAAA,CAAA"}

package/dist/esm/components/TextEditorOutput/TextEditorOutput.types.d.ts

@@ -0,0 +1,9 @@
+import { IAllProps } from '@tinymce/tinymce-react';
+import { Props } from '../../utils/types';
+export interface TextEditorOutputProps extends Omit<Props, 'children'> {
+    /**
+     * formatted text
+     * @since 10.24.0
+     * */
+    value?: IAllProps['value'];
+}

package/dist/esm/components/TextEditorOutput/TextEditorOutput.types.js

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

package/dist/esm/components/TextEditorOutput/TextEditorOutput.types.js.map

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

package/dist/esm/components/TextEditorOutput/index.d.ts

@@ -0,0 +1 @@
+export { TextEditorOutput, TextEditorOutput as default, } from './TextEditorOutput';

package/dist/esm/components/TextEditorOutput/index.js

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

package/dist/esm/components/TextEditorOutput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TextEditorOutput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,gBAAgB,IAAI,OAAO,GAC5B,MAAM,oBAAoB,CAAA"}

package/dist/esm/components/Thumbnail/DocumentIcon.d.ts

@@ -0,0 +1,9 @@
+export declare type DocumentIconVariant = 'image' | 'unknown' | 'zip' | 'drawing' | 'email' | 'excel' | 'gantt' | 'ini' | 'mov' | 'pdf' | 'powerpoint' | 'word' | 'xml' | '3d' | 'folder' | 'folderPeople' | 'folderLock';
+export interface DocumentIconProps {
+    variant: DocumentIconVariant;
+    className?: string;
+    width?: string | number;
+    height?: string | number;
+    focusable?: boolean;
+}
+export declare function DocumentIcon({ className, focusable, height, variant, width, }: DocumentIconProps): JSX.Element;