carbon-react 154.3.2 → 154.4.0-beta.0

package/esm/components/note/note.component.js

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

package/esm/components/note/note.style.js

@@ -1,139 +1 @@
-import styled, { css } from "styled-components";
-import { margin } from "styled-system";
-import baseTheme from "../../style/themes/base";
-import { StyledLinkPreview } from "../link-preview/link-preview.style";
-import { VARIANT_TYPES } from "../typography/typography.component";
-const StyledNoteContent = styled.div`
-  position: relative;
-  width: 100%;
-
-  ${({
-  hasPreview
-}) => hasPreview && 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 = styled.div`
-  display: flex;
-  justify-content: space-between;
-  padding-bottom: var(--spacing300);
-`;
-const StyledInlineControl = styled.div`
-  display: inline-block;
-  min-width: fit-content;
-`;
-const StyledTitleWrapper = styled.div`
-  ${VARIANT_TYPES.map(variant => `
-${variant}{
-  font-weight: 700;
-  font-size: 16px;
-  line-height: 21px;
-  padding-bottom: 16px;
-}
-  `)}
-`;
-const StyledFooterContent = styled.div`
-  line-height: 21px;
-  align-items: baseline;
-  font-weight: 500;
-
-  ${({
-  hasName
-}) => css`
-    margin-top: var(--spacing200);
-
-    ${hasName && 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 && 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 = styled.div`
-  display: flex;
-  margin-bottom: calc(-1 * var(--spacing100));
-  flex-wrap: wrap;
-`;
-const StyledNote = styled.div`
-  ${({
-  width
-}) => 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;
-    }
-  `}
-
-  ${StyledLinkPreview} {
-    margin: 0px;
-
-    :not(:first-of-type) {
-      margin-top: 8px;
-    }
-  }
-
-  ${margin}
-`;
-StyledNote.defaultProps = {
-  theme: baseTheme
-};
-export { StyledNote, StyledNoteContent, StyledNoteMain, StyledInlineControl, StyledTitleWrapper, StyledFooter, StyledFooterContent };
+import o,{css as t}from"styled-components";import{margin as i}from"styled-system";import e from"../../style/themes/base/index.js";import{StyledLinkPreview as n}from"../link-preview/link-preview.style.js";import{VARIANT_TYPES as r}from"../typography/typography.component.js";const a=o.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(["margin-top:var(--spacing200);"]))),s=o.div.withConfig({displayName:"note.style__StyledNoteMain",componentId:"sc-25d178e4-1"})(["display:flex;justify-content:space-between;padding-bottom:var(--spacing300);"]),l=o.div.withConfig({displayName:"note.style__StyledInlineControl",componentId:"sc-25d178e4-2"})(["display:inline-block;min-width:fit-content;"]),p=o.div.withConfig({displayName:"note.style__StyledTitleWrapper",componentId:"sc-25d178e4-3"})(["",""],r.map((o=>`\n      ${o}{\n        font-weight: 700;\n        font-size: 16px;\n        line-height: 21px;\n        padding-bottom: 16px;\n      }\n    `))),d=o.div.withConfig({displayName:"note.style__StyledFooterContent",componentId:"sc-25d178e4-4"})(["line-height:21px;align-items:baseline;font-weight:500;",""],(({hasName:o})=>t(["margin-top:var(--spacing200);"," ",""],o&&t(["&: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(["&: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);}"])))),c=o.div.withConfig({displayName:"note.style__StyledFooter",componentId:"sc-25d178e4-5"})(["display:flex;margin-bottom:calc(-1 * var(--spacing100));flex-wrap:wrap;"]),y=o.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(["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)),n,i);y.defaultProps={theme:e};export{c as StyledFooter,d as StyledFooterContent,l as StyledInlineControl,y as StyledNote,a as StyledNoteContent,s as StyledNoteMain,p as StyledTitleWrapper};

package/esm/components/number/index.js

@@ -1 +1 @@
-export { default } from "./number.component";
+export{Number as default}from"./number.component.js";

