@procore/core-react 12.25.2 → 12.26.1

package/dist/Tearsheet/Tearsheet.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getFocus","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$block","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref0","_ref1"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { RuleSet } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<'open' | 'closed' | 'placement' | 'shadow', string | RuleSet<object>>\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n      pointer-events: none;\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n      pointer-events: none;\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $block: boolean\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  &:focus-visible {\n    ${getFocus()}\n  }\n\n  ${({ $block, $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      ($stretch || $block) &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Tearsheet.styles.js","names":["styled","css","keyframes","Card","StyledPageContainer","colors","getFocusInset","getShadow","spacing","isIE11","animationSpeed","disabled","tearsheet","scrim","closeButton","slideDistance","positioningProps","right","open","closed","concat","placement","shadow","top","bottom","left","getSlideInAnimation","$placement","getSlideOutAnimation","StyledTearsheetContent","div","withConfig","displayName","componentId","_ref","$open","_ref2","_ref3","$opening","_ref4","$closing","minScrimSize","xxl","StyledTearsheetBody","white","_ref5","$block","$stretch","size","includes","_ref6","zoomIn","zoomOut","StyledScrimContainer","_ref7","minSizeProp","StyledButtonContainer","_ref8","StyledButtonCard","xl","_ref9","_ref0","_ref1"],"sources":["../../src/Tearsheet/Tearsheet.styles.ts"],"sourcesContent":["import type { RuleSet } from 'styled-components'\nimport styled, { css, keyframes } from 'styled-components'\nimport { Card } from '../Card'\nimport { StyledPageContainer } from '../PageLayout/PageLayout.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocusInset } from '../_styles/mixins'\nimport { getShadow } from '../_styles/shadows'\nimport { spacing } from '../_styles/spacing'\nimport { isIE11 } from '../_utils/isIE11'\nimport type { Placement } from './Tearsheet.types'\n\nexport const animationSpeed = {\n  disabled: 0,\n  tearsheet: 800,\n  scrim: 300,\n  closeButton: 150,\n}\n\nconst slideDistance = '100%'\n\nconst positioningProps: Record<\n  Placement,\n  Record<'open' | 'closed' | 'placement' | 'shadow', string | RuleSet<object>>\n> = {\n  right: {\n    open: `translateX(0);`,\n    closed: `translateX(${slideDistance});`,\n    placement: css`\n      flex-direction: row;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'left'),\n  },\n  // @ts-ignore\n  top: {\n    open: `translateY(0);`,\n    closed: `translateY(-${slideDistance});`,\n    placement: css`\n      flex-direction: column-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'bottom'),\n  },\n  bottom: {\n    open: `translateY(0);`,\n    closed: `translateY(${slideDistance});`,\n    placement: css`\n      flex-direction: column;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'top'),\n  },\n  left: {\n    open: `translateX(0);`,\n    closed: `translateX(-${slideDistance});`,\n    placement: css`\n      flex-direction: row-reverse;\n      justify-content: flex-end;\n    `,\n    shadow: getShadow(4, 'right'),\n  },\n}\n\nconst getSlideInAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].closed};\n  }\n  to {\n    transform: ${positioningProps[$placement].open};\n  }\n`\n\nconst getSlideOutAnimation = ($placement: Placement) => keyframes`\n  from {\n    transform: ${positioningProps[$placement].open};\n  }\n  to {\n    transform: ${positioningProps[$placement].closed};\n  }\n`\n\nexport const StyledTearsheetContent = styled.div<{\n  $placement: Placement\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: flex;\n  z-index: 2;\n  width: 100%;\n\n  ${({ $open, $placement }) =>\n    $open\n      ? css`\n          transform: ${positioningProps[$placement].open};\n        `\n      : css`\n          transform: ${positioningProps[$placement].closed};\n        `}\n\n  ${({ $placement }) => positioningProps[$placement].placement}\n\n  ${({ $opening, $placement }) =>\n    $opening &&\n    css`\n      animation: ${getSlideInAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].open};\n      pointer-events: none;\n    `}\n\n  ${({ $closing, $placement }) =>\n    $closing &&\n    css`\n      animation: ${getSlideOutAnimation($placement)}\n        ${animationSpeed.tearsheet}ms ease-out;\n      transform: ${positioningProps[$placement].closed};\n      pointer-events: none;\n    `}\n`\n\nexport const minScrimSize = spacing.xxl * 3\n\nexport const StyledTearsheetBody = styled.div<{\n  $block: boolean\n  $placement: Placement\n  $stretch: boolean\n}>`\n  display: flex;\n  overflow-y: auto;\n  flex-direction: column;\n  background-color: ${colors.white};\n\n  &:focus-visible {\n    ${getFocusInset()}\n  }\n\n  ${({ $block, $placement, $stretch }) => {\n    const size = ['top', 'bottom'].includes($placement) ? '100vh' : '100vw'\n\n    return (\n      ($stretch || $block) &&\n      css`\n        flex: 0 0 calc(${size} - ${minScrimSize}px);\n      `\n    )\n  }}\n\n  ${({ $placement }) => {\n    if (!isIE11()) {\n      return ''\n    }\n\n    if (['top', 'bottom'].includes($placement)) {\n      return css`\n        ${StyledPageContainer} {\n          width: 100vw;\n        }\n      `\n    }\n\n    return css`\n      ${StyledPageContainer} {\n        width: 95vw;\n      }\n    `\n  }}}\n`\n\nconst zoomIn = keyframes`\n  from {\n    transform: scale(0);\n  }\n  to {\n    transform: scale(1);\n  }\n`\n\nconst zoomOut = keyframes`\n  from {\n    transform: scale(1);\n  }\n  to {\n    transform: scale(0);\n  }\n`\n\nexport const StyledScrimContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    const minSizeProp = ['top', 'bottom'].includes($placement)\n      ? 'min-height'\n      : 'min-width'\n\n    return css`\n      ${minSizeProp}: ${minScrimSize}px;\n      flex-grow: 1;\n    `\n  }}\n`\n\nexport const StyledButtonContainer = styled.div<{ $placement: Placement }>`\n  ${({ $placement }) => {\n    switch ($placement) {\n      case 'bottom':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n          flex-direction: column;\n          height: 100%;\n        `\n      case 'right':\n        return css`\n          display: flex;\n          justify-content: flex-end;\n        `\n      case 'left':\n      default:\n        return\n    }\n  }}\n`\n\nexport const StyledButtonCard = styled(Card)<{\n  $open: boolean\n  $opening?: boolean\n  $closing?: boolean\n}>`\n  display: inline-flex;\n  margin: ${spacing.xl}px;\n\n  ${({ $open }) =>\n    $open\n      ? css`\n          transform: scale(1);\n        `\n      : css`\n          transform: scale(0);\n        `}\n\n  ${({ $opening }) =>\n    $opening &&\n    css`\n      animation: ${zoomIn} ${animationSpeed.closeButton}ms;\n      transform: scale(1);\n    `}\n\n  ${({ $closing }) =>\n    $closing &&\n    css`\n      animation: ${zoomOut} ${animationSpeed.closeButton}ms;\n      transform: scale(0);\n    `}\n`\n"],"mappings":"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"}

