@procore/core-react 12.25.2 → 12.26.1

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { Editor, IAllProps } from '@tinymce/tinymce-react'\nimport type React from 'react'\nimport type { Locale } from '../_hooks/I18n'\n\ntype TextEditorFeatureToggle = {\n  stickyToolbar?: boolean\n  tabAsNavigation?: boolean\n}\n\n/**\n * Expect context to change the `init` config of the below `TextEditor`s.\n * **Changes after the editor has initialized are ignored.**\n * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)\n */\nexport interface TextEditorProviderProps {\n  children: React.ReactNode\n  /**\n   * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n   * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.\n   */\n  features?: TextEditorFeatureToggle\n}\n\nexport interface TextEditorProps\n  extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean\n  /**\n   * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @unsupported Use at your own risk. DST makes no guarantees about this API,\n   * and is subject to removal at any point without warning or deprecation.\n   * @since 10.19.0\n   */\n  init?: IAllProps['init']\n  /**\n   * @deprecated\n   * `initialValue` has been deprecated and will be removed in a future version.\n   * Please use the `value` prop instead\n   *\n   * The first value passed into `value` prop will be the `TextEditor` initial\n   * value. Changing the value will update the text of the `TextEditor`.\n   * The editor should be controlled via the combination of `value`\n   * and `onChange` props.\n   *\n   * **Before**\n   *\n   * `<TextEditor initialValue=\"Hello World\" />`\n   *\n   * **After**\n   *\n   * `<TextEditor value=\"Hello World\" />`\n   *\n   * @deprecatedSince 10.20.0\n   * @since 10.19.0\n   */\n  initialValue?: string\n\n  /**\n   * Locale which will be used used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider. Icelandic (is-IS) is not\n   * actually supported by TinyMCE, so it is defaulted to english.\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * onChange event handler for text editor area\n   *\n   * ```\n   * (content: string) => void\n   * ```\n   * @since 10.19.0\n   */\n  onChange?: (content: string, isDirty?: boolean) => void\n\n  /**\n   *\n   * Array of plugins to use with the editor in addition to the defaults.\n   * Can be any of:\n   *\n   * ```\n   * [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]\n   * ```\n   * @since 10.19.0\n   */\n  plugins?: Array<string>\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditor.types.js","names":[],"sources":["../../src/TextEditor/TextEditor.types.ts"],"sourcesContent":["import type { DeprecatedTextEditorProps } from '../DeprecatedTextEditor'\nimport type { NextTextEditorProps } from '../NextTextEditor'\n\ntype TinyMCEEditorProps = DeprecatedTextEditorProps & {\n  /**\n   * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.\n   * @deprecated This property will be removed in the future.\n   */\n  tinyMCE: true\n}\n\ntype CKEditorProps = NextTextEditorProps & {\n  tinyMCE?: false\n}\n\nexport type TextEditorProps = Omit<\n  TinyMCEEditorProps | CKEditorProps,\n  | 'onFocus'\n  | 'onBlur'\n  | 'onInit'\n  | 'onDirty'\n  | 'onKeyDown'\n  | 'onEditorChange'\n  | 'onFocusOut'\n> & {\n  onFocus?: (...args: any[]) => void\n  onBlur?: (...args: any[]) => void\n  onInit?: (...args: any[]) => void\n  onDirty?: (...args: any[]) => void\n  onKeyDown?: (event: KeyboardEvent) => void\n  onEditorChange?: (value: string) => void\n  onFocusOut?: (...args: any[]) => void\n}\n"],"mappings":""}

package/dist/TextEditor/TextEditorDocs.types.d.ts

