carbon-react 154.3.2 → 154.4.0-beta.0

package/lib/components/advanced-color-picker/advanced-color-picker.component.js

@@ -1,177 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.AdvancedColorPicker = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _advancedColorPicker = require("./advanced-color-picker.style");
-var _simpleColorPicker = require("../simple-color-picker");
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _utils = require("../../style/utils");
-var _guid = _interopRequireDefault(require("../../__internal__/utils/helpers/guid"));
-var _useLocale = _interopRequireDefault(require("../../hooks/__internal__/useLocale"));
-var _definitionList = require("../definition-list");
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-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); }
-let deprecateUncontrolledWarnTriggered = false;
-const AdvancedColorPicker = ({
-  "aria-describedby": ariaDescribedBy,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  availableColors,
-  defaultColor,
-  name,
-  onOpen,
-  onClose,
-  onChange,
-  onBlur,
-  open = false,
-  role,
-  selectedColor,
-  restoreFocusOnClose = true,
-  ...props
-}) => {
-  const [dialogOpen, setDialogOpen] = (0, _react.useState)();
-  const currentColor = selectedColor || defaultColor;
-  const [selectedColorRef, setSelectedColorRef] = (0, _react.useState)(null);
-  const descriptionId = (0, _react.useRef)((0, _guid.default)());
-  const l = (0, _useLocale.default)();
-  const simpleColorPickerData = (0, _react.useRef)(null);
-  const colors = availableColors.map(({
-    value,
-    label
-  }, index) => {
-    return {
-      value,
-      label,
-      getRef: () => /* Fallback to null to satisfy the TypeScript compiler */
-      /* istanbul ignore next */
-      simpleColorPickerData.current ? simpleColorPickerData.current.gridItemRefs[index] : null
-    };
-  });
-  const currentSelectedColor = () => {
-    const returnedColor = availableColors.find(color => color.value === currentColor)?.label;
-    return returnedColor || currentColor;
-  };
-  (0, _react.useEffect)(() => {
-    if (dialogOpen || open) {
-      const newColor = colors?.find(c => currentColor === c.value);
-
-      /* istanbul ignore else */
-      if (newColor) {
-        setSelectedColorRef(newColor.getRef());
-      }
-    }
-  }, [colors, currentColor, dialogOpen, open]);
-  const handleFocus = (0, _react.useCallback)((e, firstFocusableElement) => {
-    /* istanbul ignore else */
-    if (e.key === "Tab") {
-      if (e.shiftKey) {
-        if (document.activeElement === firstFocusableElement && selectedColorRef) {
-          selectedColorRef.focus();
-          e.preventDefault();
-        }
-      } else if (document.activeElement === selectedColorRef) {
-        firstFocusableElement?.focus();
-        e.preventDefault();
-      }
-    }
-  }, [selectedColorRef]);
-  const handleOnOpen = (0, _react.useCallback)(e => {
-    setDialogOpen(true);
-    if (onOpen) {
-      onOpen(e);
-    }
-  }, [onOpen]);
-  const handleOnClose = (0, _react.useCallback)(e => {
-    setDialogOpen(false);
-    if (onClose) {
-      onClose(e);
-    }
-  }, [onClose]);
-  const handleOnChange = (0, _react.useCallback)(e => {
-    const newColor = colors?.find(c => e.target.value === c.value);
-
-    /* istanbul ignore else */
-    if (newColor) {
-      setSelectedColorRef(newColor.getRef());
-    }
-
-    /* istanbul ignore else */
-    if (onChange) {
-      onChange(e);
-    }
-  }, [onChange, colors]);
-  const handleOnKeyDown = (0, _react.useCallback)(e => {
-    if (_events.default.isEnterKey(e) || _events.default.isSpaceKey(e)) {
-      e.preventDefault();
-      handleOnOpen(e);
-    }
-  }, [handleOnOpen]);
-  const handleColorOnKeyDown = (0, _react.useCallback)(e => {
-    if (_events.default.isEnterKey(e) || _events.default.isSpaceKey(e)) {
-      e.preventDefault();
-      handleOnClose(e);
-    }
-  }, [handleOnClose]);
-  const handleOnBlur = (0, _react.useCallback)(e => {
-    if (onBlur) {
-      onBlur(e);
-    }
-  }, [onBlur]);
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Advanced Color Picker` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  return /*#__PURE__*/_react.default.createElement(_advancedColorPicker.StyledAdvancedColorPickerWrapper, _extends({
-    m: "15px auto auto 15px"
-  }, (0, _utils.filterStyledSystemMarginProps)(props), (0, _tags.default)("advanced-color-picker", props)), /*#__PURE__*/_react.default.createElement(_advancedColorPicker.StyledAdvancedColorPickerCell, {
-    "data-element": "color-picker-cell",
-    "aria-label": l.advancedColorPicker.ariaLabel(),
-    "aria-describedby": descriptionId.current,
-    onClick: handleOnOpen,
-    onKeyDown: handleOnKeyDown,
-    color: currentColor,
-    tabIndex: 0
-  }), /*#__PURE__*/_react.default.createElement(_advancedColorPicker.HiddenCurrentColorList, {
-    id: descriptionId.current,
-    "data-element": "current-color-description"
-  }, /*#__PURE__*/_react.default.createElement(_definitionList.Dt, null, l.advancedColorPicker.currentColorDescriptionTerm(currentSelectedColor())), /*#__PURE__*/_react.default.createElement(_definitionList.Dd, null, l.advancedColorPicker.currentColorAssigned(currentSelectedColor()))), /*#__PURE__*/_react.default.createElement(_advancedColorPicker.DialogStyle, {
-    "aria-describedby": ariaDescribedBy,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    open: dialogOpen || open,
-    size: "auto",
-    onCancel: handleOnClose,
-    bespokeFocusTrap: handleFocus,
-    focusFirstElement: selectedColorRef,
-    role: role,
-    restoreFocusOnClose: restoreFocusOnClose
-  }, /*#__PURE__*/_react.default.createElement(_advancedColorPicker.StyledAdvancedColorPickerPreview, {
-    "data-element": "color-picker-preview",
-    color: currentColor
-  }), /*#__PURE__*/_react.default.createElement(_simpleColorPicker.SimpleColorPicker, {
-    name: name,
-    legend: "",
-    onChange: handleOnChange,
-    onBlur: handleOnBlur,
-    onKeyDown: handleColorOnKeyDown,
-    ref: simpleColorPickerData
-  }, colors?.map(({
-    value,
-    label
-  }) => /*#__PURE__*/_react.default.createElement(_simpleColorPicker.SimpleColor, {
-    value: value,
-    key: value,
-    "aria-label": label,
-    id: value,
-    defaultChecked: value === currentColor
-  })))));
-};
-exports.AdvancedColorPicker = AdvancedColorPicker;
-var _default = exports.default = AdvancedColorPicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("./advanced-color-picker.style.js"),t=require("../simple-color-picker/simple-color-picker.component.js"),o=require("../simple-color-picker/simple-color/simple-color.component.js"),n=require("../../__internal__/utils/helpers/events/events.js");require("../../style/utils/filter-styled-system-padding-props.js");var a=require("../../style/utils/filter-styled-system-margin-props.js"),i=require("../../__internal__/utils/helpers/guid/index.js"),s=require("../../hooks/__internal__/useLocale/useLocale.js");require("../definition-list/dl.component.js");var c=require("../definition-list/dt/dt.component.js"),u=require("../definition-list/dd/dd.component.js"),d=require("../../__internal__/utils/logger/index.js"),p=require("../../__internal__/utils/helpers/tags/tags.js"),f=require("./advanced-color-picker-cell.style.js");function b(e,r,l){return r in e?Object.defineProperty(e,r,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[r]=l,e}let y=!1;const v=v=>{var{"aria-describedby":j,"aria-label":m,"aria-labelledby":C,availableColors:O,defaultColor:g,name:k,onOpen:P,onClose:h,onChange:_,onBlur:x,open:q=!1,role:w,selectedColor:S,restoreFocusOnClose:D=!0}=v,E=function(e,r){if(null==e)return{};var l,t,o=function(e,r){if(null==e)return{};var l,t,o={},n=Object.keys(e);for(t=0;t<n.length;t++)l=n[t],r.indexOf(l)>=0||(o[l]=e[l]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(t=0;t<n.length;t++)l=n[t],r.indexOf(l)>=0||Object.prototype.propertyIsEnumerable.call(e,l)&&(o[l]=e[l])}return o}(v,["aria-describedby","aria-label","aria-labelledby","availableColors","defaultColor","name","onOpen","onClose","onChange","onBlur","open","role","selectedColor","restoreFocusOnClose"]);const[K,R]=r.useState(),A=S||g,[F,L]=r.useState(null),B=r.useRef(i.default()),I=s.default(),T=r.useRef(null),z=O.map((({value:e,label:r},l)=>({value:e,label:r,getRef:()=>T.current?T.current.gridItemRefs[l]:null}))),H=()=>{var e;return(null===(e=O.find((e=>e.value===A)))||void 0===e?void 0:e.label)||A};r.useEffect((()=>{if(K||q){const e=null==z?void 0:z.find((e=>A===e.value));e&&L(e.getRef())}}),[z,A,K,q]);const M=r.useCallback(((e,r)=>{"Tab"===e.key&&(e.shiftKey?document.activeElement===r&&F&&(F.focus(),e.preventDefault()):document.activeElement===F&&(null==r||r.focus(),e.preventDefault()))}),[F]),U=r.useCallback((e=>{R(!0),P&&P(e)}),[P]),W=r.useCallback((e=>{R(!1),h&&h(e)}),[h]),G=r.useCallback((e=>{const r=null==z?void 0:z.find((r=>e.target.value===r.value));r&&L(r.getRef()),_&&_(e)}),[_,z]),J=r.useCallback((e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),U(e))}),[U]),N=r.useCallback((e=>{(n.default.isEnterKey(e)||n.default.isSpaceKey(e))&&(e.preventDefault(),W(e))}),[W]),Q=r.useCallback((e=>{x&&x(e)}),[x]);return y||_||(y=!0,d.default.deprecate("Uncontrolled behaviour in `Advanced Color Picker` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e.jsxs(l.StyledAdvancedColorPickerWrapper,(V=function(e){for(var r=1;r<arguments.length;r++){var l=null!=arguments[r]?arguments[r]:{},t=Object.keys(l);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(l).filter((function(e){return Object.getOwnPropertyDescriptor(l,e).enumerable})))),t.forEach((function(r){b(e,r,l[r])}))}return e}({m:"15px auto auto 15px"},a.default(E),p.default("advanced-color-picker",E)),X=null!=(X={children:[e.jsx(f.default,{"data-element":"color-picker-cell","aria-label":I.advancedColorPicker.ariaLabel(),"aria-describedby":B.current,onClick:U,onKeyDown:J,color:A,tabIndex:0}),e.jsxs(l.HiddenCurrentColorList,{id:B.current,"data-element":"current-color-description",children:[e.jsx(c.default,{children:I.advancedColorPicker.currentColorDescriptionTerm(H())}),e.jsx(u.default,{children:I.advancedColorPicker.currentColorAssigned(H())})]}),e.jsxs(l.DialogStyle,{"aria-describedby":j,"aria-label":m,"aria-labelledby":C,open:K||q,size:"auto",onCancel:W,bespokeFocusTrap:M,focusFirstElement:F,role:w,restoreFocusOnClose:D,children:[e.jsx(l.StyledAdvancedColorPickerPreview,{"data-element":"color-picker-preview",color:A}),e.jsx(t.SimpleColorPicker,{name:k,legend:"",onChange:G,onBlur:Q,onKeyDown:N,ref:T,children:null==z?void 0:z.map((({value:r,label:l})=>e.jsx(o.SimpleColor,{value:r,"aria-label":l,id:r,defaultChecked:r===A},r)))})]})]})?X:{},Object.getOwnPropertyDescriptors?Object.defineProperties(V,Object.getOwnPropertyDescriptors(X)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);r.push.apply(r,l)}return r}(Object(X)).forEach((function(e){Object.defineProperty(V,e,Object.getOwnPropertyDescriptor(X,e))})),V));var V,X};exports.AdvancedColorPicker=v,exports.default=v;

package/lib/components/advanced-color-picker/advanced-color-picker.style.js

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HiddenCurrentColorList = exports.DialogStyle = void 0;
-Object.defineProperty(exports, "StyledAdvancedColorPickerCell", {
-  enumerable: true,
-  get: function () {
-    return _advancedColorPickerCell.default;
-  }
-});
-exports.StyledAdvancedColorPickerWrapper = exports.StyledAdvancedColorPickerPreview = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _advancedColorPickerCell = _interopRequireDefault(require("./advanced-color-picker-cell.style"));
-var _simpleColorPicker = require("../simple-color-picker/simple-color-picker.style");
-var _simpleColor = require("../simple-color-picker/simple-color/simple-color.style");
-var _dialog = require("../dialog/dialog.style");
-var _dialog2 = _interopRequireDefault(require("../dialog/dialog.component"));
-var _iconButton = _interopRequireDefault(require("../icon-button/icon-button.style"));
-var _checkerBoard = _interopRequireDefault(require("../simple-color-picker/simple-color/checker-board.svg"));
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _visuallyHidden = _interopRequireDefault(require("../../style/utils/visually-hidden"));
-var _definitionList = require("../definition-list");
-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 StyledAdvancedColorPickerWrapper = exports.StyledAdvancedColorPickerWrapper = _styledComponents.default.div`
-  ${_styledSystem.margin}
-  display: inline-block;
-`;
-
-/** To be replaced by accessibly hidden class added in FE-5503 */
-const HiddenCurrentColorList = exports.HiddenCurrentColorList = (0, _styledComponents.default)(_definitionList.Dl)`
-  ${_visuallyHidden.default}
-`;
-StyledAdvancedColorPickerWrapper.defaultProps = {
-  theme: _base.default
-};
-const StyledAdvancedColorPickerPreview = exports.StyledAdvancedColorPickerPreview = _styledComponents.default.div`
-  width: 25px;
-  height: 25px;
-  margin-bottom: 15px;
-  border: 1px solid var(--colorsUtilityYin090);
-  border-radius: var(--borderRadius050);
-
-  ${({
-  color
-}) => color !== "transparent" && (0, _styledComponents.css)`
-      background-color: ${color};
-    `}
-
-  ${({
-  color
-}) => color === "transparent" && (0, _styledComponents.css)`
-      background-color: #eeeeee;
-      background-image: url(${_checkerBoard.default});
-      background-size: 10px 10px;
-    `}
-
-  &:hover {
-    cursor: initial;
-  }
-`;
-const DialogStyle = exports.DialogStyle = (0, _styledComponents.default)(_dialog2.default)`
-  ${_dialog.StyledDialogContent} {
-    padding: var(--spacing200);
-  }
-
-  ${_simpleColorPicker.StyledColorOptions} {
-    max-width: 285px;
-    ${_simpleColor.StyledSimpleColor} {
-      border: 1px solid var(--colorsUtilityYin090);
-      margin-right: -1px;
-      margin-bottom: -1px;
-      transition: all 0.2s ease;
-
-      &:hover {
-        transform: scale(1.1);
-      }
-    }
-  }
-
-  ${_simpleColorPicker.StyledColorOptions} {
-    border: none;
-  }
-
-  ${_iconButton.default} {
-    top: 20px;
-    right: 13px;
-  }
-
-  [data-component="icon"] {
-    color: var(--colorsActionMinor500);
-  }
-`;
+"use strict";var e=require("styled-components"),o=require("styled-system"),r=require("./advanced-color-picker-cell.style.js"),i=require("../simple-color-picker/simple-color-picker.style.js"),l=require("../simple-color-picker/simple-color/simple-color.style.js"),t=require("../dialog/dialog.style.js"),d=require("../dialog/dialog.component.js"),s=require("../icon-button/icon-button.style.js"),n=require("../simple-color-picker/simple-color/checker-board.svg"),a=require("../../style/themes/base/index.js"),c=require("../../style/utils/visually-hidden.js"),p=require("../definition-list/dl.component.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../definition-list/dt/dt.component.js"),require("../definition-list/dd/dd.component.js");var m=u(e),y=u(n);const g=m.default.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerWrapper",componentId:"sc-3d423393-0"})([""," display:inline-block;"],o.margin),v=m.default(p.default).withConfig({displayName:"advanced-color-picker.style__HiddenCurrentColorList",componentId:"sc-3d423393-1"})(["",""],c.default);g.defaultProps={theme:a.default};const f=m.default.div.withConfig({displayName:"advanced-color-picker.style__StyledAdvancedColorPickerPreview",componentId:"sc-3d423393-2"})(["width:25px;height:25px;margin-bottom:15px;border:1px solid var(--colorsUtilityYin090);border-radius:var(--borderRadius050);"," "," &:hover{cursor:initial;}"],(({color:o})=>"transparent"!==o&&e.css(["background-color:",";"],o)),(({color:o})=>"transparent"===o&&e.css(["background-color:#eeeeee;background-image:url(",");background-size:10px 10px;"],y.default))),k=m.default(d.Dialog).withConfig({displayName:"advanced-color-picker.style__DialogStyle",componentId:"sc-3d423393-3"})(["","{padding:var(--spacing200);}","{max-width:285px;","{border:1px solid var(--colorsUtilityYin090);margin-right:-1px;margin-bottom:-1px;transition:all 0.2s ease;&:hover{transform:scale(1.1);}}}","{border:none;}",'{top:20px;right:13px;}[data-component="icon"]{color:var(--colorsActionMinor500);}'],t.StyledDialogContent,i.StyledColorOptions,l.StyledSimpleColor,i.StyledColorOptions,s.default);exports.StyledAdvancedColorPickerCell=r.default,exports.DialogStyle=k,exports.HiddenCurrentColorList=v,exports.StyledAdvancedColorPickerPreview=f,exports.StyledAdvancedColorPickerWrapper=g;

package/lib/components/advanced-color-picker/index.js

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

package/lib/components/advanced-color-picker/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "../../../esm/components/advanced-color-picker/index.js",
   "main": "./index.js",
+  "module": "../../../esm/components/advanced-color-picker/index.js",
   "types": "./index.d.ts"
 }

package/lib/components/alert/alert.component.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Alert = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _dialog = _interopRequireDefault(require("../dialog"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: 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); }
-const Alert = ({
-  children,
-  size = "extra-small",
-  topModalOverride,
-  closeButtonDataProps,
-  ...rest
-}) => /*#__PURE__*/_react.default.createElement(_dialog.default, _extends({
-  role: "alertdialog",
-  size: size,
-  topModalOverride: topModalOverride,
-  closeButtonDataProps: closeButtonDataProps
-}, rest, {
-  "data-component": "alert"
-}), children);
-exports.Alert = Alert;
-var _default = exports.default = Alert;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var r=require("../dialog/dialog.component.js");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}const o=o=>{var n,c,{children:l,size:i="extra-small",topModalOverride:a,closeButtonDataProps:u}=o,s=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)t=c[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)t=c[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(o,["children","size","topModalOverride","closeButtonDataProps"]);return e.jsx(r.Dialog,(n=function(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{},n=Object.keys(o);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(o).filter((function(e){return Object.getOwnPropertyDescriptor(o,e).enumerable})))),n.forEach((function(r){t(e,r,o[r])}))}return e}({role:"alertdialog",size:i,topModalOverride:a,closeButtonDataProps:u},s),c=null!=(c={"data-component":"alert",children:l})?c:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(c)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(c)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(c,e))})),n))};exports.Alert=o,exports.default=o;

package/lib/components/alert/index.js

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

package/lib/components/alert/package.json

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

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.component.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item.style"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AnchorNavigationItem = /*#__PURE__*/_react.default.forwardRef(({
-  children,
-  onKeyDown,
-  onClick,
-  href,
-  tabIndex,
-  isSelected
-}, ref) => /*#__PURE__*/_react.default.createElement(_anchorNavigationItem.default, {
-  isSelected: isSelected
-}, /*#__PURE__*/_react.default.createElement("a", {
-  onKeyDown: onKeyDown,
-  onClick: onClick,
-  tabIndex: tabIndex,
-  ref: ref,
-  href: href,
-  "data-element": "anchor-navigation-item"
-}, children)));
-AnchorNavigationItem.displayName = "AnchorNavigationItem";
-var _default = exports.default = AnchorNavigationItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./anchor-navigation-item.style.js");function n(e){return e&&e.__esModule?e:{default:e}}const a=n(t).default.forwardRef((({children:t,onKeyDown:n,onClick:a,href:i,tabIndex:o,isSelected:d},l)=>e.jsx(r.default,{isSelected:d,children:e.jsx("a",{onKeyDown:n,onClick:a,tabIndex:o,ref:l,href:i,"data-element":"anchor-navigation-item",children:t})})));a.displayName="AnchorNavigationItem",exports.default=a;

package/lib/components/anchor-navigation/anchor-navigation-item/anchor-navigation-item.style.js

@@ -1,48 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _addFocusStyling = _interopRequireDefault(require("../../../style/utils/add-focus-styling"));
-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 StyledNavigationItem = _styledComponents.default.li`
-  width: 100%;
-
-  a {
-    cursor: pointer;
-    display: block;
-    text-decoration: none;
-    color: var(--colorsUtilityYin090);
-    background-color: transparent;
-    border-left: var(--sizing050) solid var(--colorsActionMinor100);
-    font-weight: 500;
-    padding: 12px 24px;
-    border-top-right-radius: var(--borderRadius100);
-    border-bottom-right-radius: var(--borderRadius100);
-
-    &:focus {
-      ${(0, _addFocusStyling.default)()}
-      position: relative;
-    }
-
-    &:hover {
-      ${({
-  isSelected
-}) => !isSelected && (0, _styledComponents.css)`
-          background-color: var(--colorsActionMinor100);
-        `};
-    }
-
-    ${({
-  isSelected
-}) => isSelected && (0, _styledComponents.css)`
-        background-color: var(--colorsActionMajorYang100);
-        border-left-color: var(--colorsActionMajor500);
-      `}
-  }
-`;
-var _default = exports.default = StyledNavigationItem;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),r=require("../../../style/utils/add-focus-styling.js");function e(o){return o&&o.__esModule?o:{default:o}}const t=e(o).default.li.withConfig({displayName:"anchor-navigation-item.style__StyledNavigationItem",componentId:"sc-1d82dafe-0"})(["width:100%;a{cursor:pointer;display:block;text-decoration:none;color:var(--colorsUtilityYin090);background-color:transparent;border-left:var(--sizing050) solid var(--colorsActionMinor100);font-weight:500;padding:12px 24px;border-top-right-radius:var(--borderRadius100);border-bottom-right-radius:var(--borderRadius100);&:focus{"," position:relative;}&:hover{",";}","}"],r.default(),(({isSelected:r})=>!r&&o.css(["background-color:var(--colorsActionMinor100);"])),(({isSelected:r})=>r&&o.css(["background-color:var(--colorsActionMajorYang100);border-left-color:var(--colorsActionMajor500);"])));exports.default=t;

package/lib/components/anchor-navigation/anchor-navigation.component.js

@@ -1,135 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactIs = require("react-is");
-var _invariant = _interopRequireDefault(require("invariant"));
-var _throttle = _interopRequireDefault(require("lodash/throttle"));
-var _focusTrapUtils = require("../../__internal__/focus-trap/focus-trap-utils");
-var _events = _interopRequireDefault(require("../../__internal__/utils/helpers/events"));
-var _anchorNavigation = require("./anchor-navigation.style");
-var _anchorNavigationItem = _interopRequireDefault(require("./anchor-navigation-item/anchor-navigation-item.component"));
-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 SECTION_VISIBILITY_OFFSET = 200;
-const SCROLL_THROTTLE = 100;
-const AnchorNavigation = ({
-  children,
-  stickyNavigation,
-  "data-element": dataElement,
-  "data-role": dataRole
-}) => {
-  !(0, _reactIs.isFragment)(stickyNavigation) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.") : (0, _invariant.default)(false) : void 0;
-  const hasCorrectItemStructure = (0, _react.useMemo)(() => {
-    const incorrectChild = _react.default.Children.toArray(stickyNavigation.props.children).find(child => {
-      return ! /*#__PURE__*/_react.default.isValidElement(child) || child.type.displayName !== "AnchorNavigationItem";
-    });
-    return !incorrectChild;
-  }, [stickyNavigation]);
-  !hasCorrectItemStructure ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, `\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${_anchorNavigationItem.default.displayName}\``) : (0, _invariant.default)(false) : void 0;
-  const [selectedIndex, setSelectedIndex] = (0, _react.useState)(0);
-  const sectionRefs = (0, _react.useRef)(_react.default.Children.map(stickyNavigation.props.children, child => child.props.target));
-  const contentRef = (0, _react.useRef)(null);
-  const navigationRef = (0, _react.useRef)(null);
-  const isUserScroll = (0, _react.useRef)(true);
-  const isUserScrollTimer = (0, _react.useRef)();
-  const setSelectedAnchorBasedOnScroll = (0, _react.useCallback)(() => {
-    // istanbul ignore if
-    // function is called only after component is rendered, so ref cannot hold a null value
-    if (navigationRef.current === null) return;
-    const offsetsWithIndexes = sectionRefs.current.map(({
-      current
-    }, index) => [index, current?.getBoundingClientRect().top]).filter(offsetWithIndex => offsetWithIndex[1] !== undefined);
-    const {
-      top: navTopOffset
-    } = navigationRef.current.getBoundingClientRect();
-    const indexOfSmallestNegativeTopOffset = offsetsWithIndexes.reduce((currentTopIndex, offsetWithIndex) => {
-      const [index, offset] = offsetWithIndex;
-      if (offset - SECTION_VISIBILITY_OFFSET > navTopOffset) return currentTopIndex;
-      return offset > offsetsWithIndexes[currentTopIndex][1] ? index : currentTopIndex;
-    }, offsetsWithIndexes[0][0]);
-    setSelectedIndex(indexOfSmallestNegativeTopOffset);
-  }, []);
-  const scrollHandler = (0, _react.useMemo)(() => (0, _throttle.default)(() => {
-    /* istanbul ignore else */
-    if (isUserScroll.current) {
-      setSelectedAnchorBasedOnScroll();
-    } else {
-      if (isUserScrollTimer.current !== undefined) {
-        window.clearTimeout(isUserScrollTimer.current);
-      }
-      isUserScrollTimer.current = setTimeout(() => {
-        isUserScroll.current = true;
-      }, SCROLL_THROTTLE + 50);
-    }
-  }, SCROLL_THROTTLE), [setSelectedAnchorBasedOnScroll]);
-  (0, _react.useEffect)(() => {
-    window.addEventListener("scroll", scrollHandler, true);
-    return () => window.removeEventListener("scroll", scrollHandler, true);
-  }, [scrollHandler]);
-  const focusSection = section => {
-    if (!section.matches(_focusTrapUtils.defaultFocusableSelectors)) {
-      section.setAttribute("tabindex", "-1");
-    }
-    section.focus({
-      preventScroll: true
-    });
-  };
-  const scrollToSection = index => {
-    const sectionToScroll = sectionRefs.current[index].current;
-
-    // istanbul ignore if
-    // function is called only after component is rendered, so ref cannot hold a null value
-    if (sectionToScroll === null) return;
-
-    // ensure section has the appropriate element to remove the default focus styles.
-    // Can ignore else branch because there's no harm in setting this to "true" twice (it can't hold any other value),
-    // but it's probably more efficient not to.
-    // istanbul ignore else
-    if (!sectionToScroll.dataset.carbonAnchornavRef) {
-      sectionToScroll.dataset.carbonAnchornavRef = "true";
-    }
-    focusSection(sectionToScroll);
-
-    // workaround due to preventScroll focus method option on firefox not working consistently
-    window.setTimeout(() => {
-      isUserScroll.current = false;
-      sectionToScroll.scrollIntoView({
-        block: "start",
-        inline: "nearest",
-        behavior: "smooth"
-      });
-      setSelectedIndex(index);
-    }, 10);
-  };
-  const handleClick = (event, index) => {
-    event.preventDefault();
-    scrollToSection(index);
-  };
-  const handleKeyDown = (event, index) => {
-    if (_events.default.isEnterKey(event)) {
-      scrollToSection(index);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledAnchorNavigation, {
-    ref: contentRef,
-    "data-component": "anchor-navigation",
-    "data-element": dataElement,
-    "data-role": dataRole
-  }, /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledNavigation, {
-    ref: navigationRef,
-    "data-element": "anchor-sticky-navigation"
-  }, _react.default.Children.map(stickyNavigation.props.children, (child, index) => /*#__PURE__*/_react.default.cloneElement(child, {
-    href: child.props.href || "#",
-    // need to pass an href to ensure the link is tabbable by default
-    isSelected: index === selectedIndex,
-    onClick: event => handleClick(event, index),
-    onKeyDown: event => handleKeyDown(event, index)
-  }))), /*#__PURE__*/_react.default.createElement(_anchorNavigation.StyledContent, null, children));
-};
-AnchorNavigation.displayName = "AnchorNavigation";
-var _default = exports.default = AnchorNavigation;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-is"),r=require("invariant"),a=require("lodash/throttle"),i=require("../../__internal__/focus-trap/focus-trap-utils.js"),o=require("../../__internal__/utils/helpers/events/events.js"),l=require("./anchor-navigation.style.js"),s=require("./anchor-navigation-item/anchor-navigation-item.component.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(t),d=c(r),f=c(a);const h=({children:r,stickyNavigation:a,"data-element":c,"data-role":h})=>{d.default(n.isFragment(a),"`stickyNavigation` prop in `AnchorNavigation` should be a React Fragment.");const p=t.useMemo((()=>!u.default.Children.toArray(a.props.children).find((e=>!u.default.isValidElement(e)||"AnchorNavigationItem"!==e.type.displayName))),[a]);d.default(p,`\`stickyNavigation\` prop in \`AnchorNavigation\` should be a React Fragment that only contains children of type \`${s.default.displayName}\``);const[v,m]=t.useState(0),g=t.useRef(u.default.Children.map(a.props.children,(e=>e.props.target))),y=t.useRef(null),N=t.useRef(null),_=t.useRef(!0),b=t.useRef(),R=t.useCallback((()=>{if(null===N.current)return;const e=g.current.map((({current:e},t)=>[t,null==e?void 0:e.getBoundingClientRect().top])).filter((e=>void 0!==e[1])),{top:t}=N.current.getBoundingClientRect(),n=e.reduce(((n,r)=>{const[a,i]=r;return i-200>t?n:i>e[n][1]?a:n}),e[0][0]);m(n)}),[]),w=t.useMemo((()=>f.default((()=>{_.current?R():(void 0!==b.current&&window.clearTimeout(b.current),b.current=setTimeout((()=>{_.current=!0}),150))}),100)),[R]);t.useEffect((()=>(window.addEventListener("scroll",w,!0),()=>window.removeEventListener("scroll",w,!0))),[w]);const j=e=>{const t=g.current[e].current;var n;null!==t&&(t.dataset.carbonAnchornavRef||(t.dataset.carbonAnchornavRef="true"),(n=t).matches(i.defaultFocusableSelectors)||n.setAttribute("tabindex","-1"),n.focus({preventScroll:!0}),window.setTimeout((()=>{_.current=!1,t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}),m(e)}),10))};return e.jsxs(l.StyledAnchorNavigation,{ref:y,"data-component":"anchor-navigation","data-element":c,"data-role":h,children:[e.jsx(l.StyledNavigation,{ref:N,"data-element":"anchor-sticky-navigation",children:u.default.Children.map(a.props.children,((e,t)=>u.default.cloneElement(e,{href:e.props.href||"#",isSelected:t===v,onClick:e=>((e,t)=>{e.preventDefault(),j(t)})(e,t),onKeyDown:e=>((e,t)=>{o.default.isEnterKey(e)&&j(t)})(e,t)})))}),e.jsx(l.StyledContent,{children:r})]})};h.displayName="AnchorNavigation",exports.default=h;

