@wix/auto-patterns 1.48.0 → 1.49.0

package/dist/cjs/cms-fields/components/rich-text/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+exports.__esModule = true;
+var _richTextView = require("./rich-text-view");
+Object.keys(_richTextView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richTextView[key]) return;
+  exports[key] = _richTextView[key];
+});
+var _richTextInput = require("./rich-text-input");
+Object.keys(_richTextInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richTextInput[key]) return;
+  exports[key] = _richTextInput[key];
+});
+var _link = require("./components/link");
+Object.keys(_link).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _link[key]) return;
+  exports[key] = _link[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/rich-text/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_richTextView","require","Object","keys","forEach","key","exports","_richTextInput","_link"],"sources":["../../../../../src/cms-fields/components/rich-text/index.ts"],"sourcesContent":["export * from './rich-text-view';\nexport * from './rich-text-input';\n\nexport type { NoOptions, TextKeys } from './types';\nexport * from './components/link';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AAGA,IAAAG,KAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,KAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,KAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,KAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/data-hooks.js

@@ -0,0 +1,7 @@
+"use strict";
+
+exports.__esModule = true;
+exports.richTextToolbarDataHook = exports.richTextDataHook = void 0;
+const richTextToolbarDataHook = exports.richTextToolbarDataHook = 'rich-text-toolbar';
+const richTextDataHook = exports.richTextDataHook = 'rich-text';
+//# sourceMappingURL=data-hooks.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/data-hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["richTextToolbarDataHook","exports","richTextDataHook"],"sources":["../../../../../../src/cms-fields/components/rich-text/rich-text-input/data-hooks.ts"],"sourcesContent":["export const richTextToolbarDataHook = 'rich-text-toolbar';\nexport const richTextDataHook = 'rich-text';\n"],"mappings":";;;;AAAO,MAAMA,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,mBAAmB;AACnD,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAG,WAAW","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormRichTextInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _userSiteFonts = require("../../../user-site-fonts");
+var _richTextEditor = require("../rich-text-editor");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.tsx";
+const FormRichTextInput = ({
+  data,
+  invalid,
+  ...props
+}) => {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.headingsEnabled && /*#__PURE__*/_react.default.createElement(_userSiteFonts.UserSiteFonts, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 18,
+      columnNumber: 33
+    }
+  }), /*#__PURE__*/_react.default.createElement(_richTextEditor.RichTextEditor, (0, _extends2.default)({}, props, {
+    value: data,
+    status: invalid ? 'error' : undefined,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 7
+    }
+  })));
+};
+exports.FormRichTextInput = FormRichTextInput;
+//# sourceMappingURL=form-rich-text-input.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_userSiteFonts","_richTextEditor","_jsxFileName","FormRichTextInput","data","invalid","props","default","createElement","Fragment","headingsEnabled","UserSiteFonts","__self","__source","fileName","lineNumber","columnNumber","RichTextEditor","_extends2","value","status","undefined","exports"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/form-input/form-rich-text-input.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { FormInputProps } from '../../../../types';\nimport { UserSiteFonts } from '../../../user-site-fonts';\nimport type { RichTextEditorProps } from '../rich-text-editor';\nimport { RichTextEditor } from '../rich-text-editor';\n\nexport type FormRichTextInputProps = FormInputProps<string> &\n  Pick<RichTextEditorProps, 'textStyle' | 'headingsEnabled'>;\n\nexport const FormRichTextInput: React.FC<FormRichTextInputProps> = ({\n  data,\n  invalid,\n  ...props\n}) => {\n  return (\n    <>\n      {props.headingsEnabled && <UserSiteFonts />}\n      <RichTextEditor\n        {...props}\n        value={data}\n        status={invalid ? 'error' : undefined}\n      />\n    </>\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAqD,IAAAG,YAAA;AAK9C,MAAMC,iBAAmD,GAAGA,CAAC;EAClEC,IAAI;EACJC,OAAO;EACP,GAAGC;AACL,CAAC,KAAK;EACJ,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAAAX,MAAA,CAAAU,OAAA,CAAAE,QAAA,QACGH,KAAK,CAACI,eAAe,iBAAIb,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,cAAA,CAAAW,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAC3CnB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAgB,cAAc,MAAAC,SAAA,CAAAX,OAAA,MACTD,KAAK;IACTa,KAAK,EAAEf,IAAK;IACZgB,MAAM,EAAEf,OAAO,GAAG,OAAO,GAAGgB,SAAU;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,EACvC,CACD,CAAC;AAEP,CAAC;AAACM,OAAA,CAAAnB,iBAAA,GAAAA,iBAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/form-input/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = exports.FormRichTextInput = void 0;
+var _formRichTextInput = require("./form-rich-text-input");
+exports.FormRichTextInput = _formRichTextInput.FormRichTextInput;
+exports.default = _formRichTextInput.FormRichTextInput;
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/form-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formRichTextInput","require","exports","FormRichTextInput","default"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/form-input/index.ts"],"sourcesContent":["export { FormRichTextInput, FormRichTextInput as default } from './form-rich-text-input';\nexport type { FormRichTextInputProps } from './form-rich-text-input';\n"],"mappings":";;;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAyFC,OAAA,CAAAC,iBAAA,GAAAH,kBAAA,CAAAG,iBAAA;AAAAD,OAAA,CAAAE,OAAA,GAAAJ,kBAAA,CAAAG,iBAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _formInput = require("./form-input");
+Object.keys(_formInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formInput[key]) return;
+  exports[key] = _formInput[key];
+});
+var _richTextEditor = require("./rich-text-editor");
+Object.keys(_richTextEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richTextEditor[key]) return;
+  exports[key] = _richTextEditor[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_formInput","require","Object","keys","forEach","key","exports","_richTextEditor"],"sources":["../../../../../../src/cms-fields/components/rich-text/rich-text-input/index.ts"],"sourcesContent":["export * from './form-input';\nexport * from './rich-text-editor';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,eAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,eAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,eAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,eAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.compositeDecorator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _draftJs = require("draft-js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.tsx";
+const findLinkEntities = (contentBlock, cb, contentState) => {
+  contentBlock.findEntityRanges(character => {
+    const entityKey = character.getEntity();
+    return entityKey !== null && contentState.getEntity(entityKey).getType() === 'LINK';
+  }, cb);
+};
+const Link = props => {
+  const {
+    url
+  } = props.contentState.getEntity(props.entityKey).getData();
+  return /*#__PURE__*/_react.default.createElement("a", {
+    href: url,
+    children: props.children,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 10
+    }
+  });
+};
+const compositeDecorator = exports.compositeDecorator = new _draftJs.CompositeDecorator([{
+  strategy: findLinkEntities,
+  component: Link
+}]);
+//# sourceMappingURL=composite-decorator.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_draftJs","_jsxFileName","findLinkEntities","contentBlock","cb","contentState","findEntityRanges","character","entityKey","getEntity","getType","Link","props","url","getData","default","createElement","href","children","__self","__source","fileName","lineNumber","columnNumber","compositeDecorator","exports","CompositeDecorator","strategy","component"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/composite-decorator.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { ContentBlock, ContentState } from 'draft-js';\nimport { CompositeDecorator } from 'draft-js';\n\nexport interface DecoratorComponentProps {\n  entityKey: string;\n  contentState: ContentState;\n}\n\nexport type StrategyFn = (\n  contentBlock: ContentBlock,\n  callback: (start: number, end: number) => void,\n  contentState: ContentState,\n) => void;\n\nconst findLinkEntities: StrategyFn = (contentBlock, cb, contentState) => {\n  contentBlock.findEntityRanges((character: any) => {\n    const entityKey = character.getEntity();\n    return (\n      entityKey !== null &&\n      contentState.getEntity(entityKey).getType() === 'LINK'\n    );\n  }, cb);\n};\n\nconst Link: React.FC<DecoratorComponentProps> = (props) => {\n  const { url } = props.contentState.getEntity(props.entityKey).getData();\n  return <a href={url} children={props.children} />;\n};\n\nexport const compositeDecorator = new CompositeDecorator([\n  {\n    strategy: findLinkEntities,\n    component: Link,\n  },\n]);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,QAAA,GAAAD,OAAA;AAA8C,IAAAE,YAAA;AAa9C,MAAMC,gBAA4B,GAAGA,CAACC,YAAY,EAAEC,EAAE,EAAEC,YAAY,KAAK;EACvEF,YAAY,CAACG,gBAAgB,CAAEC,SAAc,IAAK;IAChD,MAAMC,SAAS,GAAGD,SAAS,CAACE,SAAS,CAAC,CAAC;IACvC,OACED,SAAS,KAAK,IAAI,IAClBH,YAAY,CAACI,SAAS,CAACD,SAAS,CAAC,CAACE,OAAO,CAAC,CAAC,KAAK,MAAM;EAE1D,CAAC,EAAEN,EAAE,CAAC;AACR,CAAC;AAED,MAAMO,IAAuC,GAAIC,KAAK,IAAK;EACzD,MAAM;IAAEC;EAAI,CAAC,GAAGD,KAAK,CAACP,YAAY,CAACI,SAAS,CAACG,KAAK,CAACJ,SAAS,CAAC,CAACM,OAAO,CAAC,CAAC;EACvE,oBAAOjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA;IAAGC,IAAI,EAAEJ,GAAI;IAACK,QAAQ,EAAEN,KAAK,CAACM,QAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACnD,CAAC;AAEM,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAIE,2BAAkB,CAAC,CACvD;EACEC,QAAQ,EAAEzB,gBAAgB;EAC1B0B,SAAS,EAAEjB;AACb,CAAC,CACF,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _richEditor = require("./rich-editor");
+Object.keys(_richEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richEditor[key]) return;
+  exports[key] = _richEditor[key];
+});
+var _richTextEditor = require("./rich-text-editor");
+Object.keys(_richTextEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _richTextEditor[key]) return;
+  exports[key] = _richTextEditor[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_richEditor","require","Object","keys","forEach","key","exports","_richTextEditor"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/index.ts"],"sourcesContent":["export * from './rich-editor';\nexport * from './rich-text-editor';\n"],"mappings":";;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,WAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,WAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,WAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,eAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,eAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,eAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,eAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js