@@ -0,0 +1,65 @@
+import type { EditorConfig } from 'ckeditor5';
+import type { Locale } from '../_hooks/I18n';
+export interface TextEditorPropsDoc {
+    /**
+     * The current value/content of the editor
+     *
+     * @since 10.19.0
+     */
+    value?: string;
+    /**
+     * Callback fired when the editor content changes
+     *
+     * @param value - The current content of the editor
+     * @param isDirty - Whether the content differs from the initial value
+     * @since 10.19.0
+     */
+    onChange?: (value: string, isDirty?: boolean) => void;
+    /**
+     * Indicates if the editor is in an error state
+     *
+     * @since 10.19.0
+     */
+    error?: boolean;
+    /**
+     * Whether the editor is disabled
+     *
+     * @since 10.19.0
+     */
+    disabled?: boolean;
+    /**
+     * Locale which will be used for localization. Can be passed directly or
+     * set by wrapping components in I18n provider.
+     *
+     * @since 10.19.0
+     */
+    locale?: Locale;
+    /**
+     * Configuration function for customizing the editor
+     *
+     * @param defaultConfig - The default CKEditor configuration
+     * @returns Customized configuration object
+     * @since 12.26.0
+     */
+    config?: (defaultConfig: EditorConfig) => EditorConfig;
+    /**
+     * Array of plugin names to add to the editor in addition to the defaults.
+     * This provides backward compatibility with the deprecated TinyMCE version of the editor.
+     * Supports plugin names like 'link', 'image', 'table', etc.
+     *
+     * @since 12.26.0
+     */
+    plugins?: string[];
+    /**
+     * Callback fired when the editor gains focus
+     *
+     * @since 10.19.0
+     */
+    onFocus?: (...args: any[]) => void;
+    /**
+     * Callback fired when the editor loses focus
+     *
+     * @since 10.19.0
+     */
+    onBlur?: (...args: any[]) => void;
+}

package/dist/TextEditor/TextEditorDocs.types.js

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

package/dist/TextEditor/TextEditorDocs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorDocs.types.js","names":[],"sources":["../../src/TextEditor/TextEditorDocs.types.ts"],"sourcesContent":["import type { EditorConfig } from 'ckeditor5'\nimport type { Locale } from '../_hooks/I18n'\n\nexport interface TextEditorPropsDoc {\n  /**\n   * The current value/content of the editor\n   *\n   * @since 10.19.0\n   */\n  value?: string\n\n  /**\n   * Callback fired when the editor content changes\n   *\n   * @param value - The current content of the editor\n   * @param isDirty - Whether the content differs from the initial value\n   * @since 10.19.0\n   */\n  onChange?: (value: string, isDirty?: boolean) => void\n\n  /**\n   * Indicates if the editor is in an error state\n   *\n   * @since 10.19.0\n   */\n  error?: boolean\n\n  /**\n   * Whether the editor is disabled\n   *\n   * @since 10.19.0\n   */\n  disabled?: boolean\n\n  /**\n   * Locale which will be used for localization. Can be passed directly or\n   * set by wrapping components in I18n provider.\n   *\n   * @since 10.19.0\n   */\n  locale?: Locale\n\n  /**\n   * Configuration function for customizing the editor\n   *\n   * @param defaultConfig - The default CKEditor configuration\n   * @returns Customized configuration object\n   * @since 12.26.0\n   */\n  config?: (defaultConfig: EditorConfig) => EditorConfig\n\n  /**\n   * Array of plugin names to add to the editor in addition to the defaults.\n   * This provides backward compatibility with the deprecated TinyMCE version of the editor.\n   * Supports plugin names like 'link', 'image', 'table', etc.\n   *\n   * @since 12.26.0\n   */\n  plugins?: string[]\n\n  /**\n   * Callback fired when the editor gains focus\n   *\n   * @since 10.19.0\n   */\n  onFocus?: (...args: any[]) => void\n\n  /**\n   * Callback fired when the editor loses focus\n   *\n   * @since 10.19.0\n   */\n  onBlur?: (...args: any[]) => void\n}\n"],"mappings":""}

package/dist/TextEditor/TextEditorProvider.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { TextEditorProviderProps } from './TextEditorProvider.types';
+export declare const TextEditorContext: React.Context<Omit<TextEditorProviderProps, "children">>;
+export declare function TextEditorProvider({ children, features, }: TextEditorProviderProps): React.JSX.Element;

