carbon-react 154.4.1 → 154.4.3

package/lib/components/navigation-bar/__internal__/fixed-navigation-bar.context.js

@@ -1,41 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FixedNavigationBarContextProvider = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _useResizeObserver = _interopRequireDefault(require("../../../hooks/__internal__/useResizeObserver/useResizeObserver"));
-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 FixedNavigationBarContext = /*#__PURE__*/(0, _react.createContext)({});
-const FixedNavigationBarContextProvider = ({
-  position,
-  orientation,
-  offset,
-  children,
-  navbarRef
-}) => {
-  const [navbarHeight, setNavbarHeight] = (0, _react.useState)(navbarRef.current?.offsetHeight);
-  const updateHeight = (0, _react.useCallback)(() => setNavbarHeight(navbarRef.current?.offsetHeight), [navbarRef]);
-  (0, _react.useEffect)(() => {
-    updateHeight();
-  }, [updateHeight]);
-  (0, _useResizeObserver.default)(navbarRef, updateHeight);
-  let submenuMaxHeight;
-  if (position === "fixed") {
-    if (orientation === "top" && navbarHeight !== undefined) {
-      submenuMaxHeight = `calc(100vh - ${navbarHeight}px - ${offset})`;
-    } else if (orientation === "bottom") {
-      submenuMaxHeight = offset;
-    }
-  }
-  return /*#__PURE__*/_react.default.createElement(FixedNavigationBarContext.Provider, {
-    value: {
-      submenuMaxHeight
-    }
-  }, children);
-};
-exports.FixedNavigationBarContextProvider = FixedNavigationBarContextProvider;
-var _default = exports.default = FixedNavigationBarContext;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../hooks/__internal__/useResizeObserver/useResizeObserver.js");const i=r.createContext({});exports.FixedNavigationBarContextProvider=({position:o,orientation:s,offset:u,children:a,navbarRef:n})=>{var v;const[l,c]=r.useState(null===(v=n.current)||void 0===v?void 0:v.offsetHeight),d=r.useCallback((()=>{var e;return c(null===(e=n.current)||void 0===e?void 0:e.offsetHeight)}),[n]);let f;return r.useEffect((()=>{d()}),[d]),t.default(n,d),"fixed"===o&&("top"===s&&void 0!==l?f=`calc(100vh - ${l}px - ${u})`:"bottom"===s&&(f=u)),e.jsx(i.Provider,{value:{submenuMaxHeight:f},children:a})},exports.default=i;

package/lib/components/navigation-bar/index.js

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

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

@@ -1,45 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.NavigationBar = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _navigationBar = _interopRequireDefault(require("./navigation-bar.style"));
-var _fixedNavigationBar = require("./__internal__/fixed-navigation-bar.context");
-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); }
-const NavigationBar = ({
-  navigationType = "light",
-  isLoading = false,
-  children,
-  ariaLabel,
-  position,
-  offset = "0px",
-  orientation,
-  isGlobal,
-  ...props
-}) => {
-  const navbarRef = (0, _react.useRef)(null);
-  return /*#__PURE__*/_react.default.createElement(_navigationBar.default, _extends({
-    role: "navigation",
-    "aria-label": isGlobal ? "Global Header" : ariaLabel,
-    navigationType: isGlobal ? "black" : navigationType,
-    orientation: isGlobal ? "top" : orientation,
-    offset: isGlobal ? "0px" : offset,
-    position: isGlobal ? "fixed" : position
-  }, props, {
-    isGlobal: isGlobal,
-    ref: navbarRef
-  }, (0, _tags.default)(isGlobal ? "global-header" : "navigation-bar", props)), /*#__PURE__*/_react.default.createElement(_fixedNavigationBar.FixedNavigationBarContextProvider, {
-    orientation: isGlobal ? "top" : orientation,
-    offset: isGlobal ? "0px" : offset,
-    position: isGlobal ? "fixed" : position,
-    navbarRef: navbarRef
-  }, !isLoading && children));
-};
-exports.NavigationBar = NavigationBar;
-var _default = exports.default = NavigationBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./navigation-bar.style.js"),n=require("./__internal__/fixed-navigation-bar.context.js"),i=require("../../__internal__/utils/helpers/tags/tags.js");function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(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){o(e,t,r[t])}))}return e}function l(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}const s=o=>{var{navigationType:s="light",isLoading:c=!1,children:f,ariaLabel:u,position:b,offset:p="0px",orientation:O,isGlobal:y}=o,g=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(o,["navigationType","isLoading","children","ariaLabel","position","offset","orientation","isGlobal"]);const j=t.useRef(null);return e.jsx(r.default,l(a(l(a({role:"navigation","aria-label":y?"Global Header":u,navigationType:y?"black":s,orientation:y?"top":O,offset:y?"0px":p,position:y?"fixed":b},g),{isGlobal:y,ref:j}),i.default(y?"global-header":"navigation-bar",g)),{children:e.jsx(n.FixedNavigationBarContextProvider,{orientation:y?"top":O,offset:y?"0px":p,position:y?"fixed":b,navbarRef:j,children:!c&&f})}))};exports.NavigationBar=s,exports.default=s;

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

