carbon-react/lib/components/note/note.component.js

A library of reusable React components for easily building user interfaces.

"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),n=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__/__ui__/ReadOnlyEditor/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(r);function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function j(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){f(e,t,r[t])}))}return e}const m=t=>{var r,u,{"aria-label":f,createdDate:m,inlineControl:v,name:h,noteContent:b,onLinkAdded:O,previews:x,status:g,title:w,width:_=100}=t,P=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(t,["aria-label","createdDate","inlineControl","name","noteContent","onLinkAdded","previews","status","title","width"]);return y.default(_>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:O},children:e.jsxs(n.StyledNote,(r=j({width:_},P,s.default("note",P)),u={children:[e.jsxs(n.StyledNoteMain,{children:[e.jsxs(n.StyledNoteContent,{children:[w&&("string"==typeof w?e.jsx(c.Typography,{"data-role":"note-title",fontWeight:"700",fontSize:"16px",lineHeight:"21px",paddingBottom:"16px",variant:"h3",children:w}):e.jsx(n.StyledTitleWrapper,{children:w})),e.jsx(a.default,{"aria-label":f,initialValue:b,useBackgroundColor:!1})]}),v&&e.jsx(n.StyledInlineControl,{children:v})]}),e.jsx(n.StyledNoteContent,{children:d.default.Children.map(x,(e=>{return d.default.isValidElement(e)&&(t=e,r=p.LinkPreview.displayName,t.type.displayName===r)?d.default.cloneElement(e,{as:"a",onClose:void 0}):e;var t,r}))}),m&&e.jsx(n.StyledNoteContent,{hasPreview:!!d.default.Children.count(x),children:e.jsxs(n.StyledFooter,{"data-element":"note-footer",children:[h&&e.jsx(n.StyledFooterContent,{hasName:!!h,children:h}),e.jsx(n.StyledFooterContent,{hasName:!!h,children:m}),(()=>{if(!g)return null;const{text:t,timeStamp:r}=g;return e.jsx(n.StyledFooterContent,{hasName:!!h,"data-component":"note-status",children:e.jsx(o.default,{tooltipMessage:r,children:t})})})()]})})]},u=null!=u?u:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(u)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(u)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(u,e))})),r))})};exports.Note=m,exports.default=m;