@procore/core-react 12.25.1 → 12.26.0

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

@@ -1,89 +1,22 @@
-import type { Editor, IAllProps } from '@tinymce/tinymce-react';
-import type React from 'react';
-import type { Locale } from '../_hooks/I18n';
-declare type TextEditorFeatureToggle = {
-    stickyToolbar?: boolean;
-    tabAsNavigation?: boolean;
-};
-/**
- * Expect context to change the `init` config of the below `TextEditor`s.
- * **Changes after the editor has initialized are ignored.**
- * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
- * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)
- */
-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 interface TextEditorProps extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {
-    /**
-     * @since 10.19.0
-     */
-    disabled?: boolean;
-    /**
-     * @since 10.19.0
-     */
-    error?: boolean;
-    /**
-     * 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)
-     * @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'];
+import type { DeprecatedTextEditorProps } from '../DeprecatedTextEditor';
+import type { NextTextEditorProps } from '../NextTextEditor';
+declare type TinyMCEEditorProps = DeprecatedTextEditorProps & {
     /**
-     * @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
+     * 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.
      */
-    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;
-    /**
-     * onChange event handler for text editor area
-     *
-     * ```
-     * (content: string) => void
-     * ```
-     * @since 10.19.0
-     */
-    onChange?: (content: string, isDirty?: boolean) => void;
-    /**
-     *
-     * Array of plugins to use with the editor in addition to the defaults.
-     * Can be any of:
-     *
-     * ```
-     * [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]
-     * ```
-     * @since 10.19.0
-     */
-    plugins?: Array<string>;
-}
+    tinyMCE: true;
+};
+declare type CKEditorProps = NextTextEditorProps & {
+    tinyMCE?: false;
+};
+export declare type TextEditorProps = Omit<TinyMCEEditorProps | CKEditorProps, 'onFocus' | 'onBlur' | 'onInit' | 'onDirty' | 'onKeyDown' | 'onEditorChange' | 'onFocusOut'> & {
+    onFocus?: (...args: any[]) => void;
+    onBlur?: (...args: any[]) => void;
+    onInit?: (...args: any[]) => void;
+    onDirty?: (...args: any[]) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onEditorChange?: (value: string) => void;
+    onFocusOut?: (...args: any[]) => void;
+};
 export {};

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,13 +1,10 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 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 & DivAttributes & 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 type { DivAttributes } from '../_utils/types'\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 & DivAttributes\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;AAE1B,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/TextInput/TextInput.d.ts