@@ -1,93 +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 _themes = require("../../style/themes");
-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 StyledNavigationBar = _styledComponents.default.nav`
-  display: flex;
-  align-items: center;
-  padding: 0 40px;
-
-  & > * {
-    box-sizing: border-box;
-    min-height: 40px;
-    vertical-align: middle;
-  }
-
-  @media only screen and (max-width: 1259px) {
-    padding: 0 32px;
-  }
-
-  @media only screen and (max-width: 959px) {
-    padding: 0 24px;
-  }
-
-  @media only screen and (max-width: 599px) {
-    padding: 0 16px;
-  }
-
-  && {
-    ${_styledSystem.padding}
-  }
-
-  ${_styledSystem.flexbox}
-
-  .carbon-logo {
-    margin-right: 10px;
-  }
-
-  ${({
-  position,
-  orientation,
-  offset
-}) => position && orientation && (0, _styledComponents.css)`
-      position: ${position};
-      ${orientation}: ${offset};
-
-      ${position === "fixed" && (0, _styledComponents.css)`
-        box-sizing: border-box;
-        width: 100%;
-      `}
-    `}
-
-  ${({
-  navigationType,
-  theme,
-  isGlobal
-}) => (0, _styledComponents.css)`
-    min-height: 40px;
-    z-index: ${isGlobal ? theme.zIndex.globalNav : theme.zIndex.nav};
-
-    ${navigationType === "light" && (0, _styledComponents.css)`
-      background-color: var(--colorsComponentsMenuSpringStandard500);
-      border-bottom: var(--borderWidth100) solid
-        var(--colorsComponentsMenuSpringChildAlt500);
-    `}
-
-    ${navigationType === "dark" && (0, _styledComponents.css)`
-      background-color: var(--colorsComponentsMenuAutumnStandard500);
-      color: var(--colorsComponentsMenuYang100);
-    `}
-
-    ${navigationType === "black" && (0, _styledComponents.css)`
-      background-color: var(--colorsComponentsMenuWinterStandard500);
-      color: var(--colorsComponentsMenuYang100);
-    `}
-
-    ${navigationType === "white" && (0, _styledComponents.css)`
-      background-color: var(--colorsComponentsMenuSummerStandard500);
-      border-bottom: var(--borderWidth100) solid
-        var(--colorsComponentsMenuSummerChildAlt500);
-    `}
-  `}
-`;
-StyledNavigationBar.defaultProps = {
-  theme: _themes.baseTheme
-};
-var _default = exports.default = StyledNavigationBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),o=require("styled-system");require("../../style/themes/sage/index.js");var n=require("../../style/themes/base/index.js");function r(e){return e&&e.__esModule?e:{default:e}}require("../../style/themes/none/index.js");const a=r(e).default.nav.withConfig({displayName:"navigation-bar.style__StyledNavigationBar",componentId:"sc-8aec72fa-0"})(["display:flex;align-items:center;padding:0 40px;& > *{box-sizing:border-box;min-height:40px;vertical-align:middle;}@media only screen and (max-width:1259px){padding:0 32px;}@media only screen and (max-width:959px){padding:0 24px;}@media only screen and (max-width:599px){padding:0 16px;}&&{","}"," .carbon-logo{margin-right:10px;}"," ",""],o.padding,o.flexbox,(({position:o,orientation:n,offset:r})=>o&&n&&e.css(["position:",";",":",";",""],o,n,r,"fixed"===o&&e.css(["box-sizing:border-box;width:100%;"]))),(({navigationType:o,theme:n,isGlobal:r})=>e.css(["min-height:40px;z-index:",";"," "," "," ",""],r?n.zIndex.globalNav:n.zIndex.nav,"light"===o&&e.css(["background-color:var(--colorsComponentsMenuSpringStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSpringChildAlt500);"]),"dark"===o&&e.css(["background-color:var(--colorsComponentsMenuAutumnStandard500);color:var(--colorsComponentsMenuYang100);"]),"black"===o&&e.css(["background-color:var(--colorsComponentsMenuWinterStandard500);color:var(--colorsComponentsMenuYang100);"]),"white"===o&&e.css(["background-color:var(--colorsComponentsMenuSummerStandard500);border-bottom:var(--borderWidth100) solid var(--colorsComponentsMenuSummerChildAlt500);"]))));a.defaultProps={theme:n.default},exports.default=a;