package/dist/Tearsheet/storybook/PageLayoutDemo.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const PageLayoutDemo: React.ForwardRefExoticComponent<{
+    asideVisible?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/Tearsheet/storybook/PageLayoutDemo.js

@@ -0,0 +1,164 @@
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import React from 'react';
+import { Box } from '../../Box';
+import { Breadcrumbs } from '../../Breadcrumbs';
+import { Button } from '../../Button';
+import { Card } from '../../Card';
+import { Flex } from '../../Flex';
+import { FlexList } from '../../FlexList';
+import { Input } from '../../Input';
+import { Modal } from '../../Modal';
+import { useLabelledPopup } from '../../OverlayTrigger/a11yPresets';
+import { Page } from '../../PageLayout';
+import { Panel } from '../../Panel';
+import { Required } from '../../Required';
+import { H1, Label } from '../../Semantic';
+import { SuperSelect } from '../../SuperSelect/SuperSelect';
+import { Tabs } from '../../Tabs';
+import { Tab } from '../../Tabs/Tabs';
+import { exampleText } from '../../_storyHelpers_/constants';
+var longText = exampleText.longest_ipsum;
+var shortText = exampleText.short_sentence;
+var panelContent = /*#__PURE__*/React.createElement(Flex, {
+  direction: "column",
+  alignItems: "center",
+  paddingBottom: "lg",
+  style: {
+    width: '100%'
+  }
+}, Array.from({
+  length: 10
+}).map(function (_, i) {
+  return /*#__PURE__*/React.createElement("div", {
+    key: "".concat(i, "-content-item"),
+    style: {
+      width: '80%',
+      height: '100px',
+      marginTop: '16px',
+      backgroundColor: 'white',
+      border: '1px solid lightgray',
+      borderRadius: '8px'
+    }
+  });
+}));
+function PanelSample(_ref) {
+  var onClose = _ref.onClose,
+    footer = _ref.hasFooter;
+  return /*#__PURE__*/React.createElement(Panel, null, /*#__PURE__*/React.createElement(Panel.Header, {
+    onClose: onClose
+  }, /*#__PURE__*/React.createElement(Panel.Title, null, "Sample heading")), /*#__PURE__*/React.createElement(Panel.Body, null, panelContent), footer && /*#__PURE__*/React.createElement(Panel.Footer, null, /*#__PURE__*/React.createElement(Button, null, "Action 3"), /*#__PURE__*/React.createElement(FlexList, {
+    space: "sm",
+    marginLeft: "auto"
+  }, /*#__PURE__*/React.createElement(Button, {
+    variant: "primary"
+  }, "Action 4"), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClose,
+    variant: "secondary"
+  }, "Close"))));
+}
+export var PageLayoutDemo = /*#__PURE__*/React.forwardRef(function PageLayoutDemo(props, ref) {
+  var _props$asideVisible;
+  var _React$useState = React.useState((_props$asideVisible = props.asideVisible) !== null && _props$asideVisible !== void 0 ? _props$asideVisible : false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isAsideVisible = _React$useState2[0],
+    setIsAsideVisible = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    isModalVisible = _React$useState4[0],
+    setIsModalVisible = _React$useState4[1];
+  var _useLabelledPopup = useLabelledPopup({
+      isOpen: isModalVisible,
+      popupRole: 'dialog'
+    }),
+    triggerProps = _useLabelledPopup.triggerProps,
+    labelProps = _useLabelledPopup.labelProps,
+    popupProps = _useLabelledPopup.popupProps;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Modal, _extends({
+    open: isModalVisible,
+    onClose: function onClose() {
+      return setIsModalVisible(false);
+    }
+  }, popupProps, {
+    role: "dialog",
+    howToClose: ['x']
+  }), /*#__PURE__*/React.createElement(Modal.Header, labelProps, shortText), /*#__PURE__*/React.createElement(Modal.Body, {
+    tabIndex: 0
+  }, longText)), /*#__PURE__*/React.createElement(Page, null, /*#__PURE__*/React.createElement(Page.Main, null, /*#__PURE__*/React.createElement(Page.Header, null, /*#__PURE__*/React.createElement(Page.Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs, null, /*#__PURE__*/React.createElement(Breadcrumbs.Crumb, {
+    active: true
+  }, "Tool Name"), /*#__PURE__*/React.createElement(Breadcrumbs.Crumb, null, "Item"))), /*#__PURE__*/React.createElement(Page.Title, null, /*#__PURE__*/React.createElement(H1, {
+    id: "page-title"
+  }, "Page Title")), /*#__PURE__*/React.createElement(Page.Tabs, null, /*#__PURE__*/React.createElement(Tabs, null, /*#__PURE__*/React.createElement(Tab, {
+    active: true
+  }, /*#__PURE__*/React.createElement(Tabs.Link, null, "Active")), /*#__PURE__*/React.createElement(Tab, null, /*#__PURE__*/React.createElement(Tabs.Link, null, "Second")), /*#__PURE__*/React.createElement(Tab, null, /*#__PURE__*/React.createElement(Tabs.Link, null, "Third")), /*#__PURE__*/React.createElement(Tab, null, /*#__PURE__*/React.createElement(Tabs.Link, null, "Fourth"))))), /*#__PURE__*/React.createElement(Page.Body, null, /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "md"
+  }, /*#__PURE__*/React.createElement(SuperSelect, {
+    placeholder: "Select",
+    block: true,
+    multiple: true,
+    options: [{
+      value: '1',
+      label: 'some label one'
+    }, {
+      value: '2',
+      label: 'two 2'
+    }, {
+      value: '3',
+      label: 'three three three'
+    }],
+    onChange: console.log
+  })), /*#__PURE__*/React.createElement(Box, {
+    padding: "md"
+  }, /*#__PURE__*/React.createElement(Label, {
+    block: true,
+    style: {
+      marginBottom: '4px'
+    },
+    htmlFor: "example"
+  }, "Label Text", /*#__PURE__*/React.createElement(Required, null)), /*#__PURE__*/React.createElement(Input, {
+    id: "example",
+    placeholder: "Hello",
+    ref: ref
+  }))), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "md",
+    marginTop: "sm"
+  }, longText)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "md",
+    marginTop: "sm"
+  }, longText)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "md",
+    marginTop: "sm"
+  }, longText)), /*#__PURE__*/React.createElement(Card, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "md",
+    marginTop: "sm"
+  }, longText))), /*#__PURE__*/React.createElement(Page.Footer, null, /*#__PURE__*/React.createElement(Box, {
+    padding: "16px",
+    display: "flex"
+  }, /*#__PURE__*/React.createElement(Button, _extends({}, triggerProps, {
+    variant: "secondary",
+    onClick: function onClick() {
+      return setIsModalVisible(true);
+    }
+  }), "Open Modal"), /*#__PURE__*/React.createElement(Button, {
+    variant: "secondary",
+    onClick: function onClick() {
+      return setIsAsideVisible(true);
+    },
+    style: {
+      marginLeft: 'auto'
+    }
+  }, "Open Panel")))), /*#__PURE__*/React.createElement(Page.Aside, {
+    open: isAsideVisible
+  }, /*#__PURE__*/React.createElement(PanelSample, {
+    hasFooter: true,
+    onClose: function onClose() {
+      return setIsAsideVisible(false);
+    }
+  }))));
+});
+//# sourceMappingURL=PageLayoutDemo.js.map

