carbon-react 154.3.2 → 154.3.3-beta.1

package/lib/components/tabs/tabs.component.js

@@ -1,284 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tab", {
-  enumerable: true,
-  get: function () {
-    return _tab.default;
-  }
-});
-exports.Tabs = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _tab = _interopRequireDefault(require("./tab"));
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
-var _tabs = _interopRequireDefault(require("./tabs.style"));
-var _tabsHeader = _interopRequireDefault(require("./__internal__/tabs-header"));
-var _tabTitle = _interopRequireDefault(require("./__internal__/tab-title"));
-var _drawerSidebar = _interopRequireDefault(require("../drawer/__internal__/drawer-sidebar.context"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-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); }
-const Tabs = ({
-  align = "left",
-  children,
-  onTabChange,
-  selectedTabId,
-  renderHiddenTabs = true,
-  position = "top",
-  extendedLine = true,
-  size,
-  borders = "off",
-  variant = "default",
-  validationStatusOverride,
-  headerWidth,
-  showValidationsSummary,
-  ...rest
-}) => {
-  if (position !== "left" && headerWidth !== undefined) {
-    // eslint-disable-next-line no-console
-    console.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");
-  }
-
-  /** The children nodes converted into an Array */
-  const filteredChildren = (0, _react.useMemo)(() => _react.Children.toArray(children).filter(child => child), [children]);
-
-  /** Array of the tabIds for the child nodes */
-  const tabIds = (0, _react.useMemo)(() => filteredChildren.map(child => child.props.tabId), [filteredChildren]);
-
-  /** Array of refs to the TabTitle nodes */
-  const tabRefs = (0, _react.useMemo)(() => Array.from({
-    length: filteredChildren.length
-  }).map(() => /*#__PURE__*/(0, _react.createRef)()), [filteredChildren.length]);
-  const previousSelectedTabId = (0, _react.useRef)(selectedTabId);
-  const [selectedTabIdState, setSelectedTabIdState] = (0, _react.useState)(selectedTabId || filteredChildren[0].props.tabId);
-  const {
-    isInSidebar
-  } = (0, _react.useContext)(_drawerSidebar.default);
-  const [tabsErrors, setTabsErrors] = (0, _react.useState)({});
-  const [tabsWarnings, setTabsWarnings] = (0, _react.useState)({});
-  const [tabsInfos, setTabsInfos] = (0, _react.useState)({});
-  const updateErrors = (0, _react.useCallback)((id, error) => {
-    setTabsErrors(state => ({
-      ...state,
-      [id]: error
-    }));
-  }, []);
-  const updateWarnings = (0, _react.useCallback)((id, warning) => {
-    setTabsWarnings(state => ({
-      ...state,
-      [id]: warning
-    }));
-  }, []);
-  const updateInfos = (0, _react.useCallback)((id, info) => {
-    setTabsInfos(state => ({
-      ...state,
-      [id]: info
-    }));
-  }, []);
-
-  /** Returns true/false for if the given tab id is selected. */
-  const isTabSelected = (0, _react.useCallback)(tabId => tabId === selectedTabIdState, [selectedTabIdState]);
-
-  /** Updates the currently visible tab */
-  const updateVisibleTab = (0, _react.useCallback)(tabid => {
-    if (!isTabSelected(tabid)) {
-      setSelectedTabIdState(tabid);
-    }
-    if (onTabChange) {
-      onTabChange(tabid);
-    }
-  }, [onTabChange, isTabSelected]);
-  const blurPreviousSelectedTab = (0, _react.useCallback)(() => {
-    const {
-      current
-    } = previousSelectedTabId;
-    const previousTabIndex = current ? tabIds.indexOf(current) : /* istanbul ignore next */-1;
-    /* istanbul ignore else */
-    if (previousTabIndex !== -1) {
-      const previousTabRef = tabRefs[previousTabIndex];
-      previousTabRef.current?.blur();
-    }
-  }, [tabIds, tabRefs]);
-  (0, _react.useEffect)(() => {
-    if (previousSelectedTabId.current !== selectedTabId) {
-      if (selectedTabId !== selectedTabIdState) {
-        setSelectedTabIdState(selectedTabId);
-        blurPreviousSelectedTab();
-      }
-      previousSelectedTabId.current = selectedTabId;
-    }
-  }, [blurPreviousSelectedTab, previousSelectedTabId, selectedTabId, selectedTabIdState]);
-  const createTabClickHandler = tabId => ev => {
-    // istanbul ignore if
-    // (code doesn't seem to be ever reached - FE-6835 raised to investigate and hopefully remove this)
-    if (_events.default.isEventType(ev, "keydown")) {
-      return;
-    }
-    updateVisibleTab(tabId);
-  };
-
-  /** Focuses the tab for the reference specified */
-  const focusTab = ref => {
-    ref.current?.focus();
-    /* istanbul ignore next */
-    const rect = ref.current?.getBoundingClientRect();
-    /* istanbul ignore next */
-    if (rect) {
-      const isVisible = rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-      if (!isVisible) {
-        ref.current?.scrollIntoView({
-          behavior: "auto",
-          inline: "center"
-        });
-      }
-    }
-  };
-
-  /** Will trigger the tab at the given index. */
-  const goToTab = (event, index) => {
-    event.preventDefault();
-    let newIndex = index;
-    if (index < 0) {
-      newIndex = tabIds.length - 1;
-    } else if (index === tabIds.length) {
-      newIndex = 0;
-    }
-    const nextRef = tabRefs[newIndex];
-    focusTab(nextRef);
-  };
-  const createTabKeydownHandler = index => event => {
-    const isTabVertical = isInSidebar || position === "left";
-    const isUp = isTabVertical && _events.default.isUpKey(event);
-    const isDown = isTabVertical && _events.default.isDownKey(event);
-    const isLeft = !isTabVertical && _events.default.isLeftKey(event);
-    const isRight = !isTabVertical && _events.default.isRightKey(event);
-    if (isUp || isLeft) {
-      goToTab(event, index - 1);
-    } else if (isDown || isRight) {
-      goToTab(event, index + 1);
-    }
-  };
-
-  /** Build the headers for the tab component */
-  const renderTabHeaders = () => {
-    const tabTitles = filteredChildren.map((child, index) => {
-      const {
-        tabId,
-        title,
-        siblings,
-        titlePosition,
-        errorMessage,
-        warningMessage,
-        infoMessage,
-        href,
-        customLayout,
-        titleProps
-      } = child.props;
-      const refId = `${tabId}-tab`;
-      const errors = tabsErrors[tabId];
-      const warnings = tabsWarnings[tabId];
-      const infos = tabsInfos[tabId];
-      const errorsCount = errors && Object.entries(errors).filter(tab => tab[1]).length;
-      const warningsCount = warnings && Object.entries(warnings).filter(tab => tab[1]).length;
-      const infosCount = infos && Object.entries(infos).filter(tab => tab[1]).length;
-      const hasOverride = validationStatusOverride && validationStatusOverride[tabId];
-      const errorOverride = hasOverride && validationStatusOverride[tabId].error;
-      const warningOverride = hasOverride && validationStatusOverride[tabId].warning;
-      const infoOverride = hasOverride && validationStatusOverride[tabId].info;
-      const tabHasError = errorOverride !== undefined ? errorOverride : !!errorsCount;
-      const tabHasWarning = warningOverride !== undefined ? warningOverride : !!warningsCount && !tabHasError;
-      const tabHasInfo = infoOverride !== undefined ? infoOverride : !!infosCount && !tabHasError && !tabHasWarning;
-      const getValidationMessage = (message, validations = {}) => {
-        const summaryOfMessages = Object.values(validations).filter(value => value && typeof value === "string");
-        if (!showValidationsSummary || !summaryOfMessages.length) {
-          return message;
-        }
-        if (summaryOfMessages.length === 1) {
-          return summaryOfMessages[0];
-        }
-        return summaryOfMessages.map(value => `• ${value}`).join("\n");
-      };
-      return /*#__PURE__*/_react.default.createElement(_tabTitle.default, _extends({}, titleProps, {
-        position: isInSidebar ? "left" : position,
-        dataTabId: tabId,
-        id: refId,
-        key: tabId,
-        onClick: createTabClickHandler(tabId),
-        onKeyDown: createTabKeydownHandler(index),
-        ref: tabRefs[index],
-        tabIndex: isTabSelected(tabId) ? 0 : -1,
-        title: title,
-        href: href,
-        isTabSelected: isTabSelected(tabId),
-        error: tabHasError,
-        warning: tabHasWarning,
-        info: tabHasInfo,
-        size: size || "default",
-        borders: borders !== "off",
-        siblings: siblings,
-        titlePosition: titlePosition,
-        errorMessage: getValidationMessage(errorMessage, errors),
-        warningMessage: getValidationMessage(warningMessage, warnings),
-        infoMessage: getValidationMessage(infoMessage, infos),
-        alternateStyling: variant === "alternate",
-        noLeftBorder: ["no left side", "no sides"].includes(borders),
-        noRightBorder: ["no right side", "no sides"].includes(borders),
-        customLayout: customLayout,
-        isInSidebar: isInSidebar,
-        align: align
-      }));
-    });
-    return /*#__PURE__*/_react.default.createElement(_tabsHeader.default, {
-      align: align,
-      position: isInSidebar ? "left" : position,
-      role: "tablist",
-      extendedLine: extendedLine,
-      noRightBorder: ["no right side", "no sides"].includes(borders),
-      isInSidebar: isInSidebar,
-      size: size || "default"
-    }, tabTitles);
-  };
-
-  /** Builds all tabs where non selected tabs have class of hidden */
-  const renderTabs = () => {
-    if (isInSidebar) return null;
-    if (!renderHiddenTabs) {
-      const tab = filteredChildren.find(child => isTabSelected(child.props.tabId));
-      return tab && /*#__PURE__*/(0, _react.cloneElement)(tab, {
-        ...tab.props,
-        role: "tabpanel",
-        position,
-        isTabSelected: isTabSelected(tab.props.tabId),
-        key: `${tab.props.tabId}-tab`,
-        ariaLabelledby: `${tab.props.tabId}-tab`,
-        updateErrors,
-        updateWarnings,
-        updateInfos
-      });
-    }
-    return filteredChildren.map(child => {
-      return /*#__PURE__*/(0, _react.cloneElement)(child, {
-        ...child.props,
-        role: "tabpanel",
-        position,
-        isTabSelected: isTabSelected(child.props.tabId),
-        key: `${child.props.tabId}-tab`,
-        ariaLabelledby: `${child.props.tabId}-tab`,
-        updateErrors,
-        updateWarnings,
-        updateInfos
-      });
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement(_tabs.default, _extends({
-    position: isInSidebar ? "left" : position,
-    "data-role": "tabs",
-    isInSidebar: isInSidebar,
-    headerWidth: headerWidth
-  }, rest, (0, _tags.default)("tabs", rest)), renderTabHeaders(), renderTabs());
-};
-exports.Tabs = Tabs;
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("./tab/tab.component.js"),n=require("../../__internal__/utils/helpers/events/events.js"),i=require("../../__internal__/utils/helpers/tags/tags.js"),a=require("./tabs.style.js"),o=require("./__internal__/tabs-header/tabs-header.component.js"),s=require("./__internal__/tab-title/tab-title.component.js"),l=require("../drawer/__internal__/drawer-sidebar.context.js");function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){d(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}exports.Tab=r.Tab,exports.Tabs=r=>{var{align:d="left",children:b,onTabChange:p,selectedTabId:f,renderHiddenTabs:g=!0,position:h="top",extendedLine:y=!0,size:m,borders:O="off",variant:v="default",validationStatusOverride:j,headerWidth:w,showValidationsSummary:I}=r,S=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(r,["align","children","onTabChange","selectedTabId","renderHiddenTabs","position","extendedLine","size","borders","variant","validationStatusOverride","headerWidth","showValidationsSummary"]);"left"!==h&&void 0!==w&&console.error("Invalid usage of prop headerWidth in Tabs. The headerWidth can be used only if position is set to left");const _=t.useMemo((()=>t.Children.toArray(b).filter((e=>e))),[b]),P=t.useMemo((()=>_.map((e=>e.props.tabId))),[_]),T=t.useMemo((()=>Array.from({length:_.length}).map((()=>t.createRef()))),[_.length]),k=t.useRef(f),[x,C]=t.useState(f||_[0].props.tabId),{isInSidebar:E}=t.useContext(l.default),[q,L]=t.useState({}),[M,W]=t.useState({}),[D,R]=t.useState({}),$=t.useCallback(((e,t)=>{L((r=>c(u({},r),{[e]:t})))}),[]),K=t.useCallback(((e,t)=>{W((r=>c(u({},r),{[e]:t})))}),[]),z=t.useCallback(((e,t)=>{R((r=>c(u({},r),{[e]:t})))}),[]),B=t.useCallback((e=>e===x),[x]),H=t.useCallback((e=>{B(e)||C(e),p&&p(e)}),[p,B]),V=t.useCallback((()=>{const{current:e}=k,t=e?P.indexOf(e):-1;var r;-1!==t&&(null===(r=T[t].current)||void 0===r||r.blur())}),[P,T]);t.useEffect((()=>{k.current!==f&&(f!==x&&(C(f),V()),k.current=f)}),[V,k,f,x]);const A=e=>t=>{n.default.isEventType(t,"keydown")||H(e)},U=(e,t)=>{e.preventDefault();let r=t;t<0?r=P.length-1:t===P.length&&(r=0),(e=>{var t,r;null===(t=e.current)||void 0===t||t.focus();const n=null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect();var i;n&&(n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)||null===(i=e.current)||void 0===i||i.scrollIntoView({behavior:"auto",inline:"center"}))})(T[r])},F=e=>t=>{const r=E||"left"===h,i=r&&n.default.isUpKey(t),a=r&&n.default.isDownKey(t),o=!r&&n.default.isLeftKey(t),s=!r&&n.default.isRightKey(t);i||o?U(t,e-1):(a||s)&&U(t,e+1)};return e.jsxs(a.default,c(u({position:E?"left":h,"data-role":"tabs",isInSidebar:E,headerWidth:w},S,i.default("tabs",S)),{children:[(()=>{const r=_.map(((e,r)=>{const{tabId:n,title:i,siblings:a,titlePosition:o,errorMessage:l,warningMessage:b,infoMessage:p,href:f,customLayout:g,titleProps:y}=e.props,w=`${n}-tab`,S=q[n],_=M[n],P=D[n],k=S&&Object.entries(S).filter((e=>e[1])).length,x=_&&Object.entries(_).filter((e=>e[1])).length,C=P&&Object.entries(P).filter((e=>e[1])).length,L=j&&j[n],W=L&&j[n].error,R=L&&j[n].warning,$=L&&j[n].info,K=void 0!==W?W:!!k,z=void 0!==R?R:!!x&&!K,H=void 0!==$?$:!!C&&!K&&!z,V=(e,t={})=>{const r=Object.values(t).filter((e=>e&&"string"==typeof e));return I&&r.length?1===r.length?r[0]:r.map((e=>`• ${e}`)).join("\n"):e};return t.createElement(s.default,c(u({},y),{position:E?"left":h,dataTabId:n,id:w,key:n,onClick:A(n),onKeyDown:F(r),ref:T[r],tabIndex:B(n)?0:-1,title:i,href:f,isTabSelected:B(n),error:K,warning:z,info:H,size:m||"default",borders:"off"!==O,siblings:a,titlePosition:o,errorMessage:V(l,S),warningMessage:V(b,_),infoMessage:V(p,P),alternateStyling:"alternate"===v,noLeftBorder:["no left side","no sides"].includes(O),noRightBorder:["no right side","no sides"].includes(O),customLayout:g,isInSidebar:E,align:d}))}));return e.jsx(o.default,{align:d,position:E?"left":h,role:"tablist",extendedLine:y,noRightBorder:["no right side","no sides"].includes(O),isInSidebar:E,size:m||"default",children:r})})(),(()=>{if(E)return null;if(!g){const e=_.find((e=>B(e.props.tabId)));return e&&t.cloneElement(e,c(u({},e.props),{role:"tabpanel",position:h,isTabSelected:B(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:$,updateWarnings:K,updateInfos:z}))}return _.map((e=>t.cloneElement(e,c(u({},e.props),{role:"tabpanel",position:h,isTabSelected:B(e.props.tabId),key:`${e.props.tabId}-tab`,ariaLabelledby:`${e.props.tabId}-tab`,updateErrors:$,updateWarnings:K,updateInfos:z}))))})()]}))};

package/lib/components/tabs/tabs.style.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _tabsHeader = require("./__internal__/tabs-header/tabs-header.style");
-var _tab = _interopRequireDefault(require("./tab/tab.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const StyledTabs = _styledComponents.default.div`
-  ${({
-  position,
-  isInSidebar,
-  headerWidth
-}) => (0, _styledComponents.css)`
-    color: var(--colorsActionMinorYin090);
-
-    ${position === "left" && (0, _styledComponents.css)`
-      ${headerWidth && (0, _styledComponents.css)`
-        ${_tabsHeader.StyledTabsHeaderWrapper} {
-          width: ${headerWidth};
-        }
-
-        ${_tab.default} {
-          width: ${`calc(100% - ${headerWidth})`};
-        }
-      `}
-
-      ${!isInSidebar && (0, _styledComponents.css)`
-        display: flex;
-        width: 100%;
-      `}
-
-      ${isInSidebar && (0, _styledComponents.css)`
-        width: 99%;
-      `}
-    `}
-  `}
-
-  ${_styledSystem.margin}
-`;
-StyledTabs.defaultProps = {
-  theme: _base.default
-};
-var _default = exports.default = StyledTabs;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),s=require("styled-system"),t=require("../../style/themes/base/index.js"),r=require("./__internal__/tabs-header/tabs-header.style.js"),a=require("./tab/tab.style.js");function d(e){return e&&e.__esModule?e:{default:e}}const i=d(e).default.div.withConfig({displayName:"tabs.style__StyledTabs",componentId:"sc-e445cd61-0"})([""," ",""],(({position:s,isInSidebar:t,headerWidth:d})=>e.css(["color:var(--colorsActionMinorYin090);",""],"left"===s&&e.css([""," "," ",""],d&&e.css(["","{width:",";}","{width:",";}"],r.StyledTabsHeaderWrapper,d,a.default,`calc(100% - ${d})`),!t&&e.css(["display:flex;width:100%;"]),t&&e.css(["width:99%;"])))),s.margin);i.defaultProps={theme:t.default},exports.default=i;

package/lib/components/text-editor/__internal__/constants.d.ts

@@ -4,7 +4,6 @@ import { ListNode, ListItemNode, ListType } from "@lexical/list";
 import { HorizontalRuleNode } from "@lexical/react/LexicalHorizontalRuleNode";
 import { HeadingNode, QuoteNode } from "@lexical/rich-text";
 import { EditorThemeClasses, TextFormatType } from "lexical";
-import "./style.css";
 /** The default prefix applied to the editor's internal class names, IDs, etc. */
 declare const COMPONENT_PREFIX = "carbon-rte";
 /** The theme overrides needed to correctly style the editor */

package/lib/components/text-editor/__internal__/constants.js

@@ -1,33 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.theme = exports.markdownNodes = exports.TextEditorActionTypes = exports.COMPONENT_PREFIX = void 0;
-var _code = require("@lexical/code");
-var _link = require("@lexical/link");
-var _list = require("@lexical/list");
-var _LexicalHorizontalRuleNode = require("@lexical/react/LexicalHorizontalRuleNode");
-var _richText = require("@lexical/rich-text");
-require("./style.css");
-/** The default prefix applied to the editor's internal class names, IDs, etc. */
-const COMPONENT_PREFIX = exports.COMPONENT_PREFIX = "carbon-rte";
-
-/** The theme overrides needed to correctly style the editor */
-const theme = exports.theme = {
-  text: {
-    bold: "textBold",
-    italic: "textItalic"
-  }
-};
-
-/** The available actions that can be used in the editor */
-const TextEditorActionTypes = exports.TextEditorActionTypes = {
-  Bold: "bold",
-  Italic: "italic",
-  OrderedList: "number",
-  UnorderedList: "bullet"
-};
-
-/** The nodes supported by markdown */
-const markdownNodes = exports.markdownNodes = [_link.AutoLinkNode, _code.CodeNode, _link.LinkNode, _list.ListNode, _list.ListItemNode, _richText.HeadingNode, _richText.QuoteNode, _LexicalHorizontalRuleNode.HorizontalRuleNode];
+"use strict";var e=require("@lexical/code"),t=require("@lexical/link"),i=require("@lexical/list"),o=require("@lexical/react/LexicalHorizontalRuleNode"),r=require("@lexical/rich-text");const l=[t.AutoLinkNode,e.CodeNode,t.LinkNode,i.ListNode,i.ListItemNode,r.HeadingNode,r.QuoteNode,o.HorizontalRuleNode];exports.COMPONENT_PREFIX="carbon-rte",exports.TextEditorActionTypes={Bold:"bold",Italic:"italic",OrderedList:"number",UnorderedList:"bullet"},exports.markdownNodes=l,exports.theme={text:{bold:"textBold",italic:"textItalic"}};

package/lib/components/text-editor/__internal__/helpers.js

@@ -1,91 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SerializeLexical = exports.DeserializeHTML = void 0;
-exports.validateUrl = validateUrl;
-var _headless = require("@lexical/headless");
-var _html = require("@lexical/html");
-var _lexical = require("lexical");
-var _constants = require("./constants");
-/**
- * This helper takes the current state of the editor and serializes it into two formats:
- * 1. HTML
- * 2. JSON
- * This allows the editor state to be saved and restored at a later time, in a format suitable
- * for the majority of customers' use cases.
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const SerializeLexical = editor => {
-  let htmlString;
-  let json;
-  editor.read(() => {
-    // Get the current editor state
-    const editorState = editor.getEditorState();
-    // Serialize the editor state to JSON
-    json = editorState.toJSON();
-    // Generate HTML from the editor state
-    htmlString = (0, _html.$generateHtmlFromNodes)(editor, null);
-  });
-  return {
-    htmlString,
-    json
-  };
-};
-
-/**
- * This helper takes an HTML string and deserializes it into the editor.
- * This allows the editor to be restored from a previously saved state.
- */
-exports.SerializeLexical = SerializeLexical;
-const DeserializeHTML = html => {
-  // Create a new headless editor instance. This allows us to process the editor state
-  // without needing to render the editor itself.
-  const editor = (0, _headless.createHeadlessEditor)({
-    namespace: "html-to-json",
-    // eslint-disable-next-line no-console
-    onError: console.error,
-    theme: _constants.theme,
-    nodes: _constants.markdownNodes
-  });
-  let parsingError;
-  editor.update(() => {
-    // Parse the HTML string into a DOM
-    const parser = new DOMParser();
-    const dom = parser.parseFromString(html, "text/html");
-    // Generate nodes from the DOM
-    const nodes = (0, _html.$generateNodesFromDOM)(editor, dom);
-    // Select the root of the editor
-    (0, _lexical.$getRoot)().select();
-    // Insert the nodes into the editor
-    const selection = (0, _lexical.$getSelection)();
-    /* istanbul ignore else */
-    if (selection) {
-      try {
-        selection.insertNodes(nodes);
-      } catch (err) {
-        /* istanbul ignore next */
-        parsingError = err;
-      }
-    }
-  }, {
-    discrete: true
-  });
-
-  /* istanbul ignore next */
-  if (parsingError) {
-    throw parsingError;
-  }
-
-  // Return the editor instance
-  const json = editor.getEditorState().toJSON();
-  return JSON.stringify(json);
-};
-exports.DeserializeHTML = DeserializeHTML;
-const urlRegExp = new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);
-
-/** Function to validate a given URL */
-function validateUrl(url) {
-  return url === "https://" || urlRegExp.test(url);
-}
+"use strict";var e=require("@lexical/headless"),t=require("@lexical/html"),r=require("lexical"),o=require("./constants.js");const s=new RegExp(/((([A-Za-z]{3,9}:(?:\/\/)?)(?:[-;:&=+$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=+$,\w]+@)[A-Za-z0-9.-]+)((?:\/[+~%/.\w-_]*)?\??(?:[-+=&;%@.\w_]*)#?(?:[\w]*))?)/);exports.DeserializeHTML=s=>{const n=e.createHeadlessEditor({namespace:"html-to-json",onError:console.error,theme:o.theme,nodes:o.markdownNodes});let a;if(n.update((()=>{const e=(new DOMParser).parseFromString(s,"text/html"),o=t.$generateNodesFromDOM(n,e);r.$getRoot().select();const i=r.$getSelection();if(i)try{i.insertNodes(o)}catch(e){a=e}}),{discrete:!0}),a)throw a;const i=n.getEditorState().toJSON();return JSON.stringify(i)},exports.SerializeLexical=e=>{let r,o;return e.read((()=>{const s=e.getEditorState();o=s.toJSON(),r=t.$generateHtmlFromNodes(e,null)})),{htmlString:r,json:o}},exports.validateUrl=function(e){return"https://"===e||s.test(e)};

package/lib/components/text-editor/__internal__/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _readOnlyRte.default;
-  }
-});
-var _readOnlyRte = _interopRequireDefault(require("./read-only-rte.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./read-only-rte.component.js");exports.default=e.default;

package/lib/components/text-editor/__internal__/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../esm/components/text-editor/__internal__/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/text-editor/__internal__/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/text-editor/__internal__/plugins/AutoLinker/auto-link.component.js

@@ -1,35 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _LexicalAutoLinkPlugin = require("@lexical/react/LexicalAutoLinkPlugin");
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* istanbul ignore file */
-/**
- * Owing to the nature of how this plugin runs, it is not possible to test it in isolation.
- * It is tested as part of the TextEditor Playwright tests.
- *
- * The AutoLinkerPlugin component is a wrapper around the AutoLinkPlugin component provided
- * by Lexical. It is used to automatically convert URLs and email addresses into clickable
- * links.
- *
- * The regular expressions used to match URLs and email addresses are provided as per the
- * Lexical documentation; as such not all edge cases may be covered.
- */
-
-const URL_REGEX = /((https?:\/\/(www\.)?)|(www\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)(?<![-.+():%])/;
-const EMAIL_REGEX = /(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/;
-const MATCHERS = [(0, _LexicalAutoLinkPlugin.createLinkMatcherWithRegExp)(URL_REGEX, text => {
-  return text.startsWith("http") ? text : `https://${text}`;
-}), (0, _LexicalAutoLinkPlugin.createLinkMatcherWithRegExp)(EMAIL_REGEX, text => {
-  return `mailto:${text}`;
-})];
-const AutoLinkerPlugin = () => {
-  return /*#__PURE__*/_react.default.createElement(_LexicalAutoLinkPlugin.AutoLinkPlugin, {
-    matchers: MATCHERS
-  });
-};
-var _default = exports.default = AutoLinkerPlugin;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@lexical/react/LexicalAutoLinkPlugin");require("react");const r=RegExp("((https?:\\/\\/(www\\.)?)|(www\\.))[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)(?<![-.+():%])"),a=[t.createLinkMatcherWithRegExp(r,(e=>e.startsWith("http")?e:`https://${e}`)),t.createLinkMatcherWithRegExp(/(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))/,(e=>`mailto:${e}`))];exports.default=()=>e.jsx(t.AutoLinkPlugin,{matchers:a});

package/lib/components/text-editor/__internal__/plugins/AutoLinker/index.js

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _autoLink.default;
-  }
-});
-var _autoLink = _interopRequireDefault(require("./auto-link.component"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./auto-link.component.js");exports.default=e.default;

package/lib/components/text-editor/__internal__/plugins/AutoLinker/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../../../../esm/components/text-editor/__internal__/plugins/AutoLinker/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/text-editor/__internal__/plugins/AutoLinker/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/text-editor/__internal__/plugins/CharacterCounter/__test__/character-counter.component.js

@@ -1,40 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _lexical = require("lexical");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CharacterCounterPlugin = ({
-  maxChars,
-  editor
-}) => {
-  const [rawContent, setRawContent] = (0, _react.useState)("");
-
-  // Simplified update listener using Lexical v0.21.0 approach
-  (0, _react.useEffect)(() => {
-    const removeListener = editor.registerUpdateListener(() => {
-      const editorState = editor.getEditorState();
-      editorState.read(() => {
-        const newContent = (0, _lexical.$getRoot)().getTextContent();
-        setRawContent(newContent);
-      });
-    });
-    return () => {
-      removeListener();
-    };
-  }, [editor]);
-
-  // Calculate the number of characters remaining
-  const rawCharactersRemaining = (0, _react.useMemo)(() => {
-    const activeCount = maxChars - (rawContent ? rawContent.length : 0);
-    return activeCount >= 0 ? activeCount : 0;
-  }, [maxChars, rawContent]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    "data-role": "visible-counter"
-  }, rawCharactersRemaining));
-};
-var _default = exports.default = CharacterCounterPlugin;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("lexical");exports.default=({maxChars:s,editor:n})=>{const[o,i]=t.useState("");t.useEffect((()=>{const e=n.registerUpdateListener((()=>{n.getEditorState().read((()=>{const e=r.$getRoot().getTextContent();i(e)}))}));return()=>{e()}}),[n]);const a=t.useMemo((()=>{const e=s-(o?o.length:0);return e>=0?e:0}),[s,o]);return e.jsx(e.Fragment,{children:e.jsx("div",{"data-role":"visible-counter",children:a})})};