@procore/core-react 12.34.0 → 12.35.0

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n    return (\n      <StyledTextArea\n        $resize={resize}\n        $error={error}\n        $variant={variant}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CACtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC3D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACTL,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n    return (\n      <StyledTextArea\n        $resize={resize}\n        $error={error}\n        $variant={variant}\n        {...props}\n        aria-invalid={error || variant === 'error' ? 'true' : 'false'}\n        ref={ref}\n      />\n    )\n  }\n)\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CACtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC3D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACT,gBAAcF,KAAK,IAAIC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAQ;IAC9DJ,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_34_0__sc-u5mow1-0"
+  componentId: "core-12_35_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditor/TextEditor.d.ts

@@ -14,7 +14,7 @@ export declare function TextEditorProvider({ children, features, }: TextEditorPr
  @see [Design Guidelines](https://design.procore.com/text-editor)
 
  */
-export declare function TextEditor({ error, init: initOverrides, locale, onChange, onInit: _onInit, plugins, ...props }: TextEditorProps): React.JSX.Element;
+export declare function TextEditor(allProps: TextEditorProps): React.JSX.Element;
 export declare namespace TextEditor {
     var displayName: string;
 }

package/dist/TextEditor/TextEditor.js

@@ -98,17 +98,19 @@ function useFocusScopePatch(plugins) {
  @see [Design Guidelines](https://design.procore.com/text-editor)
 
  */
-export function TextEditor(_ref2) {
+export function TextEditor(allProps) {
   var _props$initialValue, _props$value;
-  var error = _ref2.error,
-    initOverrides = _ref2.init,
-    locale = _ref2.locale,
-    _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? noop : _ref2$onChange,
-    _onInit = _ref2.onInit,
-    _ref2$plugins = _ref2.plugins,
-    plugins = _ref2$plugins === void 0 ? defaultPlugins : _ref2$plugins,
-    props = _objectWithoutProperties(_ref2, _excluded);
+  var error = allProps.error,
+    initOverrides = allProps.init,
+    locale = allProps.locale,
+    _allProps$onChange = allProps.onChange,
+    onChange = _allProps$onChange === void 0 ? noop : _allProps$onChange,
+    _onInit = allProps.onInit,
+    _allProps$plugins = allProps.plugins,
+    plugins = _allProps$plugins === void 0 ? defaultPlugins : _allProps$plugins,
+    props = _objectWithoutProperties(allProps, _excluded);
+  var ariaLabel = allProps['aria-label'];
+  var ariaDescription = allProps['aria-description'];
   var _useI18nContext = useI18nContext(),
     contextLocale = _useI18nContext.locale;
   var _useZIndexContext = useZIndexContext(),
@@ -131,6 +133,11 @@ export function TextEditor(_ref2) {
     onChange(editor.getContent(), editor.isDirty());
   };
   var ref = React.useRef();
+  var editorRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isEditorReady = _React$useState2[0],
+    setIsEditorReady = _React$useState2[1];
   var updateError = function updateError() {
     if (ref.current) {
       if (error) {
@@ -138,31 +145,79 @@ export function TextEditor(_ref2) {
       } else {
         ref.current.style.borderColor = '';
       }
+      ref.current.setAttribute('aria-invalid', error ? 'true' : 'false');
     }
   };
   React.useEffect(function () {
     updateError();
   }, [error]);
+
+  // Update aria-label when prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorRef.current) {
+      return;
+    }
+    var body = editorRef.current.getBody();
+    if (body) {
+      if (ariaLabel) {
+        body.setAttribute('aria-label', ariaLabel);
+      } else {
+        body.removeAttribute('aria-label');
+      }
+    }
+  }, [ariaLabel, isEditorReady]);
+
+  // Update aria-description when prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorRef.current) {
+      return;
+    }
+    var body = editorRef.current.getBody();
+    if (body) {
+      if (ariaDescription) {
+        body.setAttribute('aria-description', ariaDescription);
+      } else {
+        body.removeAttribute('aria-description');
+      }
+    }
+  }, [ariaDescription, isEditorReady]);
   useFocusScopePatch(plugins);
   var onInit = function onInit(event, editor) {
     ref.current = editor.editorContainer;
+    editorRef.current = editor;
+    setIsEditorReady(true);
     updateError();
+
+    // Set accessible label and description on the editable body element if provided
+    // This provides the accessible name/description for screen readers
+    var body = editor.getBody();
+    if (body) {
+      if (ariaLabel) {
+        body.setAttribute('aria-label', ariaLabel);
+      }
+      if (ariaDescription) {
+        body.setAttribute('aria-description', ariaDescription);
+      }
+    }
     _onInit && _onInit(event, editor);
   };
   var _useState = useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : props.value),
     _useState2 = _slicedToArray(_useState, 1),
     derivedInitial = _useState2[0];