package/dist/Tearsheet/storybook/PageLayoutDemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageLayoutDemo.js","names":["React","Box","Breadcrumbs","Button","Card","Flex","FlexList","Input","Modal","useLabelledPopup","Page","Panel","Required","H1","Label","SuperSelect","Tabs","Tab","exampleText","longText","longest_ipsum","shortText","short_sentence","panelContent","createElement","direction","alignItems","paddingBottom","style","width","Array","from","length","map","_","i","key","concat","height","marginTop","backgroundColor","border","borderRadius","PanelSample","_ref","onClose","footer","hasFooter","Header","Title","Body","Footer","space","marginLeft","variant","onClick","PageLayoutDemo","forwardRef","props","ref","_props$asideVisible","_React$useState","useState","asideVisible","_React$useState2","_slicedToArray","isAsideVisible","setIsAsideVisible","_React$useState3","_React$useState4","isModalVisible","setIsModalVisible","_useLabelledPopup","isOpen","popupRole","triggerProps","labelProps","popupProps","Fragment","_extends","open","role","howToClose","tabIndex","Main","Crumb","active","id","Link","padding","placeholder","block","multiple","options","value","label","onChange","console","log","marginBottom","htmlFor","display","Aside"],"sources":["../../../src/Tearsheet/storybook/PageLayoutDemo.tsx"],"sourcesContent":["import React from 'react'\n\nimport { Box } from '../../Box'\nimport { Breadcrumbs } from '../../Breadcrumbs'\nimport { Button } from '../../Button'\nimport { Card } from '../../Card'\nimport { Flex } from '../../Flex'\nimport { FlexList } from '../../FlexList'\nimport { Input } from '../../Input'\nimport { Modal } from '../../Modal'\nimport { useLabelledPopup } from '../../OverlayTrigger/a11yPresets'\nimport { Page } from '../../PageLayout'\nimport { Panel } from '../../Panel'\nimport { Required } from '../../Required'\nimport { H1, Label } from '../../Semantic'\nimport { SuperSelect } from '../../SuperSelect/SuperSelect'\nimport { Tabs } from '../../Tabs'\nimport { Tab } from '../../Tabs/Tabs'\nimport { exampleText } from '../../_storyHelpers_/constants'\n\nconst longText = exampleText.longest_ipsum\nconst shortText = exampleText.short_sentence\n\nconst panelContent = (\n  <Flex\n    direction=\"column\"\n    alignItems=\"center\"\n    paddingBottom=\"lg\"\n    style={{ width: '100%' }}\n  >\n    {Array.from({ length: 10 }).map((_, i) => (\n      <div\n        key={`${i}-content-item`}\n        style={{\n          width: '80%',\n          height: '100px',\n          marginTop: '16px',\n          backgroundColor: 'white',\n          border: '1px solid lightgray',\n          borderRadius: '8px',\n        }}\n      />\n    ))}\n  </Flex>\n)\n\nfunction PanelSample({\n  onClose,\n  hasFooter: footer,\n}: {\n  onClose: () => void\n  hasFooter?: boolean\n}) {\n  return (\n    <Panel>\n      <Panel.Header onClose={onClose}>\n        <Panel.Title>Sample heading</Panel.Title>\n      </Panel.Header>\n      <Panel.Body>{panelContent}</Panel.Body>\n      {footer && (\n        <Panel.Footer>\n          <Button>Action 3</Button>\n          <FlexList space=\"sm\" marginLeft=\"auto\">\n            <Button variant=\"primary\">Action 4</Button>\n            <Button onClick={onClose} variant=\"secondary\">\n              Close\n            </Button>\n          </FlexList>\n        </Panel.Footer>\n      )}\n    </Panel>\n  )\n}\n\nexport const PageLayoutDemo = React.forwardRef<\n  HTMLInputElement,\n  { asideVisible?: boolean }\n>(function PageLayoutDemo(props, ref) {\n  const [isAsideVisible, setIsAsideVisible] = React.useState(\n    props.asideVisible ?? false\n  )\n  const [isModalVisible, setIsModalVisible] = React.useState(false)\n\n  const { triggerProps, labelProps, popupProps } = useLabelledPopup({\n    isOpen: isModalVisible,\n    popupRole: 'dialog',\n  })\n\n  return (\n    <>\n      <Modal\n        open={isModalVisible}\n        onClose={() => setIsModalVisible(false)}\n        {...popupProps}\n        role=\"dialog\"\n        howToClose={['x']}\n      >\n        <Modal.Header {...labelProps}>{shortText}</Modal.Header>\n        <Modal.Body tabIndex={0}>{longText}</Modal.Body>\n      </Modal>\n      <Page>\n        <Page.Main>\n          <Page.Header>\n            <Page.Breadcrumbs>\n              <Breadcrumbs>\n                <Breadcrumbs.Crumb active>Tool Name</Breadcrumbs.Crumb>\n                <Breadcrumbs.Crumb>Item</Breadcrumbs.Crumb>\n              </Breadcrumbs>\n            </Page.Breadcrumbs>\n            <Page.Title>\n              <H1 id=\"page-title\">Page Title</H1>\n            </Page.Title>\n            <Page.Tabs>\n              <Tabs>\n                <Tab active>\n                  <Tabs.Link>Active</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Second</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Third</Tabs.Link>\n                </Tab>\n                <Tab>\n                  <Tabs.Link>Fourth</Tabs.Link>\n                </Tab>\n              </Tabs>\n            </Page.Tabs>\n          </Page.Header>\n          <Page.Body>\n            <Card>\n              <Box padding=\"md\">\n                <SuperSelect\n                  placeholder=\"Select\"\n                  block\n                  multiple\n                  options={[\n                    { value: '1', label: 'some label one' },\n                    { value: '2', label: 'two 2' },\n                    { value: '3', label: 'three three three' },\n                  ]}\n                  onChange={console.log}\n                />\n              </Box>\n\n              <Box padding=\"md\">\n                <Label block style={{ marginBottom: '4px' }} htmlFor=\"example\">\n                  Label Text\n                  <Required />\n                </Label>\n\n                <Input id=\"example\" placeholder=\"Hello\" ref={ref} />\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n            <Card>\n              <Box padding=\"md\" marginTop=\"sm\">\n                {longText}\n              </Box>\n            </Card>\n          </Page.Body>\n          <Page.Footer>\n            <Box padding=\"16px\" display=\"flex\">\n              <Button\n                {...triggerProps}\n                variant=\"secondary\"\n                onClick={() => setIsModalVisible(true)}\n              >\n                Open Modal\n              </Button>\n              <Button\n                variant=\"secondary\"\n                onClick={() => setIsAsideVisible(true)}\n                style={{ marginLeft: 'auto' }}\n              >\n                Open Panel\n              </Button>\n            </Box>\n          </Page.Footer>\n        </Page.Main>\n        <Page.Aside open={isAsideVisible}>\n          <PanelSample hasFooter onClose={() => setIsAsideVisible(false)} />\n        </Page.Aside>\n      </Page>\n    </>\n  )\n})\n"],"mappings":"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"}

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_25_2__sc-u5mow1-0"
+  componentId: "core-12_26_1__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditor/TextEditor.d.ts