@@ -8,4 +8,4 @@
  @see [Design Guidelines](https://design.procore.com/text-input)
 
  */
-export declare const TextInput: import("react").ForwardRefExoticComponent<import("../_utils/types").InputAttributes & import("../Input").InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<import("../Input").InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { LayoutVariant, ThumbnailProps } from './Thumbnail.types';
 export declare const useThumbnail: ({ selected, disabled, clickable, focused, hasCaptionPlaceholder, src, filename: filename_, size, label, name, caption, onChange, value, ...props }: ThumbnailProps<'checkbox'> | ThumbnailProps<'figure'> | ThumbnailProps<undefined>) => {
     label: string;
@@ -24,7 +23,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
@@ -322,7 +321,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: string;
@@ -620,7 +619,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
@@ -942,7 +941,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: string;
@@ -1264,7 +1263,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
@@ -1302,7 +1301,7 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
      * > reference to '@react-aria/focus/node_modules/@react-types/shared'.
      * > This is likely not portable. A type annotation is necessary.
      */
-    focusProps: DivAttributes;
+    focusProps: React.HTMLAttributes<HTMLDivElement>;
     isFocusVisible: boolean;
     toggleState: import("react-stately").ToggleState;
     as: string;

package/dist/Thumbnail/Thumbnail.hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumbnail.hooks.js","names":["useCheckbox","useFocusRing","useRef","useToggleState","getIsFilePreviewableAsImage","defaultSize","useThumbnail","_ref","selected","_ref$disabled","disabled","_ref$clickable","clickable","_ref$focused","focused","_ref$hasCaptionPlaceh","hasCaptionPlaceholder","src","filename_","filename","_ref$size","size","_ref$label","label","name","_ref$caption","caption","onChange","value","props","_objectWithoutProperties","_excluded","a11yProps","role","as","inputRef","toggleState","defaultSelected","layout","isFile","File","isImageURL","canPreviewFileAsImage","isFileOrNonPreviewableImage","shouldUsePlaceholder","ariaLabel","concat","_useCheckbox","isSelected","inputProps","_useFocusRing","isFocusVisible","focusProps","_objectSpread","alt"],"sources":["../../src/Thumbnail/Thumbnail.hooks.tsx"],"sourcesContent":["import { useCheckbox } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport type React from 'react'\nimport { useRef } from 'react'\nimport { useToggleState } from 'react-stately'\nimport type { DivAttributes } from '../_utils/types'\nimport type { LayoutVariant, ThumbnailProps } from './Thumbnail.types'\nimport { getIsFilePreviewableAsImage } from './Thumbnail.utils'\n\nconst defaultSize = 'lg'\n\nexport const useThumbnail = ({\n  selected,\n  disabled = false,\n  clickable = true,\n  focused = false,\n  hasCaptionPlaceholder = false,\n  src,\n  filename: filename_,\n  size = defaultSize,\n  label = '',\n  // @ts-ignore  Checkbox only\n  name,\n  caption = '',\n  // @ts-ignore  Checkbox only\n  onChange,\n  // @ts-ignore  Checkbox only\n  value,\n  ...props\n}:\n  | ThumbnailProps<'checkbox'>\n  | ThumbnailProps<'figure'>\n  | ThumbnailProps<undefined>) => {\n  const a11yProps =\n    props.role === 'figure'\n      ? { as: 'figure' as React.ElementType }\n      : { as: 'div' }\n  const inputRef = useRef<HTMLInputElement>(null)\n  const toggleState = useToggleState({\n    defaultSelected: selected,\n    onChange,\n  })\n  const layout: LayoutVariant = size === 'sm' ? 'row' : 'column'\n  const isFile = src instanceof File\n  const isImageURL = typeof src === 'string'\n  const canPreviewFileAsImage = getIsFilePreviewableAsImage(src)\n  const isFileOrNonPreviewableImage = isFile && !canPreviewFileAsImage\n  const shouldUsePlaceholder = isFileOrNonPreviewableImage || !src\n  const filename =\n    filename_ ?? (isFileOrNonPreviewableImage ? (src as File).name : caption)\n  const ariaLabel = label && caption ? `${label} ${caption}` : caption || label\n  const { inputProps } = useCheckbox(\n    { isSelected: selected, 'aria-label': ariaLabel, name, onChange, value },\n    toggleState,\n    inputRef\n  )\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return {\n    alt: props.alt || props.alt === '' ? props.alt : caption || label,\n    ...props,\n    ...a11yProps,\n    label,\n    caption,\n    selected: toggleState.isSelected,\n    disabled,\n    clickable,\n    focused,\n    isImageURL,\n    hasCaptionPlaceholder,\n    shouldUsePlaceholder,\n    src,\n    filename,\n    size,\n    layout,\n    inputRef,\n    inputProps,\n    /**\n     * Appeared 23-1-18 https://github.com/procore/core/pull/12250\n     * Possible issue with types from React Aria during dependency update\n     * > The inferred type of 'useThumbnail' cannot be named without a\n     * > reference to '@react-aria/focus/node_modules/@react-types/shared'.\n     * > This is likely not portable. A type annotation is necessary.\n     */\n    focusProps: focusProps as DivAttributes,\n    isFocusVisible,\n    toggleState,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Thumbnail.hooks.js","names":["useCheckbox","useFocusRing","useRef","useToggleState","getIsFilePreviewableAsImage","defaultSize","useThumbnail","_ref","selected","_ref$disabled","disabled","_ref$clickable","clickable","_ref$focused","focused","_ref$hasCaptionPlaceh","hasCaptionPlaceholder","src","filename_","filename","_ref$size","size","_ref$label","label","name","_ref$caption","caption","onChange","value","props","_objectWithoutProperties","_excluded","a11yProps","role","as","inputRef","toggleState","defaultSelected","layout","isFile","File","isImageURL","canPreviewFileAsImage","isFileOrNonPreviewableImage","shouldUsePlaceholder","ariaLabel","concat","_useCheckbox","isSelected","inputProps","_useFocusRing","isFocusVisible","focusProps","_objectSpread","alt"],"sources":["../../src/Thumbnail/Thumbnail.hooks.tsx"],"sourcesContent":["import { useCheckbox } from '@react-aria/checkbox'\nimport { useFocusRing } from '@react-aria/focus'\nimport type React from 'react'\nimport { useRef } from 'react'\nimport { useToggleState } from 'react-stately'\nimport type { LayoutVariant, ThumbnailProps } from './Thumbnail.types'\nimport { getIsFilePreviewableAsImage } from './Thumbnail.utils'\n\nconst defaultSize = 'lg'\n\nexport const useThumbnail = ({\n  selected,\n  disabled = false,\n  clickable = true,\n  focused = false,\n  hasCaptionPlaceholder = false,\n  src,\n  filename: filename_,\n  size = defaultSize,\n  label = '',\n  // @ts-ignore  Checkbox only\n  name,\n  caption = '',\n  // @ts-ignore  Checkbox only\n  onChange,\n  // @ts-ignore  Checkbox only\n  value,\n  ...props\n}:\n  | ThumbnailProps<'checkbox'>\n  | ThumbnailProps<'figure'>\n  | ThumbnailProps<undefined>) => {\n  const a11yProps =\n    props.role === 'figure'\n      ? { as: 'figure' as React.ElementType }\n      : { as: 'div' }\n  const inputRef = useRef<HTMLInputElement>(null)\n  const toggleState = useToggleState({\n    defaultSelected: selected,\n    onChange,\n  })\n  const layout: LayoutVariant = size === 'sm' ? 'row' : 'column'\n  const isFile = src instanceof File\n  const isImageURL = typeof src === 'string'\n  const canPreviewFileAsImage = getIsFilePreviewableAsImage(src)\n  const isFileOrNonPreviewableImage = isFile && !canPreviewFileAsImage\n  const shouldUsePlaceholder = isFileOrNonPreviewableImage || !src\n  const filename =\n    filename_ ?? (isFileOrNonPreviewableImage ? (src as File).name : caption)\n  const ariaLabel = label && caption ? `${label} ${caption}` : caption || label\n  const { inputProps } = useCheckbox(\n    { isSelected: selected, 'aria-label': ariaLabel, name, onChange, value },\n    toggleState,\n    inputRef\n  )\n  const { isFocusVisible, focusProps } = useFocusRing()\n\n  return {\n    alt: props.alt || props.alt === '' ? props.alt : caption || label,\n    ...props,\n    ...a11yProps,\n    label,\n    caption,\n    selected: toggleState.isSelected,\n    disabled,\n    clickable,\n    focused,\n    isImageURL,\n    hasCaptionPlaceholder,\n    shouldUsePlaceholder,\n    src,\n    filename,\n    size,\n    layout,\n    inputRef,\n    inputProps,\n    /**\n     * Appeared 23-1-18 https://github.com/procore/core/pull/12250\n     * Possible issue with types from React Aria during dependency update\n     * > The inferred type of 'useThumbnail' cannot be named without a\n     * > reference to '@react-aria/focus/node_modules/@react-types/shared'.\n     * > This is likely not portable. A type annotation is necessary.\n     */\n    focusProps: focusProps as React.HTMLAttributes<HTMLDivElement>,\n    isFocusVisible,\n    toggleState,\n  }\n}\n"],"mappings":"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"}

package/dist/Thumbnail/Thumbnail.styles.d.ts

@@ -24,9 +24,9 @@ export declare const StyledPlaceholderCaption: import("styled-components/dist/ty
 export declare const StyledSingleLineCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CaptionProps>> & string;
 export declare const StyledSinglelineCaptionBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledSinglelineCaptionEnding: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpanAttributes & TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const StyledLabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledThumbnailFigCaption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $color?: TypographyProps['color'];
 }>> & string;