@wix/design-system 1.0.0

package/dist/cjs/RichTextInputArea/RichTextInputArea.private.uni.driver.js

@@ -0,0 +1,58 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _DraftJS = require("../test-utils/utils/unidriver/DraftJS");
+var _RichTextInputAreaUni = _interopRequireWildcard(require("./RichTextInputArea.uni.driver"));
+var _RichTextToolbarPrivateUni = _interopRequireDefault(require("./Toolbar/RichTextToolbar.private.uni.driver"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _getLink = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)(function* (base, text, url) {
+    var links = yield (0, _DraftJS.getContent)(base).$$('[data-hook=richtextarea-link]');
+
+    // Returns the appropriate link by the text and url
+    return links.filter( /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)(function* (link) {
+        return (yield link.text()) === text && (yield link.attr('href')) === url;
+      });
+      return function (_x4) {
+        return _ref2.apply(this, arguments);
+      };
+    }()).get(0);
+  });
+  return function getLink(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+var _default = (base, body) => {
+  return _objectSpread(_objectSpread(_objectSpread({}, (0, _RichTextInputAreaUni.default)(base, body)), (0, _RichTextToolbarPrivateUni.default)(base.$('[data-hook=richtextarea-toolbar]'), body)), {}, {
+    hasPlaceholder: () => (0, _RichTextInputAreaUni.getPlaceholder)(base).exists(),
+    getLink: (text, url) => _getLink(base, text, url),
+    hoverTextArea: function () {
+      var _hoverTextArea = (0, _asyncToGenerator2.default)(function* () {
+        return yield (0, _DraftJS.getContent)(base).hover();
+      });
+      function hoverTextArea() {
+        return _hoverTextArea.apply(this, arguments);
+      }
+      return hoverTextArea;
+    }(),
+    clickTextArea: function () {
+      var _clickTextArea = (0, _asyncToGenerator2.default)(function* () {
+        return yield (0, _DraftJS.getContent)(base).click();
+      });
+      function clickTextArea() {
+        return _clickTextArea.apply(this, arguments);
+      }
+      return clickTextArea;
+    }()
+  });
+};
+exports.default = _default;
+//# sourceMappingURL=RichTextInputArea.private.uni.driver.js.map

package/dist/cjs/RichTextInputArea/RichTextInputArea.private.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getLink","base","text","url","links","getContent","$$","filter","link","attr","get","body","publicDriverFactory","richTextToolbarPrivateDriverFactory","$","hasPlaceholder","getPlaceholder","exists","hoverTextArea","hover","clickTextArea","click"],"sources":["../../../src/RichTextInputArea/RichTextInputArea.private.uni.driver.js"],"sourcesContent":["import { getContent } from '../test-utils/utils/unidriver/DraftJS';\nimport publicDriverFactory, {\n  getPlaceholder,\n} from './RichTextInputArea.uni.driver';\n\nimport richTextToolbarPrivateDriverFactory from './Toolbar/RichTextToolbar.private.uni.driver';\n\nconst getLink = async (base, text, url) => {\n  const links = await getContent(base).$$('[data-hook=richtextarea-link]');\n\n  // Returns the appropriate link by the text and url\n  return links\n    .filter(\n      async link =>\n        (await link.text()) === text && (await link.attr('href')) === url,\n    )\n    .get(0);\n};\n\nexport default (base, body) => {\n  return {\n    ...publicDriverFactory(base, body),\n    ...richTextToolbarPrivateDriverFactory(\n      base.$('[data-hook=richtextarea-toolbar]'),\n      body,\n    ),\n    hasPlaceholder: () => getPlaceholder(base).exists(),\n    getLink: (text, url) => getLink(base, text, url),\n    hoverTextArea: async () => await getContent(base).hover(),\n    clickTextArea: async () => await getContent(base).click(),\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAIA;AAA+F;AAAA;AAAA;AAAA;AAE/F,IAAMA,QAAO;EAAA,2CAAG,WAAOC,IAAI,EAAEC,IAAI,EAAEC,GAAG,EAAK;IACzC,IAAMC,KAAK,SAAS,IAAAC,mBAAU,EAACJ,IAAI,CAAC,CAACK,EAAE,CAAC,+BAA+B,CAAC;;IAExE;IACA,OAAOF,KAAK,CACTG,MAAM;MAAA,4CACL,WAAMC,IAAI;QAAA,OACR,OAAOA,IAAI,CAACN,IAAI,EAAE,MAAMA,IAAI,IAAI,OAAOM,IAAI,CAACC,IAAI,CAAC,MAAM,CAAC,MAAMN,GAAG;MAAA;MAAA;QAAA;MAAA;IAAA,IACpE,CACAO,GAAG,CAAC,CAAC,CAAC;EACX,CAAC;EAAA,gBAVKV,OAAO;IAAA;EAAA;AAAA,GAUZ;AAAC,eAEa,CAACC,IAAI,EAAEU,IAAI,KAAK;EAC7B,qDACK,IAAAC,6BAAmB,EAACX,IAAI,EAAEU,IAAI,CAAC,GAC/B,IAAAE,kCAAmC,EACpCZ,IAAI,CAACa,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IAAI,CACL;IACDI,cAAc,EAAE,MAAM,IAAAC,oCAAc,EAACf,IAAI,CAAC,CAACgB,MAAM,EAAE;IACnDjB,OAAO,EAAE,CAACE,IAAI,EAAEC,GAAG,KAAKH,QAAO,CAACC,IAAI,EAAEC,IAAI,EAAEC,GAAG,CAAC;IAChDe,aAAa;MAAA,qDAAE;QAAA,aAAkB,IAAAb,mBAAU,EAACJ,IAAI,CAAC,CAACkB,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IACzDC,aAAa;MAAA,qDAAE;QAAA,aAAkB,IAAAf,mBAAU,EAACJ,IAAI,CAAC,CAACoB,KAAK,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAE7D,CAAC;AAAA"}

package/dist/cjs/RichTextInputArea/RichTextInputArea.st.css

@@ -0,0 +1,144 @@
+:import {
+  -st-from: '../Foundation/stylable/colors.st.css';
+  -st-named: D80, B30, D10-30, R10, R30, Y10, B50, B10, F00, D10, D40,
+    THEME-COLOR-10, THEME-COLOR-30, THEME-COLOR-50;
+}
+
+:import {
+  -st-from: '../Foundation/stylable/typography.st.css';
+  -st-named: text-medium-normal, text-medium-thin;
+}
+
+:vars {
+  minWidth: 378px;
+  minHeight: 46px;
+  backgroundColor: value(D80);
+  border: 1px solid value(THEME-COLOR-30);
+  borderRadius: 6px;
+  padding: 12px;
+  errorBorderColor: value(R10);
+  warningBorderColor: value(Y10);
+}
+
+.root {
+  -st-states: hidePlaceholder, disabled, hasError, hasWarning;
+  min-height: value(minHeight);
+  min-width: value(minWidth);
+  background-color: value(backgroundColor);
+  border-radius: value(borderRadius);
+}
+
+.root :global(.public-DraftEditorPlaceholder-root) {
+  padding: value(padding);
+  position: absolute;
+  pointer-events: none;
+  color: value(D40);
+  -st-mixin: text-medium-thin;
+}
+
+
+
+.root:disabled :global(.public-DraftEditorPlaceholder-root) {
+  color: value(D10-30);
+}
+
+.root:disabled :global(.public-DraftEditor-content) {
+  color: value(D10-30);
+  border-color: value(D10-30);
+}
+
+.root:disabled :global(.public-DraftEditor-content):hover {
+  background-color: value(backgroundColor);
+  cursor: default;
+}
+
+.root:disabled .toolbar {
+  border-color: value(D10-30);
+}
+
+.root:disabled .link {
+  color: value(D10-30);
+}
+
+.root:hasError .toolbar {
+  border-color: value(errorBorderColor);
+}
+
+.root:hasError :global(.public-DraftEditor-content) {
+  border-left-color: value(errorBorderColor);
+  border-bottom-color: value(errorBorderColor);
+  border-right-color: value(errorBorderColor);
+}
+
+.root:hasError :global(.public-DraftEditor-content):focus {
+  border-color: value(errorBorderColor);
+  box-shadow: 0 0 0 3px value(R30);
+}
+
+.root:hasWarning .toolbar {
+  border-color: value(warningBorderColor);
+}
+
+.root:hasWarning :global(.public-DraftEditor-content) {
+  border-left-color: value(warningBorderColor);
+  border-bottom-color: value(warningBorderColor);
+  border-right-color: value(warningBorderColor);
+}
+
+.root:hasWarning :global(.public-DraftEditor-content):focus {
+  border-color: value(warningBorderColor);
+  box-shadow: 0 0 0 3px value(R30);
+}
+
+.root:hidePlaceholder :global(.public-DraftEditorPlaceholder-root) {
+  display: none;
+}
+
+.statusIndicator {
+  position: absolute;
+  top: 9px;
+  right: 12px;
+}
+
+.toolbar {
+  display: flex;
+  border: value(border);
+  border-bottom: 0;
+  border-top-left-radius: value(borderRadius);
+  border-top-right-radius: value(borderRadius);
+}
+
+.editorWrapper {
+  position: relative;
+}
+
+.editorWrapper :global(.public-DraftEditor-content) {
+  background-color: value(backgroundColor);
+  min-height: var(--minHeight, value(minHeight));
+  max-height: var(--maxHeight);
+  padding: value(padding);
+  border: value(border);
+  border-bottom-left-radius: value(borderRadius);
+  border-bottom-right-radius: value(borderRadius);
+  overflow: auto;
+  color: value(D10);
+  -st-mixin: text-medium-thin;
+}
+
+.editorWrapper :global(.public-DraftEditor-content):hover {
+  background-color: value(THEME-COLOR-50);
+  cursor: pointer;
+}
+
+.editorWrapper :global(.public-DraftEditor-content):focus {
+  background-color: value(D80);
+  cursor: text;
+  border-color: value(THEME-COLOR-10);
+  box-shadow: 0 0 0 3px value(F00);
+}
+
+.link {
+  text-decoration: none;
+  color: value(B10);
+  -st-mixin: text-medium-thin;
+}

package/dist/cjs/RichTextInputArea/RichTextInputArea.st.css.js

@@ -0,0 +1,25 @@
+
+require("../Foundation/stylable/colors.st.css.js");
+require("../Foundation/stylable/typography.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_RichTextInputArea";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_RichTextInputArea__root","text-medium-normal":"wds_1_0_0_StylableTypography__text-medium-normal","text-medium-thin":"wds_1_0_0_StylableTypography__text-medium-thin","toolbar":"wds_1_0_0_RichTextInputArea__toolbar","link":"wds_1_0_0_RichTextInputArea__link","statusIndicator":"wds_1_0_0_RichTextInputArea__statusIndicator","editorWrapper":"wds_1_0_0_RichTextInputArea__editorWrapper"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {"minWidth":"378px","minHeight":"46px","backgroundColor":"var(--wsr-color-D80, #FFFFFF)","border":"1px solid var(--wsr-color-30, var(--wsr-color-B30, #C1E4FE))","borderRadius":"6px","padding":"12px","errorBorderColor":"var(--wsr-color-R10, #EE5951)","warningBorderColor":"var(--wsr-color-Y10, #FDB10C)"}; 
+module.exports.vars = {"minHeight":"--wds_1_0_0_RichTextInputArea-minHeight","maxHeight":"--wds_1_0_0_RichTextInputArea-maxHeight"}; 
+
+
+
+

package/dist/cjs/RichTextInputArea/RichTextInputArea.uni.driver.d.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=RichTextInputArea.uni.driver.d.js.map

package/dist/cjs/RichTextInputArea/RichTextInputArea.uni.driver.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/RichTextInputArea/RichTextInputArea.uni.driver.d.ts"],"sourcesContent":["import { BaseUniDriver } from 'wix-ui-test-utils/base-driver';\nimport { StatusIndications } from '../common';\n\nexport interface RichTextInputAreaUniDriver extends BaseUniDriver {\n  isDisabled: () => Promise<boolean>;\n  getContent: () => Promise<string>;\n  getPlaceholder: () => Promise<string | null>;\n  enterText: (value: string) => Promise<void>;\n\n  // Status\n  hasStatus: (status: StatusIndications) => Promise<boolean>;\n  getStatusMessage: () => Promise<string | null>;\n}\n"],"mappings":""}

package/dist/cjs/RichTextInputArea/RichTextInputArea.uni.driver.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.getPlaceholder = exports.default = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _baseDriver = require("wix-ui-test-utils/base-driver");
+var _DraftJS = require("../test-utils/utils/unidriver/DraftJS");
+var _StatusIndicatorUni = require("../StatusIndicator/StatusIndicator.uni.driver");
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var _getPlaceholder = base => base.$('.public-DraftEditorPlaceholder-root');
+exports.getPlaceholder = _getPlaceholder;
+var _default = (base, body) => {
+  var getStatusIndicatorDriver = () => (0, _StatusIndicatorUni.statusIndicatorDriverFactory)(base.$("[data-hook=\"richtextarea-status-indicator\"]"), body);
+  return _objectSpread(_objectSpread({}, (0, _baseDriver.baseUniDriverFactory)(base, body)), {}, {
+    isDisabled: function () {
+      var _isDisabled = (0, _asyncToGenerator2.default)(function* () {
+        return Boolean(yield (0, _DraftJS.getContent)(base).attr('contenteditable'));
+      });
+      function isDisabled() {
+        return _isDisabled.apply(this, arguments);
+      }
+      return isDisabled;
+    }(),
+    getContent: () => (0, _DraftJS.getContent)(base).text(),
+    getPlaceholder: () => _getPlaceholder(base).text(),
+    enterText: function () {
+      var _enterText = (0, _asyncToGenerator2.default)(function* (text) {
+        return (0, _DraftJS.enterRichTextValue)(base, text);
+      });
+      function enterText(_x) {
+        return _enterText.apply(this, arguments);
+      }
+      return enterText;
+    }(),
+    // Status
+    /** Return true if there's a status */
+    hasStatus: function () {
+      var _hasStatus = (0, _asyncToGenerator2.default)(function* (status) {
+        var statusIndicatorDriver = getStatusIndicatorDriver();
+        if (yield statusIndicatorDriver.exists()) {
+          return status === (yield statusIndicatorDriver.getStatus());
+        }
+        return false;
+      });
+      function hasStatus(_x2) {
+        return _hasStatus.apply(this, arguments);
+      }
+      return hasStatus;
+    }(),
+    /** If there's a status message, returns its text value */
+    getStatusMessage: function () {
+      var _getStatusMessage = (0, _asyncToGenerator2.default)(function* () {
+        var statusIndicatorDriver = getStatusIndicatorDriver();
+        var tooltipText = null;
+        if (yield statusIndicatorDriver.hasMessage()) {
+          tooltipText = yield statusIndicatorDriver.getMessage();
+        }
+        return tooltipText;
+      });
+      function getStatusMessage() {
+        return _getStatusMessage.apply(this, arguments);
+      }
+      return getStatusMessage;
+    }()
+  });
+};
+exports.default = _default;
+//# sourceMappingURL=RichTextInputArea.uni.driver.js.map

package/dist/cjs/RichTextInputArea/RichTextInputArea.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getPlaceholder","base","$","body","getStatusIndicatorDriver","statusIndicatorDriverFactory","baseUniDriverFactory","isDisabled","Boolean","getContent","attr","text","enterText","enterRichTextValue","hasStatus","status","statusIndicatorDriver","exists","getStatus","getStatusMessage","tooltipText","hasMessage","getMessage"],"sources":["../../../src/RichTextInputArea/RichTextInputArea.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from 'wix-ui-test-utils/base-driver';\nimport {\n  enterRichTextValue,\n  getContent,\n} from '../test-utils/utils/unidriver/DraftJS';\n\nimport { statusIndicatorDriverFactory } from '../StatusIndicator/StatusIndicator.uni.driver';\n\nexport const getPlaceholder = base =>\n  base.$('.public-DraftEditorPlaceholder-root');\n\nexport default (base, body) => {\n  const getStatusIndicatorDriver = () =>\n    statusIndicatorDriverFactory(\n      base.$(`[data-hook=\"richtextarea-status-indicator\"]`),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base, body),\n    isDisabled: async () =>\n      Boolean(await getContent(base).attr('contenteditable')),\n    getContent: () => getContent(base).text(),\n    getPlaceholder: () => getPlaceholder(base).text(),\n    enterText: async text => enterRichTextValue(base, text),\n\n    // Status\n    /** Return true if there's a status */\n    hasStatus: async status => {\n      const statusIndicatorDriver = getStatusIndicatorDriver();\n      if (await statusIndicatorDriver.exists()) {\n        return status === (await statusIndicatorDriver.getStatus());\n      }\n\n      return false;\n    },\n    /** If there's a status message, returns its text value */\n    getStatusMessage: async () => {\n      const statusIndicatorDriver = getStatusIndicatorDriver();\n      let tooltipText = null;\n\n      if (await statusIndicatorDriver.hasMessage()) {\n        tooltipText = await statusIndicatorDriver.getMessage();\n      }\n\n      return tooltipText;\n    },\n  };\n};\n"],"mappings":";;;;;;;AAAA;AACA;AAKA;AAA6F;AAAA;AAEtF,IAAMA,eAAc,GAAGC,IAAI,IAChCA,IAAI,CAACC,CAAC,CAAC,qCAAqC,CAAC;AAAC;AAAA,eAEjC,CAACD,IAAI,EAAEE,IAAI,KAAK;EAC7B,IAAMC,wBAAwB,GAAG,MAC/B,IAAAC,gDAA4B,EAC1BJ,IAAI,CAACC,CAAC,iDAA+C,EACrDC,IAAI,CACL;EAEH,uCACK,IAAAG,gCAAoB,EAACL,IAAI,EAAEE,IAAI,CAAC;IACnCI,UAAU;MAAA,kDAAE;QAAA,OACVC,OAAO,OAAO,IAAAC,mBAAU,EAACR,IAAI,CAAC,CAACS,IAAI,CAAC,iBAAiB,CAAC,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IACzDD,UAAU,EAAE,MAAM,IAAAA,mBAAU,EAACR,IAAI,CAAC,CAACU,IAAI,EAAE;IACzCX,cAAc,EAAE,MAAMA,eAAc,CAACC,IAAI,CAAC,CAACU,IAAI,EAAE;IACjDC,SAAS;MAAA,iDAAE,WAAMD,IAAI;QAAA,OAAI,IAAAE,2BAAkB,EAACZ,IAAI,EAAEU,IAAI,CAAC;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAEvD;IACA;IACAG,SAAS;MAAA,iDAAE,WAAMC,MAAM,EAAI;QACzB,IAAMC,qBAAqB,GAAGZ,wBAAwB,EAAE;QACxD,UAAUY,qBAAqB,CAACC,MAAM,EAAE,EAAE;UACxC,OAAOF,MAAM,YAAYC,qBAAqB,CAACE,SAAS,EAAE,CAAC;QAC7D;QAEA,OAAO,KAAK;MACd,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IACD;IACAC,gBAAgB;MAAA,wDAAE,aAAY;QAC5B,IAAMH,qBAAqB,GAAGZ,wBAAwB,EAAE;QACxD,IAAIgB,WAAW,GAAG,IAAI;QAEtB,UAAUJ,qBAAqB,CAACK,UAAU,EAAE,EAAE;UAC5CD,WAAW,SAASJ,qBAAqB,CAACM,UAAU,EAAE;QACxD;QAEA,OAAOF,WAAW;MACpB,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;EAAA;AAEL,CAAC;AAAA"}

package/dist/cjs/RichTextInputArea/RichTextInputAreaContext.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.RichTextInputAreaContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+var RichTextInputAreaContext = /*#__PURE__*/_react.default.createContext();
+exports.RichTextInputAreaContext = RichTextInputAreaContext;
+//# sourceMappingURL=RichTextInputAreaContext.js.map

package/dist/cjs/RichTextInputArea/RichTextInputAreaContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RichTextInputAreaContext","React","createContext"],"sources":["../../../src/RichTextInputArea/RichTextInputAreaContext.js"],"sourcesContent":["import React from 'react';\n\nexport const RichTextInputAreaContext = React.createContext();\n"],"mappings":";;;;;AAAA;AAEO,IAAMA,wBAAwB,gBAAGC,cAAK,CAACC,aAAa,EAAE;AAAC"}

package/dist/cjs/RichTextInputArea/RichTextInputAreaTexts.js

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.defaultTexts = void 0;
+var defaultTexts = {
+  toolbarButtons: {
+    boldButtonLabel: 'Bold',
+    italicButtonLabel: 'Italic',
+    underlineButtonLabel: 'Underline',
+    linkButtonLabel: 'Insert link',
+    bulletedListButtonLabel: 'Bulleted List',
+    numberedListButtonLabel: 'Numbered List'
+  },
+  insertionForm: {
+    confirmButtonLabel: 'Confirm',
+    cancelButtonLabel: 'Cancel',
+    link: {
+      textInputPlaceholder: 'Text to display',
+      urlInputPlaceholder: 'URL this link should go'
+    }
+  }
+};
+exports.defaultTexts = defaultTexts;
+//# sourceMappingURL=RichTextInputAreaTexts.js.map

package/dist/cjs/RichTextInputArea/RichTextInputAreaTexts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTexts","toolbarButtons","boldButtonLabel","italicButtonLabel","underlineButtonLabel","linkButtonLabel","bulletedListButtonLabel","numberedListButtonLabel","insertionForm","confirmButtonLabel","cancelButtonLabel","link","textInputPlaceholder","urlInputPlaceholder"],"sources":["../../../src/RichTextInputArea/RichTextInputAreaTexts.js"],"sourcesContent":["export const defaultTexts = {\n  toolbarButtons: {\n    boldButtonLabel: 'Bold',\n    italicButtonLabel: 'Italic',\n    underlineButtonLabel: 'Underline',\n    linkButtonLabel: 'Insert link',\n    bulletedListButtonLabel: 'Bulleted List',\n    numberedListButtonLabel: 'Numbered List',\n  },\n  insertionForm: {\n    confirmButtonLabel: 'Confirm',\n    cancelButtonLabel: 'Cancel',\n    link: {\n      textInputPlaceholder: 'Text to display',\n      urlInputPlaceholder: 'URL this link should go',\n    },\n  },\n};\n"],"mappings":";;;;AAAO,IAAMA,YAAY,GAAG;EAC1BC,cAAc,EAAE;IACdC,eAAe,EAAE,MAAM;IACvBC,iBAAiB,EAAE,QAAQ;IAC3BC,oBAAoB,EAAE,WAAW;IACjCC,eAAe,EAAE,aAAa;IAC9BC,uBAAuB,EAAE,eAAe;IACxCC,uBAAuB,EAAE;EAC3B,CAAC;EACDC,aAAa,EAAE;IACbC,kBAAkB,EAAE,SAAS;IAC7BC,iBAAiB,EAAE,QAAQ;IAC3BC,IAAI,EAAE;MACJC,oBAAoB,EAAE,iBAAiB;MACvCC,mBAAmB,EAAE;IACvB;EACF;AACF,CAAC;AAAC"}

package/dist/cjs/RichTextInputArea/RichTextInputAreaTypes.js

@@ -0,0 +1,21 @@
+"use strict";
+
+exports.__esModule = true;
+exports.inlineStyleTypes = exports.entityTypes = exports.blockTypes = void 0;
+var inlineStyleTypes = {
+  bold: 'BOLD',
+  italic: 'ITALIC',
+  underline: 'UNDERLINE'
+};
+exports.inlineStyleTypes = inlineStyleTypes;
+var blockTypes = {
+  unstyled: 'unstyled',
+  bulletedList: 'unordered-list-item',
+  numberedList: 'ordered-list-item'
+};
+exports.blockTypes = blockTypes;
+var entityTypes = {
+  link: 'LINK'
+};
+exports.entityTypes = entityTypes;
+//# sourceMappingURL=RichTextInputAreaTypes.js.map

package/dist/cjs/RichTextInputArea/RichTextInputAreaTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["inlineStyleTypes","bold","italic","underline","blockTypes","unstyled","bulletedList","numberedList","entityTypes","link"],"sources":["../../../src/RichTextInputArea/RichTextInputAreaTypes.js"],"sourcesContent":["export const inlineStyleTypes = {\n  bold: 'BOLD',\n  italic: 'ITALIC',\n  underline: 'UNDERLINE',\n};\n\nexport const blockTypes = {\n  unstyled: 'unstyled',\n  bulletedList: 'unordered-list-item',\n  numberedList: 'ordered-list-item',\n};\n\nexport const entityTypes = {\n  link: 'LINK',\n};\n"],"mappings":";;;;AAAO,IAAMA,gBAAgB,GAAG;EAC9BC,IAAI,EAAE,MAAM;EACZC,MAAM,EAAE,QAAQ;EAChBC,SAAS,EAAE;AACb,CAAC;AAAC;AAEK,IAAMC,UAAU,GAAG;EACxBC,QAAQ,EAAE,UAAU;EACpBC,YAAY,EAAE,qBAAqB;EACnCC,YAAY,EAAE;AAChB,CAAC;AAAC;AAEK,IAAMC,WAAW,GAAG;EACzBC,IAAI,EAAE;AACR,CAAC;AAAC"}

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbar.js

@@ -0,0 +1,180 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _system = require("@wix/wix-ui-icons-common/system");
+var _RichTextToolbarButton = _interopRequireDefault(require("./RichTextToolbarButton"));
+var _RichTextToolbarLinkButton = _interopRequireDefault(require("./RichTextToolbarLinkButton"));
+var _RichTextInputAreaContext = require("../RichTextInputAreaContext");
+var _EditorUtilities = _interopRequireDefault(require("../EditorUtilities"));
+var _RichTextInputAreaTypes = require("../RichTextInputAreaTypes");
+var _excluded = ["type", "iconComponent", "isDisabled", "isActive"],
+  _excluded2 = ["type", "iconComponent", "isDisabled", "isActive"],
+  _excluded3 = ["render"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbar.js";
+var renderButton = (index, _ref) => {
+  var {
+      type,
+      iconComponent: Icon,
+      isDisabled,
+      isActive
+    } = _ref,
+    restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_RichTextToolbarButton.default, (0, _extends2.default)({
+    key: "".concat(index, "-").concat(type),
+    dataHook: "richtextarea-button-".concat(type.toLowerCase()),
+    isDisabled: isDisabled,
+    isActive: !isDisabled && isActive()
+  }, restProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 3
+    }
+  }), /*#__PURE__*/_react.default.createElement(Icon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }));
+};
+var renderLinkButton = (index, _ref2) => {
+  var {
+      type,
+      iconComponent: Icon,
+      isDisabled,
+      isActive
+    } = _ref2,
+    restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
+  return /*#__PURE__*/_react.default.createElement(_RichTextToolbarLinkButton.default, (0, _extends2.default)({
+    key: "".concat(index, "-").concat(type),
+    dataHook: "richtextarea-button-".concat(type.toLowerCase()),
+    isDisabled: isDisabled,
+    isActive: !isDisabled && isActive()
+  }, restProps, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 3
+    }
+  }), /*#__PURE__*/_react.default.createElement(Icon, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 5
+    }
+  }));
+};
+var RichTextToolbar = _ref3 => {
+  var {
+    dataHook,
+    className,
+    isDisabled,
+    editorState,
+    onBold,
+    onItalic,
+    onUnderline,
+    onLink,
+    onBulletedList,
+    onNumberedList
+  } = _ref3;
+  return /*#__PURE__*/_react.default.createElement(_RichTextInputAreaContext.RichTextInputAreaContext.Consumer, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 5
+    }
+  }, _ref4 => {
+    var {
+      texts
+    } = _ref4;
+    var buttons = [{
+      type: _RichTextInputAreaTypes.inlineStyleTypes.bold,
+      iconComponent: _system.TextAreaBold,
+      render: (index, buttonProps) => renderButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.bold),
+      tooltipText: texts.toolbarButtons.boldButtonLabel,
+      onClick: () => onBold(_EditorUtilities.default.toggleStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.bold))
+    }, {
+      type: _RichTextInputAreaTypes.inlineStyleTypes.italic,
+      iconComponent: _system.TextAreaItalic,
+      render: (index, buttonProps) => renderButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.italic),
+      tooltipText: texts.toolbarButtons.italicButtonLabel,
+      onClick: () => onItalic(_EditorUtilities.default.toggleStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.italic))
+    }, {
+      type: _RichTextInputAreaTypes.inlineStyleTypes.underline,
+      iconComponent: _system.TextAreaUnderline,
+      render: (index, buttonProps) => renderButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.underline),
+      tooltipText: texts.toolbarButtons.underlineButtonLabel,
+      onClick: () => onUnderline(_EditorUtilities.default.toggleStyle(editorState, _RichTextInputAreaTypes.inlineStyleTypes.underline))
+    }, {
+      type: _RichTextInputAreaTypes.entityTypes.link,
+      iconComponent: _system.TextAreaLink,
+      render: (index, buttonProps) => renderLinkButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasEntity(editorState, _RichTextInputAreaTypes.entityTypes.link),
+      tooltipText: texts.toolbarButtons.linkButtonLabel,
+      // The data which is passed and being used within the insertion form
+      data: {
+        selectedText: _EditorUtilities.default.getSelectedText(editorState),
+        hasRemovableEntityInSelection: _EditorUtilities.default.hasRemovableEntityInSelection(editorState)
+      },
+      onSubmit: (event, linkData) => {
+        onLink(_EditorUtilities.default.toggleLink(editorState, linkData));
+      },
+      onRemove: () => {
+        onLink(_EditorUtilities.default.toggleLink(editorState));
+      }
+    }, {
+      type: _RichTextInputAreaTypes.blockTypes.bulletedList,
+      iconComponent: _system.TextAreaBulletList,
+      render: (index, buttonProps) => renderButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasBlockType(editorState, _RichTextInputAreaTypes.blockTypes.bulletedList),
+      tooltipText: texts.toolbarButtons.bulletedListButtonLabel,
+      onClick: () => onBulletedList(_EditorUtilities.default.toggleBlockType(editorState, _RichTextInputAreaTypes.blockTypes.bulletedList))
+    }, {
+      type: _RichTextInputAreaTypes.blockTypes.numberedList,
+      iconComponent: _system.TextAreaNumberedList,
+      render: (index, buttonProps) => renderButton(index, buttonProps),
+      isDisabled,
+      isActive: () => _EditorUtilities.default.isEditorFocused(editorState) && _EditorUtilities.default.hasBlockType(editorState, _RichTextInputAreaTypes.blockTypes.numberedList),
+      tooltipText: texts.toolbarButtons.numberedListButtonLabel,
+      onClick: () => onNumberedList(_EditorUtilities.default.toggleBlockType(editorState, _RichTextInputAreaTypes.blockTypes.numberedList))
+    }];
+    return /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": dataHook,
+      className: className,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 181,
+        columnNumber: 11
+      }
+    }, buttons.map((_ref5, index) => {
+      var {
+          render
+        } = _ref5,
+        props = (0, _objectWithoutProperties2.default)(_ref5, _excluded3);
+      return render(index, props);
+    }));
+  });
+};
+var _default = RichTextToolbar;
+exports.default = _default;
+//# sourceMappingURL=RichTextToolbar.js.map