@@ -1,20 +1,3 @@
 import React from 'react';
-import type { TextEditorProps, TextEditorProviderProps } from './TextEditor.types';
-export declare function TextEditorProvider({ children, features, }: TextEditorProviderProps): React.JSX.Element;
-/**
-
- We use text editors to allow users to enter multiple lines of formatted text.
-
- If users need to add unformatted text, see Text Area.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)
-
- @see [Design Guidelines](https://design.procore.com/text-editor)
-
- */
-export declare function TextEditor({ error, init: initOverrides, locale, onChange, onInit: _onInit, plugins, ...props }: TextEditorProps): React.JSX.Element;
-export declare namespace TextEditor {
-    var displayName: string;
-}
+import type { TextEditorProps } from './TextEditor.types';
+export declare const TextEditor: (props: TextEditorProps) => React.JSX.Element;

package/dist/TextEditor/TextEditor.js

@@ -1,173 +1,15 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["error", "init", "locale", "onChange", "onInit", "plugins"];
-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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var _excluded = ["tinyMCE"];
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-import { Editor } from '@tinymce/tinymce-react';
-import React, { useState } from 'react';
-import { useOverridableFocusScope } from '../_hooks/FocusScopeOverride';
-import { useI18nContext } from '../_hooks/I18n';
-import { useZIndexContext } from '../_hooks/ZIndex';
-import { defaultPlugins, generateExternalPlugins, generateLanguageUrl, getValidLookupLocale, tinyMCEConfig, tinyMCESource, tinyMCETabMarkup, tinyMCEVersion } from '../_utils/TinyMCE';
-import { GlobalStyle } from './TextEditor.styles';
-var errorRed = '#E61920';
-function noop() {}
-var TextEditorContext = /*#__PURE__*/React.createContext({
-  features: {
-    tabAsNavigation: undefined,
-    stickyToolbar: undefined
+import React from 'react';
+import { DeprecatedTextEditor } from '../DeprecatedTextEditor';
+import { NextTextEditor } from '../NextTextEditor';
+export var TextEditor = function TextEditor(props) {
+  var tinyMCE = props.tinyMCE,
+    restProps = _objectWithoutProperties(props, _excluded);
+  if (tinyMCE) {
+    return /*#__PURE__*/React.createElement(DeprecatedTextEditor, restProps);
   }
-});
-export function TextEditorProvider(_ref) {
-  var children = _ref.children,
-    features = _ref.features;
-  return /*#__PURE__*/React.createElement(TextEditorContext.Provider, {
-    value: {
-      features: features
-    }
-  }, children);
-}
-function setupDefaultShortcuts(editor) {
-  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough');
-}
-
-/**
- * editor.addShortcut does not notify on Tab key presses
- */
-function setupShortcuts(editor) {
-  setupDefaultShortcuts(editor);
-  editor.on('keydown', function checkTabPress(event) {
-    if (event.altKey && event.key === 'Tab') {
-      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup);
-      event.preventDefault();
-      event.stopPropagation();
-      return false;
-    }
-  });
-}
-
-/**
- * The following plugins open a TinyMCE modal.
- * When used with React Aria contained FocusScope,
- * focus does not move into the TinyMCE modal.
- * This patch gets critical functionality back at
- * the cost of possibly failing accessbility.
- */
-function useFocusScopePatch(plugins) {
-  var focusScope = useOverridableFocusScope();
-  React.useEffect(function () {
-    if ([].concat(_toConsumableArray(defaultPlugins), _toConsumableArray(plugins)).some(
-    // Add plugins that open a tinymce modal here
-    function (plugin) {
-      return plugin === 'link' || plugin === 'table' || plugin === 'image';
-    })) {
-      focusScope.setProps({
-        contain: false
-      });
-    }
-  }, [focusScope, plugins]);
-}
-
-/**
-
- We use text editors to allow users to enter multiple lines of formatted text.
-
- If users need to add unformatted text, see Text Area.
-
- @since 10.19.0
-
- @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)
-
- @see [Design Guidelines](https://design.procore.com/text-editor)
-
- */
-export function TextEditor(_ref2) {
-  var _props$initialValue, _props$value;
-  var error = _ref2.error,
-    initOverrides = _ref2.init,
-    locale = _ref2.locale,
-    _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? noop : _ref2$onChange,
-    _onInit = _ref2.onInit,
-    _ref2$plugins = _ref2.plugins,
-    plugins = _ref2$plugins === void 0 ? defaultPlugins : _ref2$plugins,
-    props = _objectWithoutProperties(_ref2, _excluded);
-  var _useI18nContext = useI18nContext(),
-    contextLocale = _useI18nContext.locale;
-  var _useZIndexContext = useZIndexContext(),
-    zIndex = _useZIndexContext.value;
-  var _React$useContext = React.useContext(TextEditorContext),
-    features = _React$useContext.features;
-  var stickyToolbar = features !== null && features !== void 0 && features.stickyToolbar ? {
-    toolbar_sticky: true
-  } : {};
-  var tabControls = features !== null && features !== void 0 && features.tabAsNavigation ? {
-    external_plugins: generateExternalPlugins(plugins, defaultPlugins.filter(function (p) {
-      return p !== 'nonbreaking';
-    })),
-    nonbreaking_force_tab: false,
-    setup: setupShortcuts
-  } : {
-    setup: setupDefaultShortcuts
-  };
-  var onEditorChange = function onEditorChange(_, editor) {
-    onChange(editor.getContent(), editor.isDirty());
-  };
-  var ref = React.useRef();
-  var updateError = function updateError() {
-    if (ref.current) {
-      if (error) {
-        ref.current.style.borderColor = errorRed;
-      } else {
-        ref.current.style.borderColor = '';
-      }
-    }
-  };
-  React.useEffect(function () {
-    updateError();
-  }, [error]);
-  useFocusScopePatch(plugins);
-  var onInit = function onInit(event, editor) {
-    ref.current = editor.editorContainer;
-    updateError();
-    _onInit && _onInit(event, editor);
-  };
-  var _useState = useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : props.value),
-    _useState2 = _slicedToArray(_useState, 1),
-    derivedInitial = _useState2[0];
-
-  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyle, {
-    $zIndex: zIndex + 1
-  }), /*#__PURE__*/React.createElement(Editor, _extends({
-    init: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
-      external_plugins: generateExternalPlugins(plugins),
-      language_url: generateLanguageUrl(locale || contextLocale),
-      language: getValidLookupLocale(locale || contextLocale),
-      content_style: "p { margin: 0; }"
-    }, stickyToolbar), tabControls), initOverrides),
-    tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"),
-    onInit: onInit,
-    onEditorChange: onEditorChange
-  }, props, {
-    value: (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : props.initialValue,
-    initialValue: derivedInitial
-  })));
-}
-TextEditor.displayName = 'TextEditor';
+  return /*#__PURE__*/React.createElement(NextTextEditor, restProps);
+};
 //# sourceMappingURL=TextEditor.js.map