package/lib/components/navigation-bar/package.json

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

package/lib/components/note/__internal__/status-icon/index.js

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

package/lib/components/note/__internal__/status-icon/package.json

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

package/lib/components/note/__internal__/status-icon/status-icon.component.js

@@ -1,23 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _statusIcon = _interopRequireDefault(require("./status-icon.style"));
-var _tooltip = _interopRequireDefault(require("../../../tooltip"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StatusIcon = /*#__PURE__*/_react.default.forwardRef(({
-  tooltipMessage,
-  children
-}, ref) => {
-  return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    message: tooltipMessage
-  }, /*#__PURE__*/_react.default.createElement(_statusIcon.default, {
-    "data-component": "status-with-tooltip",
-    ref: ref
-  }, children));
-});
-StatusIcon.displayName = "StatusIcon";
-var _default = exports.default = StatusIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./status-icon.style.js"),o=require("../../../tooltip/tooltip.component.js");function s(e){return e&&e.__esModule?e:{default:e}}const i=s(t).default.forwardRef((({tooltipMessage:t,children:s},i)=>e.jsx(o.Tooltip,{message:t,children:e.jsx(r.default,{"data-component":"status-with-tooltip",ref:i,children:s})})));i.displayName="StatusIcon",exports.default=i;

package/lib/components/note/__internal__/status-icon/status-icon.style.js

@@ -1,25 +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 StyledStatusIconWrapper = _styledComponents.default.div`
-  :before {
-    content: "";
-    margin-right: -6px;
-
-    @-moz-document url-prefix() {
-      margin-right: 1px;
-    }
-  }
-
-  list-style: disc;
-  display: list-item;
-  left: -4px;
-  position: relative;
-  text-transform: uppercase;
-`;
-var _default = exports.default = StyledStatusIconWrapper;
+"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.div.withConfig({displayName:"status-icon.style__StyledStatusIconWrapper",componentId:"sc-ec7808c-0"})([':before{content:"";margin-right:-6px;@-moz-document url-prefix(){margin-right:1px;}}list-style:disc;display:list-item;left:-4px;position:relative;text-transform:uppercase;']);exports.default=t;

package/lib/components/note/index.js

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

package/lib/components/note/note.component.js