@@ -0,0 +1,36 @@
+module.exports = {
+  unorderedListMixin([maxDepth]) {
+    const result = {};
+    for (let i = 0; i <= Number(maxDepth); i++) {
+      result[`& :global(.public-DraftStyleDefault-depth${i})`] = {
+        'margin-inline-start': `${(i + 1) * 2}ch`
+      };
+    }
+    return result;
+  },
+  orderedListMixin([maxDepth, maxChars]) {
+    const result = {};
+
+    // for each depth
+    for (let depth = 0; depth <= Number(maxDepth); depth++) {
+      const depthIndentation = (depth + 1) * 2;
+
+      // selector for first item in list
+      result[`li:global(.public-DraftStyleDefault-depth${depth}):first-child`] = {
+        'margin-inline-start': `${depthIndentation}ch`
+      };
+
+      // for number of chars in list item number (1. ... 10. ... 100. ... 1000.)
+      for (let numChars = 1; numChars <= Number(maxChars); numChars++) {
+        const suffix = numChars > 1 ? `:nth-child(n+${Math.pow(10, numChars - 1)})` : '';
+
+        // each li after first one which have the `depth` and `numChars`
+        result[`li:first-child ~ li:global(.public-DraftStyleDefault-depth${depth})${suffix}`] = {
+          'margin-inline-start': `${depthIndentation + numChars - 1}ch`
+        };
+      }
+    }
+    return result;
+  }
+};
+//# sourceMappingURL=list-items-indentations.js.map

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["module","exports","unorderedListMixin","maxDepth","result","i","Number","orderedListMixin","maxChars","depth","depthIndentation","numChars","suffix","Math","pow"],"sources":["../../../../../../../src/cms-fields/components/rich-text/rich-text-input/rich-text-editor/list-items-indentations.js"],"sourcesContent":["module.exports = {\n  unorderedListMixin([maxDepth]) {\n    const result = {};\n\n    for (let i = 0; i <= Number(maxDepth); i++) {\n      result[`& :global(.public-DraftStyleDefault-depth${i})`] = {\n        'margin-inline-start': `${(i + 1) * 2}ch`,\n      };\n    }\n\n    return result;\n  },\n\n  orderedListMixin([maxDepth, maxChars]) {\n    const result = {};\n\n    // for each depth\n    for (let depth = 0; depth <= Number(maxDepth); depth++) {\n      const depthIndentation = (depth + 1) * 2;\n\n      // selector for first item in list\n      result[`li:global(.public-DraftStyleDefault-depth${depth}):first-child`] =\n        {\n          'margin-inline-start': `${depthIndentation}ch`,\n        };\n\n      // for number of chars in list item number (1. ... 10. ... 100. ... 1000.)\n      for (let numChars = 1; numChars <= Number(maxChars); numChars++) {\n        const suffix =\n          numChars > 1 ? `:nth-child(n+${Math.pow(10, numChars - 1)})` : '';\n\n        // each li after first one which have the `depth` and `numChars`\n        result[\n          `li:first-child ~ li:global(.public-DraftStyleDefault-depth${depth})${suffix}`\n        ] = {\n          'margin-inline-start': `${depthIndentation + numChars - 1}ch`,\n        };\n      }\n    }\n\n    return result;\n  },\n};\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,kBAAkBA,CAAC,CAACC,QAAQ,CAAC,EAAE;IAC7B,MAAMC,MAAM,GAAG,CAAC,CAAC;IAEjB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,IAAIC,MAAM,CAACH,QAAQ,CAAC,EAAEE,CAAC,EAAE,EAAE;MAC1CD,MAAM,CAAC,4CAA4CC,CAAC,GAAG,CAAC,GAAG;QACzD,qBAAqB,EAAE,GAAG,CAACA,CAAC,GAAG,CAAC,IAAI,CAAC;MACvC,CAAC;IACH;IAEA,OAAOD,MAAM;EACf,CAAC;EAEDG,gBAAgBA,CAAC,CAACJ,QAAQ,EAAEK,QAAQ,CAAC,EAAE;IACrC,MAAMJ,MAAM,GAAG,CAAC,CAAC;;IAEjB;IACA,KAAK,IAAIK,KAAK,GAAG,CAAC,EAAEA,KAAK,IAAIH,MAAM,CAACH,QAAQ,CAAC,EAAEM,KAAK,EAAE,EAAE;MACtD,MAAMC,gBAAgB,GAAG,CAACD,KAAK,GAAG,CAAC,IAAI,CAAC;;MAExC;MACAL,MAAM,CAAC,4CAA4CK,KAAK,eAAe,CAAC,GACtE;QACE,qBAAqB,EAAE,GAAGC,gBAAgB;MAC5C,CAAC;;MAEH;MACA,KAAK,IAAIC,QAAQ,GAAG,CAAC,EAAEA,QAAQ,IAAIL,MAAM,CAACE,QAAQ,CAAC,EAAEG,QAAQ,EAAE,EAAE;QAC/D,MAAMC,MAAM,GACVD,QAAQ,GAAG,CAAC,GAAG,gBAAgBE,IAAI,CAACC,GAAG,CAAC,EAAE,EAAEH,QAAQ,GAAG,CAAC,CAAC,GAAG,GAAG,EAAE;;QAEnE;QACAP,MAAM,CACJ,6DAA6DK,KAAK,IAAIG,MAAM,EAAE,CAC/E,GAAG;UACF,qBAAqB,EAAE,GAAGF,gBAAgB,GAAGC,QAAQ,GAAG,CAAC;QAC3D,CAAC;MACH;IACF;IAEA,OAAOP,MAAM;EACf;AACF,CAAC","ignoreList":[]}