+  var accessibilityConfig = ariaLabel ? {
+    iframe_aria_text: ariaLabel
+  } : {};
 
   // zIndex + 1 because on first render zIndex of Portal(Modal) is higher
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyle, {
     $zIndex: zIndex + 1
   }), /*#__PURE__*/React.createElement(Editor, _extends({
-    init: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
+    init: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
       external_plugins: generateExternalPlugins(plugins),
       language_url: generateLanguageUrl(locale || contextLocale),
       language: getValidLookupLocale(locale || contextLocale),
       content_style: "p { margin: 0; }"
-    }, stickyToolbar), tabControls), initOverrides),
+    }, stickyToolbar), tabControls), accessibilityConfig), initOverrides),
     tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"),
     onInit: onInit,
     onEditorChange: onEditorChange

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":";;;;;;;;;;;;;;;;;;;;AAAA,SAASA,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,wBAAwB,QAAQ,8BAA8B;AACvE,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SACEC,cAAc,EACdC,uBAAuB,EACvBC,mBAAmB,EACnBC,oBAAoB,EACpBC,aAAa,EACbC,aAAa,EACbC,gBAAgB,EAChBC,cAAc,QACT,mBAAmB;AAC1B,SAASC,WAAW,QAAQ,qBAAqB;AAMjD,IAAMC,QAAQ,GAAG,SAAS;AAE1B,SAASC,IAAIA,CAAA,EAAG,CAAC;AAEjB,IAAMC,iBAAiB,gBAAGhB,KAAK,CAACiB,aAAa,CAE3C;EACAC,QAAQ,EAAE;IACRC,eAAe,EAAE,IAAI;IACrBC,aAAa,EAAEC;EACjB;AACF,CAAC,CAAC;AAEF,OAAO,SAASC,kBAAkBA,CAAAC,IAAA,EAGN;EAAA,IAF1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRN,QAAQ,GAAAK,IAAA,CAARL,QAAQ;EAER,oBACElB,KAAA,CAAAyB,aAAA,CAACT,iBAAiB,CAACU,QAAQ;IACzBC,KAAK,EAAE;MACLT,QAAQ,EAAAU,aAAA;QACNT,eAAe,EAAE;MAAI,GAClBD,QAAQ;IAEf;EAAE,GAEDM,QACyB,CAAC;AAEjC;AAEA,SAASK,qBAAqBA,CAACC,MAAW,EAAE;EAC1CA,MAAM,CAACC,SAAS,CAACC,GAAG,CAAC,cAAc,EAAE,eAAe,EAAE,eAAe,CAAC;AACxE;;AAEA;AACA;AACA;AACA,SAASC,cAAcA,CAACH,MAAW,EAAE;EACnCD,qBAAqB,CAACC,MAAM,CAAC;EAC7BA,MAAM,CAACI,EAAE,CAAC,SAAS,EAAE,SAASC,aAAaA,CAACC,KAA0B,EAAE;IACtE,IAAIA,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE,GAAG,KAAK,KAAK,EAAE;MACvCR,MAAM,CAACS,WAAW,CAAC,kBAAkB,EAAE,KAAK,EAAE5B,gBAAgB,CAAC;MAC/DyB,KAAK,CAACI,cAAc,CAAC,CAAC;MACtBJ,KAAK,CAACK,eAAe,CAAC,CAAC;MACvB,OAAO,KAAK;IACd;EACF,CAAC,CAAC;AACJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAACC,OAAiB,EAAE;EAC7C,IAAMC,UAAU,GAAG1C,wBAAwB,CAAC,CAAC;EAC7CF,KAAK,CAAC6C,SAAS,CAAC,YAAM;IACpB,IACE,GAAAC,MAAA,CAAAC,kBAAA,CAAI1C,cAAc,GAAA0C,kBAAA,CAAKJ,OAAO,GAAEK,IAAI;IAClC;IACA,UAACC,MAAM;MAAA,OACLA,MAAM,KAAK,MAAM,IAAIA,MAAM,KAAK,OAAO,IAAIA,MAAM,KAAK,OAAO;IAAA,CACjE,CAAC,EACD;MACAL,UAAU,CAACM,QAAQ,CAAC;QAAEC,OAAO,EAAE;MAAM,CAAC,CAAC;IACzC;EACF,CAAC,EAAE,CAACP,UAAU,EAAED,OAAO,CAAC,CAAC;AAC3B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASS,UAAUA,CAACC,QAAyB,EAAE;EAAA,IAAAC,mBAAA,EAAAC,YAAA;EACpD,IACEC,KAAK,GAOHH,QAAQ,CAPVG,KAAK;IACCC,aAAa,GAMjBJ,QAAQ,CANVK,IAAI;IACJC,MAAM,GAKJN,QAAQ,CALVM,MAAM;IAAAC,kBAAA,GAKJP,QAAQ,CAJVQ,QAAQ;IAARA,QAAQ,GAAAD,kBAAA,cAAG7C,IAAI,GAAA6C,kBAAA;IACPE,OAAO,GAGbT,QAAQ,CAHVU,MAAM;IAAAC,iBAAA,GAGJX,QAAQ,CAFVV,OAAO;IAAPA,OAAO,GAAAqB,iBAAA,cAAG3D,cAAc,GAAA2D,iBAAA;IACrBC,KAAK,GAAAC,wBAAA,CACNb,QAAQ,EAAAc,SAAA;EACZ,IAAMC,SAAS,GAAGf,QAAQ,CAAC,YAAY,CAAC;EACxC,IAAMgB,eAAe,GAAGhB,QAAQ,CAAC,kBAAkB,CAAC;EACpD,IAAAiB,eAAA,GAAkCnE,cAAc,CAAC,CAAC;IAAlCoE,aAAa,GAAAD,eAAA,CAArBX,MAAM;EACd,IAAAa,iBAAA,GAA0BpE,gBAAgB,CAAC,CAAC;IAA7BqE,MAAM,GAAAD,iBAAA,CAAb7C,KAAK;EAEb,IAAA+C,iBAAA,GAAqB1E,KAAK,CAAC2E,UAAU,CAAC3D,iBAAiB,CAAC;IAAhDE,QAAQ,GAAAwD,iBAAA,CAARxD,QAAQ;EAChB,IAAME,aAAa,GAAGF,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEE,aAAa,GAAG;IAAEwD,cAAc,EAAE;EAAK,CAAC,GAAG,CAAC,CAAC;EAC7E,IAAMC,WAAW,GAAG3D,QAAQ,aAARA,QAAQ,eAARA,QAAQ,CAAEC,eAAe,GACzC;IACE2D,gBAAgB,EAAExE,uBAAuB,CACvCqC,OAAO,EACPtC,cAAc,CAAC0E,MAAM,CAAC,UAACC,CAAC;MAAA,OAAKA,CAAC,KAAK,aAAa;IAAA,EAClD,CAAC;IACDC,qBAAqB,EAAE,KAAK;IAC5BC,KAAK,EAAEjD;EACT,CAAC,GACD;IACEiD,KAAK,EAAErD;EACT,CAAC;EAEL,IAAMsD,cAEa,GAAG,SAFhBA,cAEaA,CAAIC,CAAM,EAAEtD,MAAW,EAAK;IAC7C+B,QAAQ,CAAC/B,MAAM,CAACuD,UAAU,CAAC,CAAC,EAAEvD,MAAM,CAACwD,OAAO,CAAC,CAAC,CAAC;EACjD,CAAC;EAED,IAAMC,GAAG,GAAGvF,KAAK,CAACwF,MAAM,CAAc,CAAC;EACvC,IAAMC,SAAS,GAAGzF,KAAK,CAACwF,MAAM,CAAM,IAAI,CAAC;EACzC,IAAAE,eAAA,GAA0C1F,KAAK,CAACC,QAAQ,CAAC,KAAK,CAAC;IAAA0F,gBAAA,GAAAC,cAAA,CAAAF,eAAA;IAAxDG,aAAa,GAAAF,gBAAA;IAAEG,gBAAgB,GAAAH,gBAAA;EAEtC,IAAMI,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,IAAIR,GAAG,CAACS,OAAO,EAAE;MACf,IAAIxC,KAAK,EAAE;QACT+B,GAAG,CAACS,OAAO,CAACC,KAAK,CAACC,WAAW,GAAGpF,QAAQ;MAC1C,CAAC,MAAM;QACLyE,GAAG,CAACS,OAAO,CAACC,KAAK,CAACC,WAAW,GAAG,EAAE;MACpC;MACAX,GAAG,CAACS,OAAO,CAACG,YAAY,CAAC,cAAc,EAAE3C,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IACpE;EACF,CAAC;EAEDxD,KAAK,CAAC6C,SAAS,CAAC,YAAM;IACpBkD,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACvC,KAAK,CAAC,CAAC;;EAEX;EACAxD,KAAK,CAAC6C,SAAS,CAAC,YAAM;IACpB,IAAI,CAACgD,aAAa,IAAI,CAACJ,SAAS,CAACO,OAAO,EAAE;MACxC;IACF;IACA,IAAMI,IAAI,GAAGX,SAAS,CAACO,OAAO,CAACK,OAAO,CAAC,CAAC;IACxC,IAAID,IAAI,EAAE;MACR,IAAIhC,SAAS,EAAE;QACbgC,IAAI,CAACD,YAAY,CAAC,YAAY,EAAE/B,SAAS,CAAC;MAC5C,CAAC,MAAM;QACLgC,IAAI,CAACE,eAAe,CAAC,YAAY,CAAC;MACpC;IACF;EACF,CAAC,EAAE,CAAClC,SAAS,EAAEyB,aAAa,CAAC,CAAC;;EAE9B;EACA7F,KAAK,CAAC6C,SAAS,CAAC,YAAM;IACpB,IAAI,CAACgD,aAAa,IAAI,CAACJ,SAAS,CAACO,OAAO,EAAE;MACxC;IACF;IACA,IAAMI,IAAI,GAAGX,SAAS,CAACO,OAAO,CAACK,OAAO,CAAC,CAAC;IACxC,IAAID,IAAI,EAAE;MACR,IAAI/B,eAAe,EAAE;QACnB+B,IAAI,CAACD,YAAY,CAAC,kBAAkB,EAAE9B,eAAe,CAAC;MACxD,CAAC,MAAM;QACL+B,IAAI,CAACE,eAAe,CAAC,kBAAkB,CAAC;MAC1C;IACF;EACF,CAAC,EAAE,CAACjC,eAAe,EAAEwB,aAAa,CAAC,CAAC;EAEpCnD,kBAAkB,CAACC,OAAO,CAAC;EAE3B,IAAMoB,MAAqD,GAAG,SAAxDA,MAAqDA,CACzD3B,KAAK,EACLN,MAAM,EACH;IACHyD,GAAG,CAACS,OAAO,GAAGlE,MAAM,CAACyE,eAAe;IACpCd,SAAS,CAACO,OAAO,GAAGlE,MAAM;IAC1BgE,gBAAgB,CAAC,IAAI,CAAC;IACtBC,WAAW,CAAC,CAAC;;IAEb;IACA;IACA,IAAMK,IAAI,GAAGtE,MAAM,CAACuE,OAAO,CAAC,CAAC;IAC7B,IAAID,IAAI,EAAE;MACR,IAAIhC,SAAS,EAAE;QACbgC,IAAI,CAACD,YAAY,CAAC,YAAY,EAAE/B,SAAS,CAAC;MAC5C;MACA,IAAIC,eAAe,EAAE;QACnB+B,IAAI,CAACD,YAAY,CAAC,kBAAkB,EAAE9B,eAAe,CAAC;MACxD;IACF;IAEAP,OAAO,IAAIA,OAAO,CAAC1B,KAAK,EAAEN,MAAM,CAAC;EACnC,CAAC;EAED,IAAA0E,SAAA,GAAyBvG,QAAQ,EAAAqD,mBAAA,GAACW,KAAK,CAACwC,YAAY,cAAAnD,mBAAA,cAAAA,mBAAA,GAAIW,KAAK,CAACtC,KAAK,CAAC;IAAA+E,UAAA,GAAAd,cAAA,CAAAY,SAAA;IAA7DG,cAAc,GAAAD,UAAA;EAErB,IAAME,mBAAmB,GAAGxC,SAAS,GAAG;IAAEyC,gBAAgB,EAAEzC;EAAU,CAAC,GAAG,CAAC,CAAC;;EAE5E;EACA,oBACEpE,KAAA,CAAAyB,aAAA,CAAAzB,KAAA,CAAA8G,QAAA,qBACE9G,KAAA,CAAAyB,aAAA,CAACZ,WAAW;IAACkG,OAAO,EAAEtC,MAAM,GAAG;EAAE,CAAE,CAAC,eACpCzE,KAAA,CAAAyB,aAAA,CAAC1B,MAAM,EAAAiH,QAAA;IACLtD,IAAI,EAAA9B,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACCnB,aAAa;MAChBqE,gBAAgB,EAAExE,uBAAuB,CAACqC,OAAO,CAAC;MAClDsE,YAAY,EAAE1G,mBAAmB,CAACoD,MAAM,IAAIY,aAAa,CAAC;MAC1D2C,QAAQ,EAAE1G,oBAAoB,CAACmD,MAAM,IAAIY,aAAa,CAAC;MACvD4C,aAAa;IAAoB,GAC9B/F,aAAa,GACbyD,WAAW,GACX+B,mBAAmB,GACnBnD,aAAa,CAChB;IACF2D,gBAAgB,KAAAtE,MAAA,CAAKpC,aAAa,OAAAoC,MAAA,CAAIlC,cAAc,oBAAkB;IACtEmD,MAAM,EAAEA,MAAO;IACfoB,cAAc,EAAEA;EAAe,GAC3BlB,KAAK;IACTtC,KAAK,GAAA4B,YAAA,GAAEU,KAAK,CAACtC,KAAK,cAAA4B,YAAA,cAAAA,YAAA,GAAIU,KAAK,CAACwC,YAAa;IACzCA,YAAY,EAAEE;EAAe,EAC9B,CACD,CAAC;AAEP;AAEAvD,UAAU,CAACiE,WAAW,GAAG,YAAY"}

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_0__sc-1lje1b0-0"
+  componentId: "core-12_35_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_0__sc-195f70c-0"
+  componentId: "core-12_35_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_0__sc-195f70c-1"
+  componentId: "core-12_35_0__sc-195f70c-1"
 })(["width:100%;"]);
 export var StyledPlaceholderCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledPlaceholderCaption",