@@ -1,80 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Note = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _invariant = _interopRequireDefault(require("invariant"));
-var _note = require("./note.style");
-var _statusIcon = _interopRequireDefault(require("./__internal__/status-icon"));
-var _actionPopover = require("../action-popover");
-var _internal__ = _interopRequireDefault(require("../text-editor/__internal__"));
-var _textEditor = _interopRequireDefault(require("../text-editor/text-editor.context"));
-var _linkPreview = _interopRequireDefault(require("../link-preview"));
-var _typography = _interopRequireDefault(require("../typography"));
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags"));
-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); }
-function hasExpectedDisplayName(child, displayName) {
-  return child.type.displayName === displayName;
-}
-const Note = ({
-  createdDate,
-  inlineControl,
-  name,
-  noteContent,
-  onLinkAdded,
-  previews,
-  status,
-  title,
-  width = 100,
-  ...rest
-}) => {
-  !(width > 0) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "<Note> width must be greater than 0") : (0, _invariant.default)(false) : void 0;
-  !(!inlineControl || /*#__PURE__*/_react.default.isValidElement(inlineControl) && inlineControl.type === _actionPopover.ActionPopover) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "<Note> inlineControl must be an instance of <ActionPopover>") : (0, _invariant.default)(false) : void 0;
-  const renderStatus = () => {
-    if (!status) {
-      return null;
-    }
-    const {
-      text,
-      timeStamp
-    } = status;
-    return /*#__PURE__*/_react.default.createElement(_note.StyledFooterContent, {
-      hasName: !!name,
-      "data-component": "note-status"
-    }, /*#__PURE__*/_react.default.createElement(_statusIcon.default, {
-      tooltipMessage: timeStamp
-    }, text));
-  };
-  return /*#__PURE__*/_react.default.createElement(_textEditor.default.Provider, {
-    value: {
-      onLinkAdded
-    }
-  }, /*#__PURE__*/_react.default.createElement(_note.StyledNote, _extends({
-    width: width
-  }, rest, (0, _tags.default)("note", rest)), /*#__PURE__*/_react.default.createElement(_note.StyledNoteMain, null, /*#__PURE__*/_react.default.createElement(_note.StyledNoteContent, null, title && (typeof title === "string" ? /*#__PURE__*/_react.default.createElement(_typography.default, {
-    "data-role": "note-title",
-    fontWeight: "700",
-    fontSize: "16px",
-    lineHeight: "21px",
-    paddingBottom: "16px",
-    variant: "h2"
-  }, title) : /*#__PURE__*/_react.default.createElement(_note.StyledTitleWrapper, null, title)), /*#__PURE__*/_react.default.createElement(_internal__.default, {
-    value: noteContent
-  })), inlineControl && /*#__PURE__*/_react.default.createElement(_note.StyledInlineControl, null, inlineControl)), /*#__PURE__*/_react.default.createElement(_note.StyledNoteContent, null, _react.default.Children.map(previews, preview => /*#__PURE__*/_react.default.isValidElement(preview) && hasExpectedDisplayName(preview, _linkPreview.default.displayName) ? /*#__PURE__*/_react.default.cloneElement(preview, {
-    as: "a",
-    onClose: undefined
-  }) : preview)), createdDate && /*#__PURE__*/_react.default.createElement(_note.StyledNoteContent, {
-    hasPreview: !!_react.default.Children.count(previews)
-  }, /*#__PURE__*/_react.default.createElement(_note.StyledFooter, {
-    "data-element": "note-footer"
-  }, name && /*#__PURE__*/_react.default.createElement(_note.StyledFooterContent, {
-    hasName: !!name
-  }, name), /*#__PURE__*/_react.default.createElement(_note.StyledFooterContent, {
-    hasName: !!name
-  }, createdDate), renderStatus()))));
-};
-exports.Note = Note;
-var _default = exports.default = Note;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("invariant"),r=require("./note.style.js"),o=require("./__internal__/status-icon/status-icon.component.js"),i=require("../action-popover/action-popover.component.js");require("../action-popover/action-popover-menu/action-popover-menu.component.js"),require("../action-popover/action-popover-item/action-popover-item.component.js"),require("../action-popover/action-popover-menu-button/action-popover-menu-button.component.js"),require("../action-popover/action-popover-divider/action-popover-divider.component.js");var a=require("../text-editor/__internal__/read-only-rte.component.js"),l=require("../text-editor/text-editor.context.js"),p=require("../link-preview/link-preview.component.js"),c=require("../typography/typography.component.js"),s=require("../../__internal__/utils/helpers/tags/tags.js");function u(e){return e&&e.__esModule?e:{default:e}}var d=u(t),y=u(n);function f(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){f(e,t,n[t])}))}return e}const v=t=>{var n,u,{createdDate:f,inlineControl:v,name:m,noteContent:h,onLinkAdded:b,previews:O,status:x,title:g,width:w=100}=t,P=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,["createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(w>0,"<Note> width must be greater than 0"),y.default(!v||d.default.isValidElement(v)&&v.type===i.ActionPopover,"<Note> inlineControl must be an instance of <ActionPopover>"),e.jsx(l.default.Provider,{value:{onLinkAdded:b},children:e.jsxs(r.StyledNote,(n=j({width:w},P,s.default("note",P)),u={children:[e.jsxs(r.StyledNoteMain,{children:[e.jsxs(r.StyledNoteContent,{children:[g&&("string"==typeof g?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h2",children:g}):e.jsx(r.StyledTitleWrapper,{children:g})),e.jsx(a.default,{value:h})]}),v&&e.jsx(r.StyledInlineControl,{children:v})]}),e.jsx(r.StyledNoteContent,{children:d.default.Children.map(O,(e=>{return d.default.isValidElement(e)&&(t=e,n=p.LinkPreview.displayName,t.type.displayName===n)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,n}))}),f&&e.jsx(r.StyledNoteContent,{hasPreview:!!d.default.Children.count(O),children:e.jsxs(r.StyledFooter,{"data-element":"note-footer",children:[m&&e.jsx(r.StyledFooterContent,{hasName:!!m,children:m}),e.jsx(r.StyledFooterContent,{hasName:!!m,children:f}),(()=>{if(!x)return null;const{text:t,timeStamp:n}=x;return e.jsx(r.StyledFooterContent,{hasName:!!m,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:n,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(u)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(u,e))})),n))})};exports.Note=v,exports.default=v;