package/dist/TextEditor/TextEditorProvider.js

@@ -0,0 +1,17 @@
+import React from 'react';
+export var TextEditorContext = /*#__PURE__*/React.createContext({
+  features: {
+    tabAsNavigation: undefined,
+    stickyToolbar: undefined
+  }
+});
+export function TextEditorProvider(_ref) {
+  var children = _ref.children,
+    features = _ref.features;
+  return /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
+    value: {
+      features: features
+    }
+  }, children);
+}
+//# sourceMappingURL=TextEditorProvider.js.map

package/dist/TextEditor/TextEditorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorProvider.js","names":["React","TextEditorContext","createContext","features","tabAsNavigation","undefined","stickyToolbar","TextEditorProvider","_ref","children","createElement","Provider","value"],"sources":["../../src/TextEditor/TextEditorProvider.tsx"],"sourcesContent":["import React from 'react'\nimport type { TextEditorProviderProps } from './TextEditorProvider.types'\n\nexport const TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: undefined,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider value={{ features }}>\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,IAAMC,iBAAiB,gBAAGD,KAAK,CAACE,aAAa,CAElD;EACAC,QAAQ,EAAE;IACRC,eAAe,EAAEC,SAAS;IAC1BC,aAAa,EAAED;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,SAASE,kBAAkBA,CAAAC,IAAA,EAGN;EAAA,IAF1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRN,QAAQ,GAAAK,IAAA,CAARL,QAAQ;EAER,oBACEH,KAAA,CAAAU,aAAA,CAACT,iBAAiB,CAACU,QAAQ;IAACC,KAAK,EAAE;MAAET,QAAQ,EAARA;IAAS;EAAE,GAC7CM,QACyB,CAAC;AAEjC"}

package/dist/TextEditor/TextEditorProvider.types.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+declare type TextEditorFeatureToggle = {
+    stickyToolbar?: boolean;
+    tabAsNavigation?: boolean;
+};
+export interface TextEditorProviderProps {
+    children: React.ReactNode;
+    /**
+     * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.
+     * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.
+     */
+    features?: TextEditorFeatureToggle;
+}
+export {};

package/dist/TextEditor/TextEditorProvider.types.js

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

package/dist/TextEditor/TextEditorProvider.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorProvider.types.js","names":[],"sources":["../../src/TextEditor/TextEditorProvider.types.ts"],"sourcesContent":["import type React from 'react'\n\ntype TextEditorFeatureToggle = {\n  stickyToolbar?: boolean\n  tabAsNavigation?: boolean\n}\n\nexport interface TextEditorProviderProps {\n  children: React.ReactNode\n  /**\n   * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.\n   * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.\n   */\n  features?: TextEditorFeatureToggle\n}\n"],"mappings":""}

package/dist/TextEditor/index.d.ts

@@ -1,2 +1,4 @@
-export { TextEditor, TextEditorProvider } from './TextEditor';
-export type { TextEditorProps, TextEditorProviderProps, } from './TextEditor.types';
+export { TextEditor } from './TextEditor';
+export type { TextEditorProps } from './TextEditor.types';
+export { TextEditorProvider } from './TextEditorProvider';
+export type { TextEditorProviderProps } from './TextEditorProvider.types';

package/dist/TextEditor/index.js

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