package/esm/components/number/number.component.js

@@ -1,56 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useRef } from "react";
-import Textbox from "../textbox";
-import Logger from "../../__internal__/utils/logger";
-import { ALIGN_DEFAULT, LABEL_VALIDATION_DEFAULT, LABEL_WIDTH_DEFAULT, SIZE_DEFAULT } from "../textbox/textbox.component";
-import tagComponent from "../../__internal__/utils/helpers/tags/tags";
-let deprecateUncontrolledWarnTriggered = false;
-function isValidNumber(value) {
-  const regex = new RegExp("^[-]?[0-9]*$");
-  const result = regex.test(value);
-  return result;
-}
-export const Number = /*#__PURE__*/React.forwardRef(({
-  onChange,
-  onKeyDown,
-  value,
-  align = ALIGN_DEFAULT,
-  labelWidth = LABEL_WIDTH_DEFAULT,
-  size = SIZE_DEFAULT,
-  validationOnLabel = LABEL_VALIDATION_DEFAULT,
-  ...rest
-}, ref) => {
-  const selectionStart = useRef(null);
-  const selectionEnd = useRef(null);
-  if (!deprecateUncontrolledWarnTriggered && !onChange) {
-    deprecateUncontrolledWarnTriggered = true;
-    Logger.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.createElement(Textbox, _extends({}, rest, {
-    value: value,
-    onChange: handleOnChange,
-    onKeyDown: handleKeyDown,
-    ref: ref,
-    align: align,
-    labelWidth: labelWidth,
-    size: size,
-    validationOnLabel: validationOnLabel
-  }, tagComponent(rest["data-component"] ?? "number", rest)));
-});
-Number.displayName = "Number";
-export default Number;
+import{jsx as e}from"react/jsx-runtime";import t,{useRef as r}from"react";import{Textbox as n,ALIGN_DEFAULT as o,LABEL_WIDTH_DEFAULT as l,SIZE_DEFAULT as a,LABEL_VALIDATION_DEFAULT as i}from"../textbox/textbox.component.js";import c from"../../__internal__/utils/logger/index.js";import u from"../../__internal__/utils/helpers/tags/tags.js";function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(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){s(e,t,r[t])}))}return e}let p=!1;const f=t.forwardRef(((t,s)=>{var{onChange:f,onKeyDown:O,value:g,align:y=o,labelWidth:m=l,size:d=a,validationOnLabel:j=i}=t,v=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}(t,["onChange","onKeyDown","value","align","labelWidth","size","validationOnLabel"]);const w=r(null),h=r(null);var P,x,S;return p||f||(p=!0,c.deprecate("Uncontrolled behaviour in `Number` is deprecated and support will soon be removed. Please make sure all your inputs are controlled.")),e(n,b((x=b({},v),S=null!=(S={value:g,onChange:e=>{(function(e){return new RegExp("^[-]?[0-9]*$").test(e)})(e.target.value)&&f?f(e):(e.target.value=g||"",e.target.setSelectionRange(w.current,h.current))},onKeyDown:e=>{w.current=e.target.selectionStart,h.current=e.target.selectionEnd,O&&O(e)},ref:s,align:y,labelWidth:m,size:d,validationOnLabel:j})?S:{},Object.getOwnPropertyDescriptors?Object.defineProperties(x,Object.getOwnPropertyDescriptors(S)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(S)).forEach((function(e){Object.defineProperty(x,e,Object.getOwnPropertyDescriptor(S,e))})),x),u(null!==(P=v["data-component"])&&void 0!==P?P:"number",v)))}));f.displayName="Number";export{f as Number,f as default};

package/esm/components/numeral-date/__internal__/numeral-date.context.js

@@ -1,2 +1 @@
-import React from "react";
-export default /*#__PURE__*/React.createContext({});
+import t from"react";var e=t.createContext({});export{e as default};

package/esm/components/numeral-date/index.js

@@ -1 +1 @@
-export { default } from "./numeral-date.component";
+export{NumeralDate as default}from"./numeral-date.component.js";