package/lib/components/note/note.style.js

@@ -1,147 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledTitleWrapper = exports.StyledNoteMain = exports.StyledNoteContent = exports.StyledNote = exports.StyledInlineControl = exports.StyledFooterContent = exports.StyledFooter = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _styledSystem = require("styled-system");
-var _base = _interopRequireDefault(require("../../style/themes/base"));
-var _linkPreview = require("../link-preview/link-preview.style");
-var _typography = require("../typography/typography.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 StyledNoteContent = exports.StyledNoteContent = _styledComponents.default.div`
-  position: relative;
-  width: 100%;
-
-  ${({
-  hasPreview
-}) => hasPreview && (0, _styledComponents.css)`
-      margin-top: var(--spacing200);
-    `}
-
-  &:last-of-type:not(:first-of-type) {
-    border-top: solid 1px var(--colorsUtilityMajor050);
-  }
-
-  a:not([data-component="link-preview"]) {
-    color: var(--colorsActionMajor500);
-
-    &:hover {
-      cursor: pointer;
-      color: var(--colorsActionMajor600);
-    }
-
-    &:focus {
-      outline: none;
-      text-decoration: none;
-      color: var(--colorsActionMajorYin090);
-      background-color: var(--colorsSemanticFocus250);
-      border-radius: var(--borderRadius025);
-      box-shadow: 0 var(--spacing050) 0 0 var(--colorsUtilityYin090);
-    }
-  }
-`;
-const StyledNoteMain = exports.StyledNoteMain = _styledComponents.default.div`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: var(--spacing300);
-`;
-const StyledInlineControl = exports.StyledInlineControl = _styledComponents.default.div`
-  display: inline-block;
-  min-width: fit-content;
-`;
-const StyledTitleWrapper = exports.StyledTitleWrapper = _styledComponents.default.div`
-  ${_typography.VARIANT_TYPES.map(variant => `
-${variant}{
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 21px;
-  padding-bottom: 16px;
-}
-  `)}
-`;
-const StyledFooterContent = exports.StyledFooterContent = _styledComponents.default.div`
-  line-height: 21px;
-  align-items: baseline;
-  font-weight: 500;
-
-  ${({
-  hasName
-}) => (0, _styledComponents.css)`
-    margin-top: var(--spacing200);
-
-    ${hasName && (0, _styledComponents.css)`
-      &:first-of-type {
-        font-size: 14px;
-      }
-
-      &:nth-of-type(2) {
-        font-size: 12px;
-        color: var(--colorsUtilityYin065);
-        margin-left: var(--spacing200);
-      }
-
-      &:last-of-type:not(:nth-of-type(2)) {
-        font-size: 12px;
-        color: var(--colorsUtilityYin065);
-        cursor: pointer;
-        margin-left: var(--spacing300);
-      }
-    `}
-
-    ${!hasName && (0, _styledComponents.css)`
-      &:first-of-type {
-        font-size: 12px;
-        color: var(--colorsUtilityYin065);
-      }
-
-      &:last-of-type:not(:first-of-type) {
-        font-size: 12px;
-        color: var(--colorsUtilityYin065);
-        cursor: pointer;
-        margin-left: var(--spacing300);
-      }
-    `}
-  `}
-`;
-const StyledFooter = exports.StyledFooter = _styledComponents.default.div`
-  display: flex;
-  margin-bottom: calc(-1 * var(--spacing100));
-  flex-wrap: wrap;
-`;
-const StyledNote = exports.StyledNote = _styledComponents.default.div`
-  ${({
-  width
-}) => (0, _styledComponents.css)`
-    background-color: var(--colorsUtilityYang100);
-    border: 1px solid var(--colorsUtilityMajor100);
-    border-radius: var(--borderRadius100);
-    display: flex;
-    flex-direction: column;
-    padding: 24px;
-    position: relative;
-    width: ${width}%;
-    box-sizing: border-box;
-
-    ${StyledNoteContent} {
-      box-sizing: border-box;
-      width: auto;
-    }
-  `}
-
-  ${_linkPreview.StyledLinkPreview} {
-    margin: 0px;
-
-    :not(:first-of-type) {
-      margin-top: 8px;
-    }
-  }
-
-  ${_styledSystem.margin}
-`;
-StyledNote.defaultProps = {
-  theme: _base.default
-};
+"use strict";var t=require("styled-components"),o=require("styled-system"),e=require("../../style/themes/base/index.js"),i=require("../link-preview/link-preview.style.js"),n=require("../typography/typography.component.js");function r(t){return t&&t.__esModule?t:{default:t}}var s=r(t);const a=s.default.div.withConfig({displayName:"note.style__StyledNoteContent",componentId:"sc-25d178e4-0"})(["position:relative;width:100%;",' &:last-of-type:not(:first-of-type){border-top:solid 1px var(--colorsUtilityMajor050);}a:not([data-component="link-preview"]){color:var(--colorsActionMajor500);&:hover{cursor:pointer;color:var(--colorsActionMajor600);}&:focus{outline:none;text-decoration:none;color:var(--colorsActionMajorYin090);background-color:var(--colorsSemanticFocus250);border-radius:var(--borderRadius025);box-shadow:0 var(--spacing050) 0 0 var(--colorsUtilityYin090);}}'],(({hasPreview:o})=>o&&t.css(["margin-top:var(--spacing200);"]))),l=s.default.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"sc-25d178e4-1"})(["display:flex;justify-content:space-between;padding-bottom:var(--spacing300);"]),d=s.default.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"sc-25d178e4-2"})(["display:inline-block;min-width:fit-content;"]),p=s.default.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"sc-25d178e4-3"})(["",""],n.VARIANT_TYPES.map((t=>`\n      ${t}{\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 21px;\n        padding-bottom: 16px;\n      }\n    `))),c=s.default.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"sc-25d178e4-4"})(["line-height:21px;align-items:baseline;font-weight:500;",""],(({hasName:o})=>t.css(["margin-top:var(--spacing200);"," ",""],o&&t.css(["&:first-of-type{font-size:14px;}&:nth-of-type(2){font-size:12px;color:var(--colorsUtilityYin065);margin-left:var(--spacing200);}&:last-of-type:not(:nth-of-type(2)){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"]),!o&&t.css(["&:first-of-type{font-size:12px;color:var(--colorsUtilityYin065);}&:last-of-type:not(:first-of-type){font-size:12px;color:var(--colorsUtilityYin065);cursor:pointer;margin-left:var(--spacing300);}"])))),y=s.default.div.withConfig({displayName:"note.style__StyledFooter",componentId:"sc-25d178e4-5"})(["display:flex;margin-bottom:calc(-1 * var(--spacing100));flex-wrap:wrap;"]),f=s.default.div.withConfig({displayName:"note.style__StyledNote",componentId:"sc-25d178e4-6"})([""," ","{margin:0px;:not(:first-of-type){margin-top:8px;}}.textBold{font-weight:bold;}.textItalic{font-style:italic;}",""],(({width:o})=>t.css(["background-color:var(--colorsUtilityYang100);border:1px solid var(--colorsUtilityMajor100);border-radius:var(--borderRadius100);display:flex;flex-direction:column;padding:24px;position:relative;width:","%;box-sizing:border-box;","{box-sizing:border-box;width:auto;}"],o,a)),i.StyledLinkPreview,o.margin);f.defaultProps={theme:e.default},exports.StyledFooter=y,exports.StyledFooterContent=c,exports.StyledInlineControl=d,exports.StyledNote=f,exports.StyledNoteContent=a,exports.StyledNoteMain=l,exports.StyledTitleWrapper=p;

package/lib/components/note/package.json

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

package/lib/components/number/index.js

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

package/lib/components/number/number.component.js

@@ -1,65 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Number = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _textbox = _interopRequireDefault(require("../textbox"));
-var _logger = _interopRequireDefault(require("../../__internal__/utils/logger"));
-var _textbox2 = require("../textbox/textbox.component");
-var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/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;
-function isValidNumber(value) {
-  const regex = new RegExp("^[-]?[0-9]*$");
-  const result = regex.test(value);
-  return result;
-}
-const Number = exports.Number = /*#__PURE__*/_react.default.forwardRef(({
-  onChange,
-  onKeyDown,
-  value,
-  align = _textbox2.ALIGN_DEFAULT,
-  labelWidth = _textbox2.LABEL_WIDTH_DEFAULT,
-  size = _textbox2.SIZE_DEFAULT,
-  validationOnLabel = _textbox2.LABEL_VALIDATION_DEFAULT,
-  ...rest
-}, ref) => {
-  const selectionStart = (0, _react.useRef)(null);
-  const selectionEnd = (0, _react.useRef)(null);
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    _logger.default.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.");
-  }
-  const handleOnChange = event => {
-    if (isValidNumber(event.target.value) && onChange) {
-      onChange(event);
-    } else {
-      event.target.value = value || "";
-      event.target.setSelectionRange(selectionStart.current, selectionEnd.current);
-    }
-  };
-  const handleKeyDown = event => {
-    selectionStart.current = event.target.selectionStart;
-    selectionEnd.current = event.target.selectionEnd;
-    if (onKeyDown) {
-      onKeyDown(event);
-    }
-  };
-  return /*#__PURE__*/_react.default.createElement(_textbox.default, _extends({}, rest, {
-    value: value,
-    onChange: handleOnChange,
-    onKeyDown: handleKeyDown,
-    ref: ref,
-    align: align,
-    labelWidth: labelWidth,
-    size: size,
-    validationOnLabel: validationOnLabel
-  }, (0, _tags.default)(rest["data-component"] ?? "number", rest)));
-});
-Number.displayName = "Number";
-var _default = exports.default = Number;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../textbox/textbox.component.js"),n=require("../../__internal__/utils/logger/index.js"),o=require("../../__internal__/utils/helpers/tags/tags.js");function l(e){return e&&e.__esModule?e:{default:e}}function a(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){a(e,t,r[t])}))}return e}let i=!1;const c=l(t).default.forwardRef(((l,a)=>{var{onChange:c,onKeyDown:s,value:b,align:f=r.ALIGN_DEFAULT,labelWidth:p=r.LABEL_WIDTH_DEFAULT,size:O=r.SIZE_DEFAULT,validationOnLabel:d=r.LABEL_VALIDATION_DEFAULT}=l,g=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(l,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const y=t.useRef(null),j=t.useRef(null);var v,m,_;return i||c||(i=!0,n.default.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e.jsx(r.Textbox,u((m=u({},g),_=null!=(_={value:b,onChange:e=>{(function(e){return new RegExp("^[-]?[0-9]*$").test(e)})(e.target.value)&&c?c(e):(e.target.value=b||"",e.target.setSelectionRange(y.current,j.current))},onKeyDown:e=>{y.current=e.target.selectionStart,j.current=e.target.selectionEnd,s&&s(e)},ref:a,align:f,labelWidth:p,size:O,validationOnLabel:d})?_:{},Object.getOwnPropertyDescriptors?Object.defineProperties(m,Object.getOwnPropertyDescriptors(_)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(_)).forEach((function(e){Object.defineProperty(m,e,Object.getOwnPropertyDescriptor(_,e))})),m),o.default(null!==(v=g["data-component"])&&void 0!==v?v:"number",g)))}));c.displayName="Number",exports.Number=c,exports.default=c;