package/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-editor.js

@@ -0,0 +1,404 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichEditor = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _draftJs = require("draft-js");
+var _draftjsConductor = require("draftjs-conductor");
+var _immutable = require("immutable");
+var _utils = require("../../../../utils");
+var _utils2 = require("./utils");
+var _toolbar = require("./toolbar");
+var _richEditorStCss = require("./rich-editor.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/rich-text/rich-text-input/rich-text-editor/rich-editor.tsx";
+const MAX_DEPTH = 4;
+// "1." or "1 ."
+const STRING_TO_ORDERED_LIST_RE = /^1\s?\.$/;
+// "- "
+const STRING_TO_UNORDERED_LIST_RE = /^-\s$/;
+class RichEditor extends _react.default.Component {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "editor", null);
+    (0, _defineProperty2.default)(this, "root", null);
+    (0, _defineProperty2.default)(this, "copySource", null);
+    (0, _defineProperty2.default)(this, "lastSelectionWithFocus", null);
+    (0, _defineProperty2.default)(this, "focus", () => {
+      if (this.root && !(0, _utils.containsActiveElement)(this.root)) {
+        var _this$editor;
+        (_this$editor = this.editor) == null || _this$editor.focus();
+      }
+    });
+    (0, _defineProperty2.default)(this, "onChange", baseEditorState => {
+      const editorState = this.applyAdvancedModifications(baseEditorState);
+      const selection = editorState.getSelection();
+      if (selection.getHasFocus()) {
+        this.lastSelectionWithFocus = selection;
+      }
+      this.props.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onKeyDown", e => {
+      const {
+        editorState,
+        isFullScreen,
+        onToggleFullScreen
+      } = this.props;
+      /**
+       * TODO
+       * Ctrl+k - Link
+       * Ctrl+Shift+L - align:left
+       * Ctrl+Shift+E - align:center
+       * Ctrl+Shift+R - align:right
+       * Ctrl+Shift+J - align:justify
+       * Ctrl+Shift+7 - ordered-list
+       * Ctrl+Shift+8 - unordered-list
+       * Ctrl+Alt+0 - normal text
+       * Ctrl+Alt+1 - header-two
+       * Ctrl+Alt+2 - header-three
+       * Ctrl+\ - clear formatting
+       */
+      switch (e.key) {
+        case 'F11':
+          if (onToggleFullScreen) {
+            e.preventDefault();
+            onToggleFullScreen();
+          }
+          break;
+        case 'Escape':
+          if (isFullScreen && onToggleFullScreen) {
+            onToggleFullScreen();
+          }
+          break;
+        case 'Tab':
+          {
+            const currentBlock = (0, _utils2.getCurrentBlock)(editorState);
+            const isListType = (0, _utils2.isListItemBlockType)(currentBlock.getType());
+            if (isListType && e.shiftKey) {
+              this.handleRemoveListIndent(e, editorState);
+              break;
+            }
+            if (isListType) {
+              this.handleAddListIndent(e, editorState);
+              break;
+            }
+
+            // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+            const nextState = _draftJs.RichUtils.onTab(e, editorState, MAX_DEPTH);
+            this.onChange(nextState);
+            break;
+          }
+      }
+    });
+    (0, _defineProperty2.default)(this, "handleAddListIndent", (event, editorState) => {
+      const currentBlock = (0, _utils2.getCurrentBlock)(editorState);
+      const currentBlockKey = currentBlock.getKey();
+      const previousListItem = (0, _utils2.getPreviousListItemBlock)(editorState, currentBlockKey);
+      if (!previousListItem) {
+        return;
+      }
+
+      // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+      const nextEditorState = _draftJs.RichUtils.onTab(event, editorState, MAX_DEPTH);
+      const previousListItemDepth = previousListItem.getDepth();
+      const nextDepth = (0, _utils2.getCurrentBlock)(nextEditorState).getDepth();
+
+      // Allow only one level of nesting related to the previous list item
+      if (nextDepth > previousListItemDepth + 1) {
+        return;
+      }
+      (0, _utils.preventAndStopEvent)(event);
+      this.onChange(nextEditorState);
+    });
+    (0, _defineProperty2.default)(this, "handleRemoveListIndent", (event, editorState) => {
+      const initialBlock = (0, _utils2.getCurrentBlock)(editorState);
+      const initialBlockDepth = initialBlock.getDepth();
+      const initialBlockType = initialBlock.getType();
+      if (initialBlockDepth === 0) {
+        return;
+      }
+
+      // @ts-expect-error - React.KeyboardEvent vs draft-js SyntheticKeyboardEvent type mismatch
+      let nextEditorState = _draftJs.RichUtils.onTab(event, editorState, MAX_DEPTH);
+      let nextContentState = nextEditorState.getCurrentContent();
+      const currentBlock = (0, _utils2.getCurrentBlock)(nextEditorState);
+      let blockAfter = nextContentState.getBlockAfter(currentBlock.getKey());
+      while (blockAfter && initialBlockType === blockAfter.getType() && blockAfter.getDepth() >= initialBlockDepth + 1) {
+        nextContentState = nextContentState.merge({
+          blockMap: nextContentState.getBlockMap().set(blockAfter.getKey(), blockAfter.set('depth', blockAfter.getDepth() - 1))
+        });
+        blockAfter = nextContentState.getBlockAfter(blockAfter.getKey());
+      }
+      nextEditorState = _draftJs.EditorState.push(editorState, nextContentState, 'adjust-depth');
+      (0, _utils.preventAndStopEvent)(event);
+      this.onChange(nextEditorState);
+    });
+    (0, _defineProperty2.default)(this, "handlePastedText", (_, html, editorState) => {
+      const newState = (0, _draftjsConductor.handleDraftEditorPastedText)(_, html, editorState);
+      if (newState) {
+        this.onChange(newState);
+        return 'handled';
+      }
+      return 'not-handled';
+    });
+    (0, _defineProperty2.default)(this, "applyAdvancedModifications", editorState => {
+      const block = (0, _utils2.getCurrentBlock)(editorState);
+      const text = block.getText();
+      const type = block.getType();
+      if (STRING_TO_ORDERED_LIST_RE.test(text) && type === 'unstyled') {
+        return (0, _utils2.convertBlockToListItem)(editorState, true);
+      }
+      if (STRING_TO_UNORDERED_LIST_RE.test(text) && type === 'unstyled') {
+        return (0, _utils2.convertBlockToListItem)(editorState, false);
+      }
+      return editorState;
+    });
+    (0, _defineProperty2.default)(this, "handleKeyCommand", (command, editorState) => {
+      let block;
+      let nextState;
+      switch (command) {
+        case 'split-block':
+          block = (0, _utils2.getCurrentBlock)(editorState);
+          if (block.getType().includes('header')) {
+            nextState = (0, _utils2.splitAndUnstyleBlock)(editorState);
+            return this.completeKeyCommand(nextState);
+          }
+          if ((0, _utils2.isListItemBlockType)(block.getType())) {
+            nextState = (0, _utils2.splitAndCopyInlineBlockType)(editorState);
+            return this.completeKeyCommand(nextState);
+          }
+          break;
+        case 'delete':
+        case 'backspace':
+          block = (0, _utils2.getCurrentBlock)(editorState);
+          if (!block.getText()) {
+            nextState = (0, _utils2.removeCurrentBlock)(editorState, command);
+            return this.completeKeyCommand(nextState);
+          }
+          break;
+      }
+      nextState = _draftJs.RichUtils.handleKeyCommand(editorState, command);
+      return this.completeKeyCommand(nextState);
+    });
+    (0, _defineProperty2.default)(this, "completeKeyCommand", editorState => {
+      if (editorState) {
+        this.onChange(editorState);
+        return 'handled';
+      }
+      return 'not-handled';
+    });
+    (0, _defineProperty2.default)(this, "onChangeAlign", textAlign => {
+      const {
+        editorState
+      } = this.props;
+      const data = (0, _immutable.Map)({
+        style: {
+          textAlign
+        }
+      });
+      const contentState = _draftJs.Modifier.mergeBlockData(editorState.getCurrentContent(), editorState.getSelection(), data);
+      const nextState = _draftJs.EditorState.push(editorState, contentState, 'change-block-data');
+      this.onChange(nextState);
+    });
+    (0, _defineProperty2.default)(this, "getSelectedBlocks", editorState => {
+      const selection = editorState.getSelection();
+      const contentState = editorState.getCurrentContent();
+      const selectedBlocks = [];
+      let blockKey = selection.getStartKey();
+      selectedBlocks.push(contentState.getBlockForKey(blockKey));
+      while (blockKey !== selection.getEndKey()) {
+        blockKey = contentState.getKeyAfter(blockKey);
+        selectedBlocks.push(contentState.getBlockForKey(blockKey));
+      }
+      return selectedBlocks;
+    });
+    (0, _defineProperty2.default)(this, "onChangeBlock", value => {
+      let {
+        editorState
+      } = this.props;
+      let contentState = editorState.getCurrentContent();
+      const selectedBlocks = this.getSelectedBlocks(editorState);
+      if (selectedBlocks.length) {
+        // if every block have value style then remove it from all
+        // else set every block to value
+        // also remember case when we explicitly trying to unstyle blocks
+        const unstyleBlocks = value === 'unstyled' || selectedBlocks.every(block => block.getType() === value || block.getData().get('inlineBlockType', 'unstyled') === value);
+        const toggleListType = (0, _utils2.isListItemBlockType)(value);
+        selectedBlocks.forEach(block => {
+          let blockType = block.getType();
+          let inlineBlockType = block.getData().get('inlineBlockType', 'unstyled');
+          let [listType, otherType] = (0, _utils2.isListItemBlockType)(blockType) ? [blockType, inlineBlockType] : ['unstyled', blockType];
+          if (unstyleBlocks) {
+            listType = listType === value ? 'unstyled' : listType;
+            otherType = [otherType, 'unstyled'].includes(value) ? 'unstyled' : otherType;
+          } else {
+            if (toggleListType) {
+              listType = value;
+            } else {
+              otherType = value;
+            }
+          }
+          blockType = listType !== 'unstyled' ? listType : otherType;
+          inlineBlockType = listType !== 'unstyled' ? otherType : 'unstyled';
+
+          // create selection for whole block
+          const blockSelection = _draftJs.SelectionState.createEmpty(block.getKey()).set('focusOffset', block.getLength());
+          contentState = _draftJs.Modifier.setBlockType(contentState, blockSelection, blockType);
+          contentState = _draftJs.Modifier.mergeBlockData(contentState, blockSelection, (0, _immutable.Map)({
+            inlineBlockType
+          }));
+        });
+      }
+      editorState = _draftJs.EditorState.push(editorState, contentState, 'change-block-type');
+      if (this.lastSelectionWithFocus) {
+        editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+      }
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onChangeStyle", inlineStyle => {
+      const editorState = _draftJs.RichUtils.toggleInlineStyle(this.props.editorState, inlineStyle);
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onChangeLink", link => {
+      let {
+        editorState
+      } = this.props;
+      if (this.lastSelectionWithFocus) {
+        editorState = _draftJs.EditorState.forceSelection(editorState, this.lastSelectionWithFocus);
+      }
+      let selection = editorState.getSelection();
+      let contentState = editorState.getCurrentContent();
+      let entityKey = null;
+      this.focus();
+      if (link) {
+        // we need to add text when no text is selected
+        if (selection.isCollapsed()) {
+          const anchorOffset = selection.getAnchorOffset();
+          const textEntityKey = contentState.createEntity('PLACEHOLDER', 'IMMUTABLE').getLastCreatedEntityKey();
+          contentState = _draftJs.Modifier.insertText(contentState, selection, link, undefined, textEntityKey);
+          editorState = _draftJs.EditorState.push(editorState, contentState, 'insert-characters');
+          selection = selection.merge({
+            focusOffset: anchorOffset + link.length,
+            hasFocus: true
+          });
+          editorState = _draftJs.EditorState.forceSelection(editorState, selection);
+          contentState = editorState.getCurrentContent();
+        }
+        contentState = contentState.createEntity('LINK', 'MUTABLE', {
+          url: link
+        });
+        entityKey = contentState.getLastCreatedEntityKey();
+      }
+      editorState = _draftJs.RichUtils.toggleLink(editorState, selection, entityKey);
+      if (!editorState.getCurrentInlineStyle().contains('UNDERLINE')) {
+        editorState = _draftJs.RichUtils.toggleInlineStyle(editorState, 'UNDERLINE');
+      }
+      this.onChange(editorState);
+    });
+    (0, _defineProperty2.default)(this, "onClear", () => {
+      const {
+        editorState,
+        customStyleMap
+      } = this.props;
+      const selection = editorState.getSelection();
+      // clear inline styles
+      const styles = ['BOLD', 'ITALIC', 'UNDERLINE', 'STRIKETHROUGH', 'CODE'].concat(Object.keys(customStyleMap));
+      let contentWithoutStyles = styles.reduce((contentState, style) => _draftJs.Modifier.removeInlineStyle(contentState, selection, style), editorState.getCurrentContent());
+
+      // clear inline styles applied to blocks (backward compatibility)
+      contentWithoutStyles = _draftJs.Modifier.setBlockData(contentWithoutStyles, selection, (0, _immutable.Map)());
+
+      // remove all entities like links
+      contentWithoutStyles = _draftJs.Modifier.applyEntity(contentWithoutStyles, selection, null);
+
+      // clear blocks
+      let nextState = _draftJs.EditorState.push(editorState, contentWithoutStyles, 'change-inline-style');
+      nextState = _draftJs.RichUtils.toggleBlockType(nextState, 'unstyled');
+      this.onChange(nextState);
+    });
+  }
+  componentDidMount() {
+    if (this.props.autoFocus) {
+      this.focus();
+    }
+    if (this.editor) {
+      this.copySource = (0, _draftjsConductor.registerCopySource)(this.editor);
+    }
+  }
+  componentWillUnmount() {
+    if (this.copySource) {
+      this.copySource.unregister();
+    }
+  }
+  componentDidUpdate() {
+    if (!this.copySource && this.editor) {
+      this.copySource = (0, _draftjsConductor.registerCopySource)(this.editor);
+    }
+  }
+  render() {
+    const {
+      onToggleFullScreen,
+      isFullScreen,
+      headingsEnabled,
+      editorState,
+      customStyleMap,
+      readOnly
+    } = this.props;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      ref: root => this.root = root,
+      className: _richEditorStCss.classes.root,
+      onKeyDown: this.onKeyDown,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }, !readOnly && /*#__PURE__*/_react.default.createElement(_toolbar.Toolbar, {
+      isFullScreen: isFullScreen,
+      editorState: editorState,
+      onChangeBlock: this.onChangeBlock,
+      onChangeStyle: this.onChangeStyle,
+      onChangeLink: this.onChangeLink,
+      onChangeAlign: this.onChangeAlign,
+      onClear: this.onClear,
+      onToggleFullScreen: onToggleFullScreen,
+      headingsEnabled: headingsEnabled,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 105,
+        columnNumber: 11
+      }
+    }), /*#__PURE__*/_react.default.createElement("div", {
+      className: _richEditorStCss.classes.editor,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 117,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_draftJs.Editor, {
+      ref: editor => this.editor = editor,
+      readOnly: readOnly,
+      tabIndex: -1,
+      editorState: editorState,
+      stripPastedStyles: false,
+      onChange: this.onChange,
+      customStyleMap: customStyleMap,
+      keyBindingFn: _draftJs.getDefaultKeyBinding,
+      handleKeyCommand: this.handleKeyCommand,
+      blockStyleFn: _utils2.blockStyleFn,
+      handlePastedText: this.handlePastedText,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 119,
+        columnNumber: 11
+      }
+    })));
+  }
+}
+exports.RichEditor = RichEditor;
+//# sourceMappingURL=rich-editor.js.map