package/dist/TextEditor/TextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.js","names":["Editor","React","useState","useOverridableFocusScope","useI18nContext","useZIndexContext","defaultPlugins","generateExternalPlugins","generateLanguageUrl","getValidLookupLocale","tinyMCEConfig","tinyMCESource","tinyMCETabMarkup","tinyMCEVersion","GlobalStyle","errorRed","noop","TextEditorContext","createContext","features","tabAsNavigation","undefined","stickyToolbar","TextEditorProvider","_ref","children","createElement","Provider","value","setupDefaultShortcuts","editor","shortcuts","add","setupShortcuts","on","checkTabPress","event","altKey","key","execCommand","preventDefault","stopPropagation","useFocusScopePatch","plugins","focusScope","useEffect","concat","_toConsumableArray","some","plugin","setProps","contain","TextEditor","_ref2","_props$initialValue","_props$value","error","initOverrides","init","locale","_ref2$onChange","onChange","_onInit","onInit","_ref2$plugins","props","_objectWithoutProperties","_excluded","_useI18nContext","contextLocale","_useZIndexContext","zIndex","_React$useContext","useContext","toolbar_sticky","tabControls","external_plugins","filter","p","nonbreaking_force_tab","setup","onEditorChange","_","getContent","isDirty","ref","useRef","updateError","current","style","borderColor","editorContainer","_useState","initialValue","_useState2","_slicedToArray","derivedInitial","Fragment","$zIndex","_extends","_objectSpread","language_url","language","content_style","tinymceScriptSrc","displayName"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import { Editor } from '@tinymce/tinymce-react'\nimport React, { useState } from 'react'\nimport { useOverridableFocusScope } from '../_hooks/FocusScopeOverride'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { useZIndexContext } from '../_hooks/ZIndex'\nimport {\n  defaultPlugins,\n  generateExternalPlugins,\n  generateLanguageUrl,\n  getValidLookupLocale,\n  tinyMCEConfig,\n  tinyMCESource,\n  tinyMCETabMarkup,\n  tinyMCEVersion,\n} from '../_utils/TinyMCE'\nimport { GlobalStyle } from './TextEditor.styles'\nimport type {\n  TextEditorProps,\n  TextEditorProviderProps,\n} from './TextEditor.types'\n\nconst errorRed = '#E61920'\n\nfunction noop() {}\n\nconst TextEditorContext = React.createContext<\n  Omit<TextEditorProviderProps, 'children'>\n>({\n  features: {\n    tabAsNavigation: undefined,\n    stickyToolbar: undefined,\n  },\n})\n\nexport function TextEditorProvider({\n  children,\n  features,\n}: TextEditorProviderProps) {\n  return (\n    <TextEditorContext.Provider value={{ features }}>\n      {children}\n    </TextEditorContext.Provider>\n  )\n}\n\nfunction setupDefaultShortcuts(editor: any) {\n  editor.shortcuts.add('meta+shift+s', 'Strikethrough', 'Strikethrough')\n}\n\n/**\n * editor.addShortcut does not notify on Tab key presses\n */\nfunction setupShortcuts(editor: any) {\n  setupDefaultShortcuts(editor)\n  editor.on('keydown', function checkTabPress(event: React.KeyboardEvent) {\n    if (event.altKey && event.key === 'Tab') {\n      editor.execCommand('mceInsertContent', false, tinyMCETabMarkup)\n      event.preventDefault()\n      event.stopPropagation()\n      return false\n    }\n  })\n}\n\n/**\n * The following plugins open a TinyMCE modal.\n * When used with React Aria contained FocusScope,\n * focus does not move into the TinyMCE modal.\n * This patch gets critical functionality back at\n * the cost of possibly failing accessbility.\n */\nfunction useFocusScopePatch(plugins: string[]) {\n  const focusScope = useOverridableFocusScope()\n  React.useEffect(() => {\n    if (\n      [...defaultPlugins, ...plugins].some(\n        // Add plugins that open a tinymce modal here\n        (plugin) =>\n          plugin === 'link' || plugin === 'table' || plugin === 'image'\n      )\n    ) {\n      focusScope.setProps({ contain: false })\n    }\n  }, [focusScope, plugins])\n}\n\n/**\n\n We use text editors to allow users to enter multiple lines of formatted text.\n\n If users need to add unformatted text, see Text Area.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-texteditor--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-editor)\n\n */\nexport function TextEditor({\n  error,\n  init: initOverrides,\n  locale,\n  onChange = noop,\n  onInit: _onInit,\n  plugins = defaultPlugins,\n  ...props\n}: TextEditorProps) {\n  const { locale: contextLocale } = useI18nContext()\n  const { value: zIndex } = useZIndexContext()\n\n  const { features } = React.useContext(TextEditorContext)\n  const stickyToolbar = features?.stickyToolbar ? { toolbar_sticky: true } : {}\n  const tabControls = features?.tabAsNavigation\n    ? {\n        external_plugins: generateExternalPlugins(\n          plugins,\n          defaultPlugins.filter((p) => p !== 'nonbreaking')\n        ),\n        nonbreaking_force_tab: false,\n        setup: setupShortcuts,\n      }\n    : {\n        setup: setupDefaultShortcuts,\n      }\n\n  const onEditorChange: React.ComponentProps<\n    typeof Editor\n  >['onEditorChange'] = (_: any, editor: any) => {\n    onChange(editor.getContent(), editor.isDirty())\n  }\n\n  const ref = React.useRef<HTMLElement>()\n\n  const updateError = () => {\n    if (ref.current) {\n      if (error) {\n        ref.current.style.borderColor = errorRed\n      } else {\n        ref.current.style.borderColor = ''\n      }\n    }\n  }\n\n  React.useEffect(() => {\n    updateError()\n  }, [error])\n\n  useFocusScopePatch(plugins)\n\n  const onInit: React.ComponentProps<typeof Editor>['onInit'] = (\n    event,\n    editor\n  ) => {\n    ref.current = editor.editorContainer\n    updateError()\n    _onInit && _onInit(event, editor)\n  }\n\n  const [derivedInitial] = useState(props.initialValue ?? props.value)\n\n  // zIndex + 1 because on first render zIndex of Portal(Modal) is higher\n  return (\n    <>\n      <GlobalStyle $zIndex={zIndex + 1} />\n      <Editor\n        init={{\n          ...tinyMCEConfig,\n          external_plugins: generateExternalPlugins(plugins),\n          language_url: generateLanguageUrl(locale || contextLocale),\n          language: getValidLookupLocale(locale || contextLocale),\n          content_style: `p { margin: 0; }`,\n          ...stickyToolbar,\n          ...tabControls,\n          ...initOverrides,\n        }}\n        tinymceScriptSrc={`${tinyMCESource}/${tinyMCEVersion}/tinymce.min.js`}\n        onInit={onInit}\n        onEditorChange={onEditorChange}\n        {...props}\n        value={props.value ?? props.initialValue}\n        initialValue={derivedInitial}\n      />\n    </>\n  )\n}\n\nTextEditor.displayName = 'TextEditor'\n"],"mappings":"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"}
+{"version":3,"file":"TextEditor.js","names":["React","DeprecatedTextEditor","NextTextEditor","TextEditor","props","tinyMCE","restProps","_objectWithoutProperties","_excluded","createElement"],"sources":["../../src/TextEditor/TextEditor.tsx"],"sourcesContent":["import React from 'react'\nimport { DeprecatedTextEditor } from '../DeprecatedTextEditor'\nimport { NextTextEditor } from '../NextTextEditor'\nimport type { TextEditorProps } from './TextEditor.types'\n\nexport const TextEditor = (props: TextEditorProps) => {\n  const { tinyMCE, ...restProps } = props\n\n  if (tinyMCE) {\n    return <DeprecatedTextEditor {...restProps} />\n  }\n\n  return <NextTextEditor {...restProps} />\n}\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,oBAAoB,QAAQ,yBAAyB;AAC9D,SAASC,cAAc,QAAQ,mBAAmB;AAGlD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAsB,EAAK;EACpD,IAAQC,OAAO,GAAmBD,KAAK,CAA/BC,OAAO;IAAKC,SAAS,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EAEvC,IAAIH,OAAO,EAAE;IACX,oBAAOL,KAAA,CAAAS,aAAA,CAACR,oBAAoB,EAAKK,SAAY,CAAC;EAChD;EAEA,oBAAON,KAAA,CAAAS,aAAA,CAACP,cAAc,EAAKI,SAAY,CAAC;AAC1C,CAAC"}

package/dist/TextEditor/TextEditor.types.d.ts

@@ -1,89 +1,22 @@
-import type { Editor, IAllProps } from '@tinymce/tinymce-react';
-import type React from 'react';
-import type { Locale } from '../_hooks/I18n';
-declare type TextEditorFeatureToggle = {
-    stickyToolbar?: boolean;
-    tabAsNavigation?: boolean;
-};
-/**
- * Expect context to change the `init` config of the below `TextEditor`s.
- * **Changes after the editor has initialized are ignored.**
- * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
- * @link [TinyMCE React configure editor](https://www.tiny.cloud/docs/integrations/react/#configuringeditorsettings)
- */
-export interface TextEditorProviderProps {
-    children: React.ReactNode;
-    /**
-     * - `stickyToolbar` - Have the editor toolbar stick to the top when content is longer than the page length.
-     * - `tabAsNavigation` - Have `Tab` key exit the editor. Support `Alt`/`Opt` + `Tab` as triple space indent.
-     */
-    features?: TextEditorFeatureToggle;
-}
-export interface TextEditorProps extends Omit<React.ComponentProps<typeof Editor>, 'onChange' | 'onKeyUp'> {
-    /**
-     * @since 10.19.0
-     */
-    disabled?: boolean;
-    /**
-     * @since 10.19.0
-     */
-    error?: boolean;
-    /**
-     * Config for when the editor is initialized. **Changes after the editor has initialized are ignored.**
-     * @link [TinyMCE React Init](https://www.tiny.cloud/docs/integrations/react/#init)
-     * @unsupported Use at your own risk. DST makes no guarantees about this API,
-     * and is subject to removal at any point without warning or deprecation.
-     * @since 10.19.0
-     */
-    init?: IAllProps['init'];
+import type { DeprecatedTextEditorProps } from '../DeprecatedTextEditor';
+import type { NextTextEditorProps } from '../NextTextEditor';
+declare type TinyMCEEditorProps = DeprecatedTextEditorProps & {
     /**
-     * @deprecated
-     * `initialValue` has been deprecated and will be removed in a future version.
-     * Please use the `value` prop instead
-     *
-     * The first value passed into `value` prop will be the `TextEditor` initial
-     * value. Changing the value will update the text of the `TextEditor`.
-     * The editor should be controlled via the combination of `value`
-     * and `onChange` props.
-     *
-     * **Before**
-     *
-     * `<TextEditor initialValue="Hello World" />`
-     *
-     * **After**
-     *
-     * `<TextEditor value="Hello World" />`
-     *
-     * @deprecatedSince 10.20.0
-     * @since 10.19.0
+     * If you experience problems with the new editor implementation, you can use this to **temporarily** switch back to legacy version while you report the issue.
+     * @deprecated This property will be removed in the future.
      */
-    initialValue?: string;
-    /**
-     * Locale which will be used used for localization. Can be passed directly or
-     * set by wrapping components in I18n provider. Icelandic (is-IS) is not
-     * actually supported by TinyMCE, so it is defaulted to english.
-     * @since 10.19.0
-     */
-    locale?: Locale;
-    /**
-     * onChange event handler for text editor area
-     *
-     * ```
-     * (content: string) => void
-     * ```
-     * @since 10.19.0
-     */
-    onChange?: (content: string, isDirty?: boolean) => void;
-    /**
-     *
-     * Array of plugins to use with the editor in addition to the defaults.
-     * Can be any of:
-     *
-     * ```
-     * [{plugins.map((plugin) => `'${plugin}'`).join(', ')}]
-     * ```
-     * @since 10.19.0
-     */
-    plugins?: Array<string>;
-}
+    tinyMCE: true;
+};
+declare type CKEditorProps = NextTextEditorProps & {
+    tinyMCE?: false;
+};
+export declare type TextEditorProps = Omit<TinyMCEEditorProps | CKEditorProps, 'onFocus' | 'onBlur' | 'onInit' | 'onDirty' | 'onKeyDown' | 'onEditorChange' | 'onFocusOut'> & {
+    onFocus?: (...args: any[]) => void;
+    onBlur?: (...args: any[]) => void;
+    onInit?: (...args: any[]) => void;
+    onDirty?: (...args: any[]) => void;
+    onKeyDown?: (event: KeyboardEvent) => void;
+    onEditorChange?: (value: string) => void;
+    onFocusOut?: (...args: any[]) => void;
+};
 export {};