package/dist/TextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TextEditor","TextEditorProvider"],"sources":["../../src/TextEditor/index.ts"],"sourcesContent":["export { TextEditor, TextEditorProvider } from './TextEditor'\nexport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n"],"mappings":"AAAA,SAASA,UAAU,EAAEC,kBAAkB,QAAQ,cAAc"}
+{"version":3,"file":"index.js","names":["TextEditor","TextEditorProvider"],"sources":["../../src/TextEditor/index.ts"],"sourcesContent":["export { TextEditor } from './TextEditor'\nexport type { TextEditorProps } from './TextEditor.types'\nexport { TextEditorProvider } from './TextEditorProvider'\nexport type { TextEditorProviderProps } from './TextEditorProvider.types'\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,kBAAkB,QAAQ,sBAAsB"}

package/dist/TextEditorOutput/TextEditorOutput.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import type { TextEditorOutputProps } from './TextEditorOutput.types';
 /**
-
- We use TextEditorOutput to render formatted text.
-
- @since 10.24.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
-
+ * Render formatted text from `TextEditor`
+ *
+ * @since 10.24.0
+ *
+ * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
  */
-export declare const TextEditorOutput: React.ForwardRefExoticComponent<TextEditorOutputProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const TextEditorOutput: React.ForwardRefExoticComponent<TextEditorOutputProps & React.RefAttributes<HTMLDivElement>>;

package/dist/TextEditorOutput/TextEditorOutput.js

@@ -1,44 +1,27 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["value", "init"];
+var _excluded = ["tinyMCE"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } 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';
+import { DeprecatedTextEditorOutput } from '../DeprecatedTextEditorOutput';
+import { NextTextEditorOutput } from '../NextTextEditorOutput';
 /**
-
- We use TextEditorOutput to render formatted text.
-
- @since 10.24.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
-
+ * Render formatted text from `TextEditor`
+ *
+ * @since 10.24.0
+ *
+ * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)
  */
-export var TextEditorOutput = /*#__PURE__*/React.forwardRef(function TextEditorOutput(_ref, ref) {
-  var value = _ref.value,
-    initOverrides = _ref.init,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledEditor, _extends({}, props, {
+export var TextEditorOutput = /*#__PURE__*/React.forwardRef(function TextEditorOutput(props, ref) {
+  var tinyMCE = props.tinyMCE,
+    restProps = _objectWithoutProperties(props, _excluded);
+  if (tinyMCE) {
+    return /*#__PURE__*/React.createElement(DeprecatedTextEditorOutput, _extends({}, restProps, {
+      ref: ref
+    }));
+  }
+  return /*#__PURE__*/React.createElement(NextTextEditorOutput, _extends({}, restProps, {
     ref: ref
-  }), /*#__PURE__*/React.createElement(Editor, {
-    value: value,
-    init: _objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
-      external_plugins: generateExternalPlugins(['autoresize']),
-      toolbar: false,
-      autoresize_overflow_padding: 0,
-      min_height: 0,
-      max_height: 400,
-      content_style: "body { margin: 0; padding: 0; } p { margin: 0; }"
-    }, initOverrides),
-    tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"),
-    disabled: true
   }));
 });
 TextEditorOutput.displayName = 'TextEditorOutput';

package/dist/TextEditorOutput/TextEditorOutput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.js","names":["Editor","React","generateExternalPlugins","tinyMCEConfig","tinyMCESource","tinyMCEVersion","StyledEditor","TextEditorOutput","forwardRef","_ref","ref","value","initOverrides","init","props","_objectWithoutProperties","_excluded","createElement","_extends","_objectSpread","external_plugins","toolbar","autoresize_overflow_padding","min_height","max_height","content_style","tinymceScriptSrc","concat","disabled","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React from 'react'\nimport {\n  generateExternalPlugins,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { StyledEditor } from './TextEditorOutput.styles'\nimport type { TextEditorOutputProps } from './TextEditorOutput.types'\n\n/**\n\n We use TextEditorOutput to render formatted text.\n\n @since 10.24.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)\n\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps & React.HTMLAttributes<HTMLDivElement>\n>(function TextEditorOutput({ value, init: initOverrides, ...props }, ref) {\n  return (\n    <StyledEditor {...props} ref={ref}>\n      <Editor\n        value={value}\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(['autoresize']),\n          toolbar: false,\n          autoresize_overflow_padding: 0,\n          min_height: 0,\n          max_height: 400,\n          content_style: `body { margin: 0; padding: 0; } p { margin: 0; }`,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        disabled\n      />\n    </StyledEditor>\n  )\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;;;;;;;AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,MAAM,OAAO;AACzB,SACEC,uBAAuB,EACvBC,aAAa,EACbC,aAAa,EACbC,cAAc,QACT,mBAAmB;AAC1B,SAASC,YAAY,QAAQ,2BAA2B;AAGxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGN,KAAK,CAACO,UAAU,CAG9C,SAASD,gBAAgBA,CAAAE,IAAA,EAA2CC,GAAG,EAAE;EAAA,IAA7CC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAQC,aAAa,GAAAH,IAAA,CAAnBI,IAAI;IAAoBC,KAAK,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EAChE,oBACEf,KAAA,CAAAgB,aAAA,CAACX,YAAY,EAAAY,QAAA,KAAKJ,KAAK;IAAEJ,GAAG,EAAEA;EAAI,iBAChCT,KAAA,CAAAgB,aAAA,CAACjB,MAAM;IACLW,KAAK,EAAEA,KAAM;IACbE,IAAI,EAAAM,aAAA,CAAAA,aAAA,KACChB,aAAa;MAChBiB,gBAAgB,EAAElB,uBAAuB,CAAC,CAAC,YAAY,CAAC,CAAC;MACzDmB,OAAO,EAAE,KAAK;MACdC,2BAA2B,EAAE,CAAC;MAC9BC,UAAU,EAAE,CAAC;MACbC,UAAU,EAAE,GAAG;MACfC,aAAa;IAAoD,GAC9Db,aAAa,CAChB;IACFc,gBAAgB,KAAAC,MAAA,CAAKvB,aAAa,OAAAuB,MAAA,CAAItB,cAAc,oBAAkB;IACtEuB,QAAQ;EAAA,CACT,CACW,CAAC;AAEnB,CAAC,CAAC;AAEFrB,gBAAgB,CAACsB,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"TextEditorOutput.js","names":["React","DeprecatedTextEditorOutput","NextTextEditorOutput","TextEditorOutput","forwardRef","props","ref","tinyMCE","restProps","_objectWithoutProperties","_excluded","createElement","_extends","displayName"],"sources":["../../src/TextEditorOutput/TextEditorOutput.tsx"],"sourcesContent":["import React from 'react'\nimport { DeprecatedTextEditorOutput } from '../DeprecatedTextEditorOutput'\nimport { NextTextEditorOutput } from '../NextTextEditorOutput'\nimport type { TextEditorOutputProps } from './TextEditorOutput.types'\n\n/**\n * Render formatted text from `TextEditor`\n *\n * @since 10.24.0\n *\n * @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditoroutput--demo)\n */\nexport const TextEditorOutput = React.forwardRef<\n  HTMLDivElement,\n  TextEditorOutputProps\n>(function TextEditorOutput(props, ref) {\n  const { tinyMCE, ...restProps } = props\n\n  if (tinyMCE) {\n    return <DeprecatedTextEditorOutput {...restProps} ref={ref} />\n  }\n\n  return <NextTextEditorOutput {...restProps} ref={ref} />\n})\n\nTextEditorOutput.displayName = 'TextEditorOutput'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,0BAA0B,QAAQ,+BAA+B;AAC1E,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,gBAAgB,gBAAGH,KAAK,CAACI,UAAU,CAG9C,SAASD,gBAAgBA,CAACE,KAAK,EAAEC,GAAG,EAAE;EACtC,IAAQC,OAAO,GAAmBF,KAAK,CAA/BE,OAAO;IAAKC,SAAS,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA;EAEvC,IAAIH,OAAO,EAAE;IACX,oBAAOP,KAAA,CAAAW,aAAA,CAACV,0BAA0B,EAAAW,QAAA,KAAKJ,SAAS;MAAEF,GAAG,EAAEA;IAAI,EAAE,CAAC;EAChE;EAEA,oBAAON,KAAA,CAAAW,aAAA,CAACT,oBAAoB,EAAAU,QAAA,KAAKJ,SAAS;IAAEF,GAAG,EAAEA;EAAI,EAAE,CAAC;AAC1D,CAAC,CAAC;AAEFH,gBAAgB,CAACU,WAAW,GAAG,kBAAkB"}

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

@@ -1,16 +1,19 @@
-import type { IAllProps } from '@tinymce/tinymce-react';
-import type { Props } from '../_utils/types';
-export interface TextEditorOutputProps extends Omit<Props, 'children'> {
+import type { DeprecatedTextEditorOutputProps } from '../DeprecatedTextEditorOutput';
+import type { NextTextEditorOutputProps } from '../NextTextEditorOutput';
+interface BaseTextEditorOutputProps {
+    value?: string;
     /**
-     * formatted text
-     * @since 10.24.0
-     * */
-    value?: IAllProps['value'];
-    /**
-     * Config for when the editor is initialized.
-     * **Changes after the editor has initialized are ignored.**
-     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
-     * @since 11.17.0
+     * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.
+     * @deprecated This property will be removed in the future.
      */
-    init?: IAllProps['init'];
+    tinyMCE?: boolean;
 }
+declare type TinyMCEOutputProps = DeprecatedTextEditorOutputProps & {
+    tinyMCE: true;
+};
+declare type CKEditorOutputProps = NextTextEditorOutputProps & {
+    tinyMCE?: false;
+};
+export declare type TextEditorOutputProps = BaseTextEditorOutputProps & (TinyMCEOutputProps | CKEditorOutputProps);
+export declare type TextEditorOutputPropsInternal = TinyMCEOutputProps | CKEditorOutputProps;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import type { IAllProps } from '@tinymce/tinymce-react'\nimport type { Props } from '../_utils/types'\n\nexport interface TextEditorOutputProps extends Omit<Props, 'children'> {\n  /**\n   * formatted text\n   * @since 10.24.0\n   * */\n  value?: IAllProps['value']\n  /**\n   * Config for when the editor is initialized.\n   * **Changes after the editor has initialized are ignored.**\n   * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)\n   * @since 11.17.0\n   */\n  init?: IAllProps['init']\n}\n"],"mappings":""}
+{"version":3,"file":"TextEditorOutput.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutput.types.ts"],"sourcesContent":["import type { DeprecatedTextEditorOutputProps } from '../DeprecatedTextEditorOutput'\nimport type { NextTextEditorOutputProps } from '../NextTextEditorOutput'\n\n// Base interface for common properties\ninterface BaseTextEditorOutputProps {\n  value?: string\n  /**\n   * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.\n   * @deprecated This property will be removed in the future.\n   */\n  tinyMCE?: boolean\n}\n\ntype TinyMCEOutputProps = DeprecatedTextEditorOutputProps & {\n  tinyMCE: true\n}\n\ntype CKEditorOutputProps = NextTextEditorOutputProps & {\n  tinyMCE?: false\n}\n\nexport type TextEditorOutputProps = BaseTextEditorOutputProps &\n  (TinyMCEOutputProps | CKEditorOutputProps)\nexport type TextEditorOutputPropsInternal =\n  | TinyMCEOutputProps\n  | CKEditorOutputProps\n"],"mappings":""}

package/dist/TextEditorOutput/TextEditorOutputDocs.types.d.ts

@@ -0,0 +1,21 @@
+import type React from 'react';
+export interface TextEditorOutputPropsDoc {
+    /**
+     * Formatted text from `TextEditor`
+     *
+     * @since 10.24.0
+     */
+    value?: string;
+    /**
+     * Additional classNames
+     *
+     * @since 10.24.0
+     */
+    className?: string;
+    /**
+     * Additional CSS styles
+     *
+     * @since 10.24.0
+     */
+    style?: React.CSSProperties;
+}

package/dist/TextEditorOutput/TextEditorOutputDocs.types.js

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

package/dist/TextEditorOutput/TextEditorOutputDocs.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextEditorOutputDocs.types.js","names":[],"sources":["../../src/TextEditorOutput/TextEditorOutputDocs.types.ts"],"sourcesContent":["import type React from 'react'\n\nexport interface TextEditorOutputPropsDoc {\n  /**\n   * Formatted text from `TextEditor`\n   *\n   * @since 10.24.0\n   */\n  value?: string\n\n  /**\n   * Additional classNames\n   *\n   * @since 10.24.0\n   */\n  className?: string\n\n  /**\n   * Additional CSS styles\n   *\n   * @since 10.24.0\n   */\n  style?: React.CSSProperties\n}\n"],"mappings":""}

package/dist/Thumbnail/Thumbnail.styles.js

@@ -27,35 +27,35 @@ var captionBase = /*#__PURE__*/css(["color:", ";font-size:12px;line-height:16px;
 });
 export var StyledMultilineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledMultilineCaption",
-  componentId: "core-12_25_2__sc-195f70c-0"
+  componentId: "core-12_26_1__sc-195f70c-0"
 })(["", ";display:flex;word-wrap:break-word;overflow-wrap:break-word;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:", "px;"], captionBase, multilineCaptionMaxHeight);
 export var StyledCaptionText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledCaptionText",
-  componentId: "core-12_25_2__sc-195f70c-1"
+  componentId: "core-12_26_1__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_25_2__sc-195f70c-2"
+  componentId: "core-12_26_1__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_25_2__sc-195f70c-3"
+  componentId: "core-12_26_1__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_25_2__sc-195f70c-4"
+  componentId: "core-12_26_1__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_25_2__sc-195f70c-5"
+  componentId: "core-12_26_1__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_25_2__sc-195f70c-6"
+  componentId: "core-12_26_1__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_25_2__sc-195f70c-7"
+  componentId: "core-12_26_1__sc-195f70c-7"
 })(["", " ", " color:", ";font-weight:", ";text-align:center;width:100%;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;background-color:", ";"], getTypographyIntent('small'), getEllipsis(), function (_ref5) {
   var _ref5$$color = _ref5.$color,
     $color = _ref5$$color === void 0 ? 'gray15' : _ref5$$color;
@@ -63,7 +63,7 @@ export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig
 }, typographyWeights.bold, labelHeight, spacing.sm / 2, spacing.sm, colors.white);
 export var StyledLabel = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_25_2__sc-195f70c-8"