package/lib/components/anchor-navigation/anchor-navigation.style.js

@@ -1,29 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledNavigation = exports.StyledContent = exports.StyledAnchorNavigation = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StyledAnchorNavigation = exports.StyledAnchorNavigation = _styledComponents.default.div`
-  display: flex;
-  align-items: flex-start;
-  width: 100%;
-`;
-const StyledNavigation = exports.StyledNavigation = _styledComponents.default.ul`
-  position: sticky;
-  top: 32px;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-  max-width: 240px;
-`;
-const StyledContent = exports.StyledContent = _styledComponents.default.div`
-  flex: 1;
-  margin-left: 32px;
-
-  [data-carbon-anchornav-ref="true"]:focus {
-    outline: none;
-  }
-`;
+"use strict";function t(t){return t&&t.__esModule?t:{default:t}}var n=t(require("styled-components"));const e=n.default.div.withConfig({displayName:"anchor-navigation.style__StyledAnchorNavigation",componentId:"sc-efd02f80-0"})(["display:flex;align-items:flex-start;width:100%;"]),i=n.default.ul.withConfig({displayName:"anchor-navigation.style__StyledNavigation",componentId:"sc-efd02f80-1"})(["position:sticky;top:32px;list-style:none;margin:0;padding:0;max-width:240px;"]),a=n.default.div.withConfig({displayName:"anchor-navigation.style__StyledContent",componentId:"sc-efd02f80-2"})(['flex:1;margin-left:32px;[data-carbon-anchornav-ref="true"]:focus{outline:none;}']);exports.StyledAnchorNavigation=e,exports.StyledContent=a,exports.StyledNavigation=i;

package/lib/components/anchor-navigation/anchor-section-divider.component.js

@@ -1,16 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const AnchorSectionDivider = _styledComponents.default.div.attrs({
-  "data-element": "anchor-navigation-divider"
-})`
-  background-color: var(--colorsActionMinor200);
-  height: 1px;
-`;
-AnchorSectionDivider.displayName = "AnchorSectionDivider";
-var _default = exports.default = AnchorSectionDivider;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const o=e(require("styled-components")).default.div.attrs({"data-element":"anchor-navigation-divider"}).withConfig({displayName:"anchor-section-divider.component__AnchorSectionDivider",componentId:"sc-989a8d9c-0"})(["background-color:var(--colorsActionMinor200);height:1px;"]);o.displayName="AnchorSectionDivider",exports.default=o;