@procore/core-react 12.34.1 → 12.36.0

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["Editor","React","useState","useOverridableFocusScope","useI18nContext","useZIndexContext","defaultPlugins","generateExternalPlugins","generateLanguageUrl","getValidLookupLocale","tinyMCEConfig","tinyMCESource","tinyMCETabMarkup","tinyMCEVersion","GlobalStyle","errorRed","noop","TextEditorContext","createContext","features","tabAsNavigation","stickyToolbar","undefined","TextEditorProvider","_ref","children","createElement","Provider","value","_objectSpread","setupDefaultShortcuts","editor","shortcuts","add","setupShortcuts","on","checkTabPress","event","altKey","key","execCommand","preventDefault","stopPropagation","useFocusScopePatch","plugins","focusScope","useEffect","concat","_toConsumableArray","some","plugin","setProps","contain","TextEditor","_ref2","_props$initialValue","_props$value","error","initOverrides","init","locale","_ref2$onChange","onChange","_onInit","onInit","_ref2$plugins","props","_objectWithoutProperties","_excluded","_useI18nContext","contextLocale","_useZIndexContext","zIndex","_React$useContext","useContext","toolbar_sticky","tabControls","external_plugins","filter","p","nonbreaking_force_tab","setup","onEditorChange","_","getContent","isDirty","ref","useRef","updateError","current","style","borderColor","editorContainer","_useState","initialValue","_useState2","_slicedToArray","derivedInitial","Fragment","$zIndex","_extends","language_url","language","content_style","tinymceScriptSrc","displayName"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React, { useState } from 'react'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport {\n  defaultPlugins,\n  generateExternalPlugins,\n  generateLanguageUrl,\n  getValidLookupLocale,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCETabMarkup,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { GlobalStyle } from './TextEditor.styles'\nimport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n\nconst errorRed = '#E61920'\n\nfunction noop() {}\n\nconst TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: true,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider\n      value={{\n        features: {\n          tabAsNavigation: true,\n          ...features,\n        },\n      }}\n    >\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n\nfunction setupDefaultShortcuts(editor: any) {\n  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough')\n}\n\n/**\n * editor.addShortcut does not notify on Tab key presses\n */\nfunction setupShortcuts(editor: any) {\n  setupDefaultShortcuts(editor)\n  editor.on('keydown', function checkTabPress(event: React.KeyboardEvent) {\n    if (event.altKey && event.key === 'Tab') {\n      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup)\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    }\n  })\n}\n\n/**\n * The following plugins open a TinyMCE modal.\n * When used with React Aria contained FocusScope,\n * focus does not move into the TinyMCE modal.\n * This patch gets critical functionality back at\n * the cost of possibly failing accessbility.\n */\nfunction useFocusScopePatch(plugins: string[]) {\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    if (\n      [...defaultPlugins, ...plugins].some(\n        // Add plugins that open a tinymce modal here\n        (plugin) =>\n          plugin === 'link' || plugin === 'table' || plugin === 'image'\n      )\n    ) {\n      focusScope.setProps({ contain: false })\n    }\n  }, [focusScope, plugins])\n}\n\n/**\n\n We use text editors to allow users to enter multiple lines of formatted text.\n\n If users need to add unformatted text, see Text Area.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-editor)\n\n */\nexport function TextEditor({\n  error,\n  init: initOverrides,\n  locale,\n  onChange = noop,\n  onInit: _onInit,\n  plugins = defaultPlugins,\n  ...props\n}: TextEditorProps) {\n  const { locale: contextLocale } = useI18nContext()\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const stickyToolbar = features?.stickyToolbar ? { toolbar_sticky: true } : {}\n  const tabControls = features?.tabAsNavigation\n    ? {\n        external_plugins: generateExternalPlugins(\n          plugins,\n          defaultPlugins.filter((p) => p !== 'nonbreaking')\n        ),\n        nonbreaking_force_tab: false,\n        setup: setupShortcuts,\n      }\n    : {\n        setup: setupDefaultShortcuts,\n      }\n\n  const onEditorChange: React.ComponentProps<\n    typeof Editor\n  >['onEditorChange'] = (_: any, editor: any) => {\n    onChange(editor.getContent(), editor.isDirty())\n  }\n\n  const ref = React.useRef<HTMLElement>()\n\n  const updateError = () => {\n    if (ref.current) {\n      if (error) {\n        ref.current.style.borderColor = errorRed\n      } else {\n        ref.current.style.borderColor = ''\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    updateError()\n  }, [error])\n\n  useFocusScopePatch(plugins)\n\n  const onInit: React.ComponentProps<typeof Editor>['onInit'] = (\n    event,\n    editor\n  ) => {\n    ref.current = editor.editorContainer\n    updateError()\n    _onInit && _onInit(event, editor)\n  }\n\n  const [derivedInitial] = useState(props.initialValue ?? props.value)\n\n  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher\n  return (\n    <>\n      <GlobalStyle $zIndex={zIndex + 1} />\n      <Editor\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(plugins),\n          language_url: generateLanguageUrl(locale || contextLocale),\n          language: getValidLookupLocale(locale || contextLocale),\n          content_style: `p { margin: 0; }`,\n          ...stickyToolbar,\n          ...tabControls,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        onInit={onInit}\n        onEditorChange={onEditorChange}\n        {...props}\n        value={props.value ?? props.initialValue}\n        initialValue={derivedInitial}\n      />\n    </>\n  )\n}\n\nTextEditor.displayName = 'TextEditor'\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["Editor","React","useState","useOverridableFocusScope","useI18nContext","useZIndexContext","defaultPlugins","generateExternalPlugins","generateLanguageUrl","getValidLookupLocale","tinyMCEConfig","tinyMCESource","tinyMCETabMarkup","tinyMCEVersion","GlobalStyle","errorRed","noop","TextEditorContext","createContext","features","tabAsNavigation","stickyToolbar","undefined","TextEditorProvider","_ref","children","createElement","Provider","value","_objectSpread","setupDefaultShortcuts","editor","shortcuts","add","setupShortcuts","on","checkTabPress","event","altKey","key","execCommand","preventDefault","stopPropagation","useFocusScopePatch","plugins","focusScope","useEffect","concat","_toConsumableArray","some","plugin","setProps","contain","TextEditor","allProps","_props$initialValue","_props$value","error","initOverrides","init","locale","_allProps$onChange","onChange","_onInit","onInit","_allProps$plugins","props","_objectWithoutProperties","_excluded","ariaLabel","ariaDescription","_useI18nContext","contextLocale","_useZIndexContext","zIndex","_React$useContext","useContext","toolbar_sticky","tabControls","external_plugins","filter","p","nonbreaking_force_tab","setup","onEditorChange","_","getContent","isDirty","ref","useRef","editorRef","_React$useState","_React$useState2","_slicedToArray","isEditorReady","setIsEditorReady","updateError","current","style","borderColor","setAttribute","body","getBody","removeAttribute","editorContainer","_useState","initialValue","_useState2","derivedInitial","accessibilityConfig","iframe_aria_text","Fragment","$zIndex","_extends","language_url","language","content_style","tinymceScriptSrc","displayName"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React, { useState } from 'react'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport {\n  defaultPlugins,\n  generateExternalPlugins,\n  generateLanguageUrl,\n  getValidLookupLocale,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCETabMarkup,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { GlobalStyle } from './TextEditor.styles'\nimport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n\nconst errorRed = '#E61920'\n\nfunction noop() {}\n\nconst TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: true,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider\n      value={{\n        features: {\n          tabAsNavigation: true,\n          ...features,\n        },\n      }}\n    >\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n\nfunction setupDefaultShortcuts(editor: any) {\n  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough')\n}\n\n/**\n * editor.addShortcut does not notify on Tab key presses\n */\nfunction setupShortcuts(editor: any) {\n  setupDefaultShortcuts(editor)\n  editor.on('keydown', function checkTabPress(event: React.KeyboardEvent) {\n    if (event.altKey && event.key === 'Tab') {\n      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup)\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    }\n  })\n}\n\n/**\n * The following plugins open a TinyMCE modal.\n * When used with React Aria contained FocusScope,\n * focus does not move into the TinyMCE modal.\n * This patch gets critical functionality back at\n * the cost of possibly failing accessbility.\n */\nfunction useFocusScopePatch(plugins: string[]) {\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    if (\n      [...defaultPlugins, ...plugins].some(\n        // Add plugins that open a tinymce modal here\n        (plugin) =>\n          plugin === 'link' || plugin === 'table' || plugin === 'image'\n      )\n    ) {\n      focusScope.setProps({ contain: false })\n    }\n  }, [focusScope, plugins])\n}\n\n/**\n\n We use text editors to allow users to enter multiple lines of formatted text.\n\n If users need to add unformatted text, see Text Area.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-editor)\n\n */\nexport function TextEditor(allProps: TextEditorProps) {\n  const {\n    error,\n    init: initOverrides,\n    locale,\n    onChange = noop,\n    onInit: _onInit,\n    plugins = defaultPlugins,\n    ...props\n  } = allProps\n  const ariaLabel = allProps['aria-label']\n  const ariaDescription = allProps['aria-description']\n  const { locale: contextLocale } = useI18nContext()\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const stickyToolbar = features?.stickyToolbar ? { toolbar_sticky: true } : {}\n  const tabControls = features?.tabAsNavigation\n    ? {\n        external_plugins: generateExternalPlugins(\n          plugins,\n          defaultPlugins.filter((p) => p !== 'nonbreaking')\n        ),\n        nonbreaking_force_tab: false,\n        setup: setupShortcuts,\n      }\n    : {\n        setup: setupDefaultShortcuts,\n      }\n\n  const onEditorChange: React.ComponentProps<\n    typeof Editor\n  >['onEditorChange'] = (_: any, editor: any) => {\n    onChange(editor.getContent(), editor.isDirty())\n  }\n\n  const ref = React.useRef<HTMLElement>()\n  const editorRef = React.useRef<any>(null)\n  const [isEditorReady, setIsEditorReady] = React.useState(false)\n\n  const updateError = () => {\n    if (ref.current) {\n      if (error) {\n        ref.current.style.borderColor = errorRed\n      } else {\n        ref.current.style.borderColor = ''\n      }\n      ref.current.setAttribute('aria-invalid', error ? 'true' : 'false')\n    }\n  }\n\n  React.useEffect(() => {\n    updateError()\n  }, [error])\n\n  // Update aria-label when prop changes\n  React.useEffect(() => {\n    if (!isEditorReady || !editorRef.current) {\n      return\n    }\n    const body = editorRef.current.getBody()\n    if (body) {\n      if (ariaLabel) {\n        body.setAttribute('aria-label', ariaLabel)\n      } else {\n        body.removeAttribute('aria-label')\n      }\n    }\n  }, [ariaLabel, isEditorReady])\n\n  // Update aria-description when prop changes\n  React.useEffect(() => {\n    if (!isEditorReady || !editorRef.current) {\n      return\n    }\n    const body = editorRef.current.getBody()\n    if (body) {\n      if (ariaDescription) {\n        body.setAttribute('aria-description', ariaDescription)\n      } else {\n        body.removeAttribute('aria-description')\n      }\n    }\n  }, [ariaDescription, isEditorReady])\n\n  useFocusScopePatch(plugins)\n\n  const onInit: React.ComponentProps<typeof Editor>['onInit'] = (\n    event,\n    editor\n  ) => {\n    ref.current = editor.editorContainer\n    editorRef.current = editor\n    setIsEditorReady(true)\n    updateError()\n\n    // Set accessible label and description on the editable body element if provided\n    // This provides the accessible name/description for screen readers\n    const body = editor.getBody()\n    if (body) {\n      if (ariaLabel) {\n        body.setAttribute('aria-label', ariaLabel)\n      }\n      if (ariaDescription) {\n        body.setAttribute('aria-description', ariaDescription)\n      }\n    }\n\n    _onInit && _onInit(event, editor)\n  }\n\n  const [derivedInitial] = useState(props.initialValue ?? props.value)\n\n  const accessibilityConfig = ariaLabel ? { iframe_aria_text: ariaLabel } : {}\n\n  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher\n  return (\n    <>\n      <GlobalStyle $zIndex={zIndex + 1} />\n      <Editor\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(plugins),\n          language_url: generateLanguageUrl(locale || contextLocale),\n          language: getValidLookupLocale(locale || contextLocale),\n          content_style: `p { margin: 0; }`,\n          ...stickyToolbar,\n          ...tabControls,\n          ...accessibilityConfig,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        onInit={onInit}\n        onEditorChange={onEditorChange}\n        {...props}\n        value={props.value ?? props.initialValue}\n        initialValue={derivedInitial}\n      />\n    </>\n  )\n}\n\nTextEditor.displayName = 'TextEditor'\n"],"mappings":"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"}

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

@@ -28,6 +28,23 @@ export interface TextEditorProps extends Omit<React.ComponentProps<typeof Editor
      * @since 10.19.0
      */
     error?: boolean;
+    /**
+     * Accessible label for the editor's editable area. This text will be
+     * announced by screen readers when the user focuses the editor. It should
+     * match or include the visible label associated with this editor field.
+     * If not provided, screen readers will announce a generic "Rich Text Area" message.
+     *
+     * @since 12.35.0
+     */
+    'aria-label'?: string;
+    /**
+     * Accessible description for the editor's editable area.
+     * This text provides additional context to screen reader users. It will be
+     * announced after the label when the user focuses the editor.
+     *
+     * @since 12.35.0
+     */
+    'aria-description'?: string;
     /**
      * 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)

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 { 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  /**\n   * Accessible label for the editor's editable area. This text will be\n   * announced by screen readers when the user focuses the editor. It should\n   * match or include the visible label associated with this editor field.\n   * If not provided, screen readers will announce a generic \"Rich Text Area\" message.\n   *\n   * @since 12.35.0\n   */\n  'aria-label'?: string\n\n  /**\n   * Accessible description for the editor's editable area.\n   * This text provides additional context to screen reader users. It will be\n   * announced after the label when the user focuses the editor.\n   *\n   * @since 12.35.0\n   */\n  'aria-description'?: string\n\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":""}

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_34_1__sc-1lje1b0-0"
+  componentId: "core-12_36_0__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

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_34_1__sc-195f70c-0"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-1"
+  componentId: "core-12_36_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_34_1__sc-195f70c-2"
+  componentId: "core-12_36_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_34_1__sc-195f70c-3"
+  componentId: "core-12_36_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_34_1__sc-195f70c-4"
+  componentId: "core-12_36_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_34_1__sc-195f70c-5"
+  componentId: "core-12_36_0__sc-195f70c-5"
 })(["max-width:50%;white-space:nowrap;flex-shrink:0;"]);
 export var StyledLabelText = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledLabelText",
-  componentId: "core-12_34_1__sc-195f70c-6"
+  componentId: "core-12_36_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_34_1__sc-195f70c-7"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-8"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-9"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-10"
+  componentId: "core-12_36_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_34_1__sc-195f70c-11"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-12"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-13"
+  componentId: "core-12_36_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_34_1__sc-195f70c-14"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-15"
+  componentId: "core-12_36_0__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_34_1__sc-195f70c-16"
+  componentId: "core-12_36_0__sc-195f70c-16"
 })(["", " ", " ", " ", " ", ""], thumbnailBase, function (_ref20) {
   var $clickable = _ref20.$clickable;
   return $clickable && css(["&:hover{background-color:", ";}"], colors.gray96);

package/dist/Thumbnail/ThumbnailDocumentIcon.d.ts

@@ -2,9 +2,11 @@ import React from 'react';
 export declare type ThumbnailDocumentIconVariant = 'image' | 'unknown' | 'zip' | 'drawing' | 'email' | 'excel' | 'gantt' | 'ini' | 'mov' | 'pdf' | 'powerpoint' | 'word' | 'xml' | '3d' | 'folder' | 'folderPeople' | 'folderLock' | 'file';
 export interface DocumentIconProps {
     variant: ThumbnailDocumentIconVariant;
+    role?: 'img';
     className?: string;
     width?: string | number;
     height?: string | number;
     focusable?: boolean;
+    'aria-label'?: string;
 }
-export declare function DocumentIcon({ className, focusable, height, variant, width, }: DocumentIconProps): React.JSX.Element;
+export declare function DocumentIcon({ className, focusable, height, variant, width, 'aria-label': ariaLabelOverride, }: DocumentIconProps): React.JSX.Element;

package/dist/Thumbnail/ThumbnailDocumentIcon.js

@@ -5,7 +5,9 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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); }
 import React from 'react';
 function Unknown(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Unknown file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -33,7 +35,9 @@ function Unknown(props) {
   }));
 }
 function Image(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Image file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -60,7 +64,9 @@ function Image(props) {
   })));
 }
 function Drawing(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Drawing file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -87,7 +93,9 @@ function Drawing(props) {
   }));
 }
 function Zip(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Zip file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -126,7 +134,9 @@ function Zip(props) {
   }));
 }
 function Email(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Email"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -153,7 +163,9 @@ function Email(props) {
   }));
 }
 function Excel(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Excel spreadsheet"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
     height: "24",
@@ -182,7 +194,9 @@ function Excel(props) {
   }))));
 }
 function Gantt(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Gantt chart"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -207,7 +221,9 @@ function Gantt(props) {
   }));
 }
 function Ini(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "INI file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -232,7 +248,9 @@ function Ini(props) {
   })));
 }
 function Mov(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Video file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -257,7 +275,9 @@ function Mov(props) {
   }))));
 }
 function Pdf(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "PDF document"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -284,7 +304,9 @@ function Pdf(props) {
   })));
 }
 function Powerpoint(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "PowerPoint presentation"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -312,7 +334,9 @@ function Powerpoint(props) {
   }))));
 }
 function Word(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Word document"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -343,7 +367,9 @@ function Word(props) {
   }))));
 }
 function Xml(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "XML file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -383,7 +409,9 @@ function Xml(props) {
   })))));
 }
 function ThreeD(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "3D file"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -414,7 +442,9 @@ function ThreeD(props) {
   }));
 }
 function Folder(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Folder"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -431,7 +461,9 @@ function Folder(props) {
   }))));
 }
 function FolderPeople(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Shared folder"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -457,7 +489,9 @@ function FolderPeople(props) {
   }));
 }
 function FolderLock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "Locked folder"
+  }, props, {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     fill: "none"
@@ -479,7 +513,9 @@ function FolderLock(props) {
   }));
 }
 function BlankFile(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({}, props, {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    "aria-label": "File"
+  }, props, {
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -523,14 +559,18 @@ export function DocumentIcon(_ref) {
     height = _ref$height === void 0 ? 64 : _ref$height,
     variant = _ref.variant,
     _ref$width = _ref.width,
-    width = _ref$width === void 0 ? 48 : _ref$width;
+    width = _ref$width === void 0 ? 48 : _ref$width,
+    ariaLabelOverride = _ref['aria-label'];
   var Icon = documentIcons[variant] || documentIcons.unknown;
-  return /*#__PURE__*/React.createElement(Icon, {
+  return /*#__PURE__*/React.createElement(Icon, _extends({}, ariaLabelOverride !== undefined && {
+    'aria-label': ariaLabelOverride
+  }, {
     className: className,
     focusable: focusable,
     height: height,
+    role: "img",
     variant: variant,
     width: width
-  });
+  }));
 }
 //# sourceMappingURL=ThumbnailDocumentIcon.js.map