-  componentId: "core-12_34_0__sc-195f70c-2"
+  componentId: "core-12_35_0__sc-195f70c-2"
 })(["", ""], captionBase);
 export var StyledSingleLineCaption = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSingleLineCaption",
-  componentId: "core-12_34_0__sc-195f70c-3"
+  componentId: "core-12_35_0__sc-195f70c-3"
 })(["display:flex;", ""], captionBase);
 export var StyledSinglelineCaptionBody = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionBody",
-  componentId: "core-12_34_0__sc-195f70c-4"
+  componentId: "core-12_35_0__sc-195f70c-4"
 })(["", ""], getEllipsis);
 export var StyledSinglelineCaptionEnding = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledSinglelineCaptionEnding",
-  componentId: "core-12_34_0__sc-195f70c-5"
+  componentId: "core-12_35_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_0__sc-195f70c-6"
+  componentId: "core-12_35_0__sc-195f70c-6"
 })(["", ""], getEllipsis());
 export var StyledThumbnailFigCaption = /*#__PURE__*/styled.figcaption.withConfig({
   displayName: "StyledThumbnailFigCaption",
-  componentId: "core-12_34_0__sc-195f70c-7"
+  componentId: "core-12_35_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_0__sc-195f70c-8"
+  componentId: "core-12_35_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_0__sc-195f70c-9"
+  componentId: "core-12_35_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_0__sc-195f70c-10"
+  componentId: "core-12_35_0__sc-195f70c-10"
 })(["width:36.5%;height:auto;"]);
 export var StyledImageThumbnailPreview = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnailPreview",
-  componentId: "core-12_34_0__sc-195f70c-11"
+  componentId: "core-12_35_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_0__sc-195f70c-12"
+  componentId: "core-12_35_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_0__sc-195f70c-13"
+  componentId: "core-12_35_0__sc-195f70c-13"
 })([""]);
 export var StyledImageThumbnail = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledImageThumbnail",
-  componentId: "core-12_34_0__sc-195f70c-14"
+  componentId: "core-12_35_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_0__sc-195f70c-15"
+  componentId: "core-12_35_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_0__sc-195f70c-16"
+  componentId: "core-12_35_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