+  componentId: "core-12_26_1__sc-195f70c-8"
 })(["display:flex;justify-content:center;position:absolute;bottom:0;right:0;left:0;opacity:0.85;height:", "px;padding:", "px ", "px;font-size:", "px;background-color:", ";"], labelHeight, spacing.sm / 2, spacing.sm, labelFontSize, colors.white);
 var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border:1px solid ", ";border-radius:", "px;margin:0;", " ", " &:focus{", ";}", " ", " ", ""], colors.gray85, borderRadius.md, function (_ref6) {
   var $clickable = _ref6.$clickable;
@@ -85,7 +85,7 @@ var thumbnailBase = /*#__PURE__*/css(["display:flex;justify-content:center;align
 });
 export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
   displayName: "StyledTickIcon",
-  componentId: "core-12_25_2__sc-195f70c-9"
+  componentId: "core-12_26_1__sc-195f70c-9"
 })(["position:absolute;top:", "px;right:", "px;width:", "px;height:", "px;opacity:0;transform:scale(0.75);transition:transform 250ms ease-out,opacity 100ms ease-out;", " ", ""], spacing.sm, spacing.sm, tickSize, tickSize, function (_ref1) {
   var $selected = _ref1.$selected;
   return $selected && css(["opacity:1;transform:scale(1);"]);
@@ -95,28 +95,28 @@ export var StyledTickIcon = /*#__PURE__*/styled.svg.withConfig({
 });
 export var StyledFileIcon = /*#__PURE__*/styled(DocumentIcon).withConfig({
   displayName: "StyledFileIcon",
-  componentId: "core-12_25_2__sc-195f70c-10"
+  componentId: "core-12_26_1__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_25_2__sc-195f70c-11"
+  componentId: "core-12_26_1__sc-195f70c-11"
 })(["width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center;", ""], function (_ref11) {
   var $bgImage = _ref11.$bgImage;
   return css(["background-image:url(", ");"], $bgImage);
 });
 export var StyledImageThumbnailOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailOverlay",
-  componentId: "core-12_25_2__sc-195f70c-12"
+  componentId: "core-12_26_1__sc-195f70c-12"
 })(["display:none;position:absolute;top:0;bottom:0;left:0;right:0;"]);
 var blackOverlay = "\n  background-color: ".concat(colors.black, ";\n  opacity: 0.2;\n");
 var whiteOverlay = "\n  background-color: ".concat(colors.white, ";\n  opacity: 0.5;\n");
 export var StyledImageThumbnailImage = /*#__PURE__*/styled.img.withConfig({
   displayName: "StyledImageThumbnailImage",
-  componentId: "core-12_25_2__sc-195f70c-13"
+  componentId: "core-12_26_1__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_25_2__sc-195f70c-14"
+  componentId: "core-12_26_1__sc-195f70c-14"
 })(["", ";flex-direction:column;", " ", " ", " ", " ", " ", ""], thumbnailBase, function (_ref12) {
   var $disabled = _ref12.$disabled;
   return $disabled && css(["&,&:hover{", "{display:block;", "}}", ",", ",", "{filter:saturate(0);}", "{filter:saturate(0);z-index:-1;}"], StyledImageThumbnailOverlay, whiteOverlay, StyledImageThumbnailPreview, StyledTickIcon, StyledImageThumbnailImage, StyledFileIcon);
@@ -145,7 +145,7 @@ export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailWrapper",
-  componentId: "core-12_25_2__sc-195f70c-15"
+  componentId: "core-12_26_1__sc-195f70c-15"
 })(["display:flex;", " ", ""], function (_ref18) {
   var $size = _ref18.$size;
   return $size === 'lg' ? "\n        width: ".concat(thumbnailSizeLg, "px;\n      ") : '';
@@ -156,7 +156,7 @@ export var StyledThumbnailWrapper = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledPlaceholderThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderThumbnail",
-  componentId: "core-12_25_2__sc-195f70c-16"
+  componentId: "core-12_26_1__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_25_2__sc-1inrbm9-0"
+  componentId: "core-12_26_1__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_25_2__sc-1inrbm9-1"
+  componentId: "core-12_26_1__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_25_2__sc-1inrbm9-2"
+  componentId: "core-12_26_1__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_25_2__sc-1inrbm9-3"
+  componentId: "core-12_26_1__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_25_2__sc-1inrbm9-4"
+  componentId: "core-12_26_1__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_25_2__sc-1inrbm9-5"
+  componentId: "core-12_26_1__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_25_2__sc-1inrbm9-6"
+  componentId: "core-12_26_1__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TierSelectionTieredSelect.js

@@ -2,7 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 var _excluded = ["onClick"],
   _excluded2 = ["children", "emptyMessage"],
   _excluded3 = ["children", "currentTier", "footer", "loading", "loadingMore", "menuRef", "onNavigate", "onSearch", "onChange", "options", "value", "previousValue"],
-  _excluded4 = ["className", "disabled", "error", "loading", "onKeyDown", "options", "value"];
+  _excluded4 = ["className", "disabled", "error", "loading", "onKeyDown", "aria-labelledby", "options", "value"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -398,6 +398,7 @@ export var TierSelectionTieredSelect = /*#__PURE__*/React.forwardRef(function Ti
     _ref5$loading = _ref5.loading,
     loading = _ref5$loading === void 0 ? false : _ref5$loading,
     onKeyDown = _ref5.onKeyDown,
+    ariaLabelledby = _ref5['aria-labelledby'],
     _ref5$options = _ref5.options,
     options = _ref5$options === void 0 ? empty : _ref5$options,
     _ref5$value = _ref5.value,
@@ -532,6 +533,7 @@ export var TierSelectionTieredSelect = /*#__PURE__*/React.forwardRef(function Ti
     placeholder: I18n.t('placeholder', {
       scope: i18nScope
     }),
+    "aria-labelledby": ariaLabelledby,
     onClear: internalOnClear,
     ref: tieredSelectButtonRef,
     tabIndex: tabIndex