package/dist/cjs/RichTextInputArea/Toolbar/RichTextToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["renderButton","index","type","iconComponent","Icon","isDisabled","isActive","restProps","toLowerCase","renderLinkButton","RichTextToolbar","dataHook","className","editorState","onBold","onItalic","onUnderline","onLink","onBulletedList","onNumberedList","texts","buttons","inlineStyleTypes","bold","TextAreaBold","render","buttonProps","EditorUtilities","isEditorFocused","hasStyle","tooltipText","toolbarButtons","boldButtonLabel","onClick","toggleStyle","italic","TextAreaItalic","italicButtonLabel","underline","TextAreaUnderline","underlineButtonLabel","entityTypes","link","TextAreaLink","hasEntity","linkButtonLabel","data","selectedText","getSelectedText","hasRemovableEntityInSelection","onSubmit","event","linkData","toggleLink","onRemove","blockTypes","bulletedList","TextAreaBulletList","hasBlockType","bulletedListButtonLabel","toggleBlockType","numberedList","TextAreaNumberedList","numberedListButtonLabel","map","props"],"sources":["../../../../src/RichTextInputArea/Toolbar/RichTextToolbar.js"],"sourcesContent":["import React from 'react';\nimport {\n  TextAreaBold,\n  TextAreaItalic,\n  TextAreaUnderline,\n  TextAreaLink,\n  TextAreaBulletList,\n  TextAreaNumberedList,\n} from '@wix/wix-ui-icons-common/system';\n\nimport RichTextToolbarButton from './RichTextToolbarButton';\nimport RichTextToolbarLinkButton from './RichTextToolbarLinkButton';\nimport { RichTextInputAreaContext } from '../RichTextInputAreaContext';\nimport EditorUtilities from '../EditorUtilities';\nimport {\n  inlineStyleTypes,\n  blockTypes,\n  entityTypes,\n} from '../RichTextInputAreaTypes';\n\nconst renderButton = (\n  index,\n  { type, iconComponent: Icon, isDisabled, isActive, ...restProps },\n) => (\n  <RichTextToolbarButton\n    key={`${index}-${type}`}\n    dataHook={`richtextarea-button-${type.toLowerCase()}`}\n    isDisabled={isDisabled}\n    isActive={!isDisabled && isActive()}\n    {...restProps}\n  >\n    <Icon />\n  </RichTextToolbarButton>\n);\n\nconst renderLinkButton = (\n  index,\n  { type, iconComponent: Icon, isDisabled, isActive, ...restProps },\n) => (\n  <RichTextToolbarLinkButton\n    key={`${index}-${type}`}\n    dataHook={`richtextarea-button-${type.toLowerCase()}`}\n    isDisabled={isDisabled}\n    isActive={!isDisabled && isActive()}\n    {...restProps}\n  >\n    <Icon />\n  </RichTextToolbarLinkButton>\n);\n\nconst RichTextToolbar = ({\n  dataHook,\n  className,\n  isDisabled,\n  editorState,\n  onBold,\n  onItalic,\n  onUnderline,\n  onLink,\n  onBulletedList,\n  onNumberedList,\n}) => {\n  return (\n    <RichTextInputAreaContext.Consumer>\n      {({ texts }) => {\n        const buttons = [\n          {\n            type: inlineStyleTypes.bold,\n            iconComponent: TextAreaBold,\n            render: (index, buttonProps) => renderButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasStyle(editorState, inlineStyleTypes.bold),\n            tooltipText: texts.toolbarButtons.boldButtonLabel,\n            onClick: () =>\n              onBold(\n                EditorUtilities.toggleStyle(editorState, inlineStyleTypes.bold),\n              ),\n          },\n          {\n            type: inlineStyleTypes.italic,\n            iconComponent: TextAreaItalic,\n            render: (index, buttonProps) => renderButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasStyle(editorState, inlineStyleTypes.italic),\n            tooltipText: texts.toolbarButtons.italicButtonLabel,\n            onClick: () =>\n              onItalic(\n                EditorUtilities.toggleStyle(\n                  editorState,\n                  inlineStyleTypes.italic,\n                ),\n              ),\n          },\n          {\n            type: inlineStyleTypes.underline,\n            iconComponent: TextAreaUnderline,\n            render: (index, buttonProps) => renderButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasStyle(editorState, inlineStyleTypes.underline),\n            tooltipText: texts.toolbarButtons.underlineButtonLabel,\n            onClick: () =>\n              onUnderline(\n                EditorUtilities.toggleStyle(\n                  editorState,\n                  inlineStyleTypes.underline,\n                ),\n              ),\n          },\n          {\n            type: entityTypes.link,\n            iconComponent: TextAreaLink,\n            render: (index, buttonProps) =>\n              renderLinkButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasEntity(editorState, entityTypes.link),\n            tooltipText: texts.toolbarButtons.linkButtonLabel,\n            // The data which is passed and being used within the insertion form\n            data: {\n              selectedText: EditorUtilities.getSelectedText(editorState),\n              hasRemovableEntityInSelection:\n                EditorUtilities.hasRemovableEntityInSelection(editorState),\n            },\n            onSubmit: (event, linkData) => {\n              onLink(EditorUtilities.toggleLink(editorState, linkData));\n            },\n            onRemove: () => {\n              onLink(EditorUtilities.toggleLink(editorState));\n            },\n          },\n          {\n            type: blockTypes.bulletedList,\n            iconComponent: TextAreaBulletList,\n            render: (index, buttonProps) => renderButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasBlockType(\n                editorState,\n                blockTypes.bulletedList,\n              ),\n            tooltipText: texts.toolbarButtons.bulletedListButtonLabel,\n            onClick: () =>\n              onBulletedList(\n                EditorUtilities.toggleBlockType(\n                  editorState,\n                  blockTypes.bulletedList,\n                ),\n              ),\n          },\n          {\n            type: blockTypes.numberedList,\n            iconComponent: TextAreaNumberedList,\n            render: (index, buttonProps) => renderButton(index, buttonProps),\n            isDisabled,\n            isActive: () =>\n              EditorUtilities.isEditorFocused(editorState) &&\n              EditorUtilities.hasBlockType(\n                editorState,\n                blockTypes.numberedList,\n              ),\n            tooltipText: texts.toolbarButtons.numberedListButtonLabel,\n            onClick: () =>\n              onNumberedList(\n                EditorUtilities.toggleBlockType(\n                  editorState,\n                  blockTypes.numberedList,\n                ),\n              ),\n          },\n        ];\n\n        return (\n          <div data-hook={dataHook} className={className}>\n            {buttons.map(({ render, ...props }, index) => render(index, props))}\n          </div>\n        );\n      }}\n    </RichTextInputAreaContext.Consumer>\n  );\n};\n\nexport default RichTextToolbar;\n"],"mappings":"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"}