@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.085ff6572f

package/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RadioGroup","props","description","label","validation","validationIsValid","isValid","validationMessage","message","webinyRadioTitle","children","onChange","value","getValue","id","React","Component"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { webinyRadioTitle } from \"./Radio.styles\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface RadioGroupRenderParams {\n    onChange: (id: string | number) => () => void;\n    getValue: (id: string | number) => boolean;\n}\n\ntype Props = FormComponentProps & {\n    // Form element's label.\n    label?: string;\n\n    // Form element's description.\n    description?: string;\n\n    // An array of Radio components.\n    children: (props: RadioGroupRenderParams) => React.ReactNode;\n};\n\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div\n                        className={\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent \" +\n                            webinyRadioTitle\n                        }\n                    >\n                        {label}\n                    </div>\n                )}\n\n                {this.props.children({\n                    onChange: value => () => this.props.onChange && this.props.onChange(value),\n                    getValue: id => this.props.value === id\n                })}\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;;;AAAA;AAEA;AACA;AAA0D,IAkBpDA,UAAU;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACZ,kBAAyB;MAAA;MACrB,kBAA2C,IAAI,CAACC,KAAK;QAA7CC,WAAW,eAAXA,WAAW;QAAEC,KAAK,eAALA,KAAK;QAAEC,UAAU,eAAVA,UAAU;MAEtC,WAAmEA,UAAU,IAAI,CAAC,CAAC;QAAlEC,iBAAiB,QAA1BC,OAAO;QAA8BC,iBAAiB,QAA1BC,OAAO;MAE3C,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVL,KAAK,iBACF;QACI,SAAS,EACL,oEAAoE,GACpEM;MACH,GAEAN,KAAK,CAEb,EAEA,IAAI,CAACF,KAAK,CAACS,QAAQ,CAAC;QACjBC,QAAQ,EAAE,kBAAAC,KAAK;UAAA,OAAI;YAAA,OAAM,KAAI,CAACX,KAAK,CAACU,QAAQ,IAAI,KAAI,CAACV,KAAK,CAACU,QAAQ,CAACC,KAAK,CAAC;UAAA;QAAA;QAC1EC,QAAQ,EAAE,kBAAAC,EAAE;UAAA,OAAI,KAAI,CAACb,KAAK,CAACW,KAAK,KAAKE,EAAE;QAAA;MAC3C,CAAC,CAAC,EAEDT,iBAAiB,KAAK,KAAK,iBACxB,6BAAC,sCAAkB;QAAC,KAAK;MAAA,GAAEE,iBAAiB,CAC/C,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvC,6BAAC,sCAAkB,QAAEA,WAAW,CACnC,CACY;IAEzB;EAAC;EAAA;AAAA,EAjCoBa,cAAK,CAACC,SAAS;AAAA,eAoCzBhB,UAAU;AAAA"}

package/Radio/RadioGroup.stories.js

@@ -1,14 +1,17 @@
-import * as React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import { withKnobs, boolean } from "@storybook/addon-knobs";
-import readme from "./README.md";
-import { Form } from "@webiny/form";
-import { Radio, RadioGroup } from ".";
-var story = storiesOf("Components/Radio", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _Story = require("@webiny/storybook-utils/Story");
+var _addonKnobs = require("@storybook/addon-knobs");
+var _README = _interopRequireDefault(require("./README.md"));
+var _form = require("@webiny/form");
+var _ = require(".");
+var story = (0, _react2.storiesOf)("Components/Radio", module);
+story.addDecorator(_addonKnobs.withKnobs);
 story.add("usage", function () {
-  var disabled = boolean("Disabled", false);
+  var disabled = (0, _addonKnobs.boolean)("Disabled", false);
   var options = [{
     id: "apple",
     name: "Apple"
@@ -19,26 +22,26 @@ story.add("usage", function () {
     id: "orange",
     name: "Orange"
   }];
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, {
     title: "Simple radio with label and description"
-  }, /*#__PURE__*/React.createElement(Form, {
+  }, /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: {
       fruits: "pear"
     }
   }, function (_ref) {
     var Bind = _ref.Bind;
-    return /*#__PURE__*/React.createElement(Bind, {
+    return /*#__PURE__*/_react.default.createElement(Bind, {
       name: "fruits"
-    }, /*#__PURE__*/React.createElement(RadioGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_.RadioGroup, {
       label: "Fruit selection",
       description: "Choose fruit you like the most."
     }, function (_ref2) {
       var onChange = _ref2.onChange,
-          getValue = _ref2.getValue;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, options.map(function (_ref3) {
+        getValue = _ref2.getValue;
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (_ref3) {
         var id = _ref3.id,
-            name = _ref3.name;
-        return /*#__PURE__*/React.createElement(Radio, {
+          name = _ref3.name;
+        return /*#__PURE__*/_react.default.createElement(_.Radio, {
           disabled: disabled,
           key: id,
           label: name,
@@ -47,9 +50,9 @@ story.add("usage", function () {
         });
       }));
     }));
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    ")));
 }, {
   info: {
-    propTables: [Radio, RadioGroup]
+    propTables: [_.Radio, _.RadioGroup]
   }
 });

package/Radio/RadioGroup.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","disabled","boolean","options","id","name","readme","fruits","Bind","onChange","getValue","map","info","propTables","Radio","RadioGroup"],"sources":["RadioGroup.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./README.md\";\n\nimport { Form } from \"@webiny/form\";\nimport { Radio, RadioGroup } from \".\";\n\nconst story = storiesOf(\"Components/Radio\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const disabled = boolean(\"Disabled\", false);\n\n        const options = [\n            { id: \"apple\", name: \"Apple\" },\n            { id: \"pear\", name: \"Pear\" },\n            { id: \"orange\", name: \"Orange\" }\n        ];\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Simple radio with label and description\"}>\n                        <Form data={{ fruits: \"pear\" }}>\n                            {({ Bind }) => (\n                                <Bind name=\"fruits\">\n                                    <RadioGroup\n                                        label=\"Fruit selection\"\n                                        description={\"Choose fruit you like the most.\"}\n                                    >\n                                        {({ onChange, getValue }) => (\n                                            <React.Fragment>\n                                                {options.map(({ id, name }) => (\n                                                    <Radio\n                                                        disabled={disabled}\n                                                        key={id}\n                                                        label={name}\n                                                        value={getValue(id)}\n                                                        onChange={onChange(id)}\n                                                    />\n                                                ))}\n                                            </React.Fragment>\n                                        )}\n                                    </RadioGroup>\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                     <Form data={{fruits: ['pear']}}>\n                        {({ Bind }) => (\n                            <Bind name=\"fruits\">\n                                <RadioGroup\n                                    label=\"Fruits selection\"\n                                    description={\"Choose only fruits you like.\"}\n                                >\n                                    {({ onChange, getValue }) => (\n                                        <React.Fragment>\n                                            {options.map(({id, name}) => (\n                                                <Radio\n                                                    disabled={disabled}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))}\n                                        </React.Fragment>\n                                    )}\n                                </RadioGroup>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Radio, RadioGroup] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,kBAAkB,EAAEC,MAAM,CAAC;AACnDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,mBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;EAE3C,IAAMC,OAAO,GAAG,CACZ;IAAEC,EAAE,EAAE,OAAO;IAAEC,IAAI,EAAE;EAAQ,CAAC,EAC9B;IAAED,EAAE,EAAE,MAAM;IAAEC,IAAI,EAAE;EAAO,CAAC,EAC5B;IAAED,EAAE,EAAE,QAAQ;IAAEC,IAAI,EAAE;EAAS,CAAC,CACnC;EAED,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB;IAAC,KAAK,EAAE;EAA0C,gBAClE,6BAAC,UAAI;IAAC,IAAI,EAAE;MAAEC,MAAM,EAAE;IAAO;EAAE,GAC1B;IAAA,IAAGC,IAAI,QAAJA,IAAI;IAAA,oBACJ,6BAAC,IAAI;MAAC,IAAI,EAAC;IAAQ,gBACf,6BAAC,YAAU;MACP,KAAK,EAAC,iBAAiB;MACvB,WAAW,EAAE;IAAkC,GAE9C;MAAA,IAAGC,QAAQ,SAARA,QAAQ;QAAEC,QAAQ,SAARA,QAAQ;MAAA,oBAClB,6BAAC,cAAK,CAAC,QAAQ,QACVP,OAAO,CAACQ,GAAG,CAAC;QAAA,IAAGP,EAAE,SAAFA,EAAE;UAAEC,IAAI,SAAJA,IAAI;QAAA,oBACpB,6BAAC,OAAK;UACF,QAAQ,EAAEJ,QAAS;UACnB,GAAG,EAAEG,EAAG;UACR,KAAK,EAAEC,IAAK;UACZ,KAAK,EAAEK,QAAQ,CAACN,EAAE,CAAE;UACpB,QAAQ,EAAEK,QAAQ,CAACL,EAAE;QAAE,EACzB;MAAA,CACL,CAAC,CACW;IAAA,CACpB,CACQ,CACV;EAAA,CACV,CACE,CACW,eACtB,6BAAC,uBAAgB,i1CA2BE,CACR,CACX;AAEhB,CAAC,EACD;EAAEQ,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,OAAK,EAAEC,YAAU;EAAE;AAAE,CAAC,CAChD"}

package/Radio/index.js

@@ -1,2 +1,20 @@
-export { default as Radio } from "./Radio";
-export { default as RadioGroup } from "./RadioGroup";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Radio", {
+  enumerable: true,
+  get: function get() {
+    return _Radio.default;
+  }
+});
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function get() {
+    return _RadioGroup.default;
+  }
+});
+var _Radio = _interopRequireDefault(require("./Radio"));
+var _RadioGroup = _interopRequireDefault(require("./RadioGroup"));

package/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,17 +1,19 @@
-/// <reference types="react" />
-import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs/types";
-export declare type OnReadyParams = {
+import React from "react";
+import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs";
+import { FormComponentProps } from "@webiny/form";
+export interface OnReadyParams {
     editor: any;
     initialData: OutputData;
-};
-export declare type RichTextEditorProps = {
+}
+export declare type RichTextEditorValue = OutputBlockData[];
+export interface RichTextEditorProps {
     autofocus?: boolean;
     context?: {
         [key: string]: any;
     };
     logLevel?: string;
     minHeight?: number;
-    onChange?: (data: OutputBlockData[]) => void;
+    onChange?: (data: RichTextEditorValue) => void;
     onReady?: (params: OnReadyParams) => void;
     placeholder?: string;
     readOnly?: boolean;
@@ -19,9 +21,11 @@ export declare type RichTextEditorProps = {
     tools?: {
         [toolName: string]: ToolSettings;
     };
-    value?: OutputBlockData[];
+    value?: RichTextEditorValue;
     label?: string;
     description?: string;
     disabled?: boolean;
-};
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+    validation?: FormComponentProps["validation"];
+    className?: string;
+}
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;

package/RichTextEditor/RichTextEditor.js

@@ -1,90 +1,103 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RichTextEditor = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _shortid = _interopRequireDefault(require("shortid"));
+var _editorjs = _interopRequireDefault(require("@editorjs/editorjs"));
+var _FormElementMessage = require("../FormElementMessage");
+var _emotion = require("emotion");
+var _classnames = _interopRequireDefault(require("classnames"));
 var _excluded = ["value", "context", "onReady"];
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { Fragment, useEffect, useRef } from "react";
-import shortid from "shortid";
-import EditorJS from "@editorjs/editorjs";
-import { FormElementMessage } from "../FormElementMessage";
-import { css } from "emotion";
-import classNames from "classnames";
 var classes = {
-  wrapper: /*#__PURE__*/css({
+  wrapper: /*#__PURE__*/(0, _emotion.css)({
     backgroundColor: "var(--mdc-theme-background)",
     padding: "20px 16px 6px"
   }, "label:wrapper;"),
-  label: /*#__PURE__*/css({
+  label: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: "10px !important"
   }, "label:label;"),
-  disable: /*#__PURE__*/css({
+  disable: /*#__PURE__*/(0, _emotion.css)({
     opacity: 0.7,
     pointerEvents: "none"
   }, "label:disable;")
 };
-export var RichTextEditor = function RichTextEditor(props) {
-  var elementId = useRef("rte-" + shortid.generate());
-  var editorRef = useRef();
-  useEffect(function () {
+var RichTextEditor = function RichTextEditor(props) {
+  var elementId = (0, _react.useRef)("rte-" + _shortid.default.generate());
+  var editorRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
     var value = props.value,
-        context = props.context,
-        _onReady = props.onReady,
-        nativeProps = _objectWithoutProperties(props, _excluded);
-
+      context = props.context,
+      _onReady = props.onReady,
+      nativeProps = (0, _objectWithoutProperties2.default)(props, _excluded);
     var initialData = value ? {
       blocks: value
     } : {
       blocks: []
     };
-    editorRef.current = new EditorJS(_objectSpread(_objectSpread({}, nativeProps), {}, {
+    editorRef.current = new _editorjs.default((0, _objectSpread2.default)((0, _objectSpread2.default)({}, nativeProps), {}, {
       holder: elementId.current,
       logLevel: "ERROR",
       data: initialData,
       onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var _onChange = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
           var _yield$editorRef$curr, data;
-
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
+          return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+            while (1) switch (_context.prev = _context.next) {
+              case 0:
+                if (editorRef.current) {
                   _context.next = 2;
-                  return editorRef.current.save();
-
-                case 2:
-                  _yield$editorRef$curr = _context.sent;
-                  data = _yield$editorRef$curr.blocks;
-                  props.onChange(data);
-
-                case 5:
-                case "end":
-                  return _context.stop();
-              }
+                  break;
+                }
+                return _context.abrupt("return");
+              case 2:
+                _context.next = 4;
+                return editorRef.current.save();
+              case 4:
+                _yield$editorRef$curr = _context.sent;
+                data = _yield$editorRef$curr.blocks;
+                if (props.onChange) {
+                  _context.next = 8;
+                  break;
+                }
+                return _context.abrupt("return");
+              case 8:
+                props.onChange(data);
+              case 9:
+              case "end":
+                return _context.stop();
             }
           }, _callee);
         }));
-
         function onChange() {
           return _onChange.apply(this, arguments);
         }
-
         return onChange;
       }(),
       onReady: function onReady() {
         if (typeof _onReady !== "function") {
           return;
         }
-
         _onReady({
           editor: editorRef.current,
           initialData: initialData
         });
       },
       tools: Object.keys(props.tools || {}).reduce(function (tools, name) {
-        var tool = props.tools[name];
+        var tool = props.tools ? props.tools[name] : null;
+        if (!tool) {
+          return tools;
+        }
         tools[name] = tool;
-
         if (!tool.config) {
           tool.config = {
             context: context
@@ -92,45 +105,33 @@ export var RichTextEditor = function RichTextEditor(props) {
         } else if (typeof tool.config === "function") {
           tool.config = tool.config();
         } else {
-          tool.config = _objectSpread(_objectSpread({}, tool.config), {}, {
+          tool.config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tool.config), {}, {
             context: context
           });
         }
-
         return tools;
       }, {})
     }));
-    return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!(!editorRef.current || typeof editorRef.current.destroy !== "function")) {
-                _context2.next = 2;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 2:
-              editorRef.current.destroy();
-
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    }));
+    return function () {
+      if (!editorRef.current || typeof editorRef.current.destroy !== "function") {
+        return;
+      }
+      editorRef.current.destroy();
+    };
   }, []);
   var label = props.label,
-      description = props.description,
-      disabled = props.disabled;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classNames(classes.wrapper, _defineProperty({}, classes.disable, disabled))
-  }, label && /*#__PURE__*/React.createElement("div", {
-    className: classNames("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", classes.label)
-  }, label), /*#__PURE__*/React.createElement("div", {
+    description = props.description,
+    disabled = props.disabled,
+    validation = props.validation,
+    className = props.className;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)(classes.wrapper, className, (0, _defineProperty2.default)({}, classes.disable, disabled))
+  }, label && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", classes.label)
+  }, label), /*#__PURE__*/_react.default.createElement("div", {
     id: elementId.current
-  })), description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-};
+  })), validation && validation.isValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
+    error: true
+  }, validation.message), validation && validation.isValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
+};
+exports.RichTextEditor = RichTextEditor;

package/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","RichTextEditor","props","elementId","useRef","shortid","generate","editorRef","useEffect","value","context","onReady","nativeProps","initialData","blocks","current","EditorJS","holder","logLevel","data","onChange","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","classNames","isValid","message"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport shortid from \"shortid\";\nimport EditorJS from \"@editorjs/editorjs\";\nimport {\n    LogLevels,\n    OutputBlockData,\n    OutputData,\n    SanitizerConfig,\n    ToolSettings\n} from \"@editorjs/editorjs\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { FormComponentProps } from \"@webiny/form\";\n\nconst classes = {\n    wrapper: css({\n        backgroundColor: \"var(--mdc-theme-background)\",\n        padding: \"20px 16px 6px\"\n    }),\n    label: css({\n        marginBottom: \"10px !important\"\n    }),\n    disable: css({\n        opacity: 0.7,\n        pointerEvents: \"none\"\n    })\n};\n\ninterface EditorJSType {\n    destroy?: () => void;\n    save: () => Promise<any>;\n}\n\nexport interface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n\nexport type RichTextEditorValue = OutputBlockData[];\n\nexport interface RichTextEditorProps {\n    autofocus?: boolean;\n    context?: { [key: string]: any };\n    logLevel?: string;\n    minHeight?: number;\n    onChange?: (data: RichTextEditorValue) => void;\n    onReady?: (params: OnReadyParams) => void;\n    placeholder?: string;\n    readOnly?: boolean;\n    sanitizer?: SanitizerConfig;\n    tools?: {\n        [toolName: string]: ToolSettings;\n    };\n    value?: RichTextEditorValue;\n    label?: string;\n    description?: string;\n    disabled?: boolean;\n    validation?: FormComponentProps[\"validation\"];\n    className?: string;\n}\n\nexport const RichTextEditor: React.FC<RichTextEditorProps> = props => {\n    const elementId = useRef(\"rte-\" + shortid.generate());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        editorRef.current = new EditorJS({\n            ...nativeProps,\n            holder: elementId.current,\n            logLevel: \"ERROR\" as LogLevels.ERROR,\n            data: initialData,\n            onChange: async () => {\n                if (!editorRef.current) {\n                    return;\n                }\n                const { blocks: data } = await editorRef.current.save();\n                if (!props.onChange) {\n                    return;\n                }\n                props.onChange(data);\n            },\n            onReady() {\n                if (typeof onReady !== \"function\") {\n                    return;\n                }\n                onReady({ editor: editorRef.current, initialData });\n            },\n            tools: Object.keys(props.tools || {}).reduce((tools, name) => {\n                const tool = props.tools ? props.tools[name] : null;\n                if (!tool) {\n                    return tools;\n                }\n                tools[name] = tool;\n                if (!tool.config) {\n                    tool.config = { context };\n                } else if (typeof tool.config === \"function\") {\n                    tool.config = tool.config();\n                } else {\n                    tool.config = { ...tool.config, context };\n                }\n                return tools;\n            }, {} as Record<string, ToolSettings>)\n        });\n\n        return () => {\n            if (!editorRef.current || typeof editorRef.current.destroy !== \"function\") {\n                return;\n            }\n\n            editorRef.current.destroy();\n        };\n    }, []);\n\n    const { label, description, disabled, validation, className } = props;\n\n    return (\n        <Fragment>\n            <div\n                className={classNames(classes.wrapper, className, { [classes.disable]: disabled })}\n            >\n                {label && (\n                    <div\n                        className={classNames(\n                            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n                            classes.label\n                        )}\n                    >\n                        {label}\n                    </div>\n                )}\n                <div id={elementId.current} />\n            </div>\n            {validation && validation.isValid === false && (\n                <FormElementMessage error>{validation.message}</FormElementMessage>\n            )}\n            {validation && validation.isValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </Fragment>\n    );\n};\n"],"mappings":"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"}

package/RichTextEditor/RichTextEditor.stories.js

@@ -1,19 +1,23 @@
-import React, { useCallback } from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandboxCode, StorySandbox, StorySandboxExample } from "@webiny/storybook-utils/Story";
-import readme from "./README.md";
-import { RichTextEditor } from "./index";
-var story = storiesOf("Components/RichTextEditor", module);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@storybook/react");
+var _Story = require("@webiny/storybook-utils/Story");
+var _README = _interopRequireDefault(require("./README.md"));
+var _index = require("./index");
+var story = (0, _react2.storiesOf)("Components/RichTextEditor", module);
 story.add("usage", function () {
-  var onChange = useCallback(function (data) {
+  var onChange = (0, _react.useCallback)(function (data) {
     console.log(data);
   }, []);
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement(StorySandboxExample, null, /*#__PURE__*/React.createElement(RichTextEditor, {
-    value: null,
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement(_Story.StorySandboxExample, null, /*#__PURE__*/_react.default.createElement(_index.RichTextEditor, {
+    value: undefined,
     onChange: onChange
-  })), /*#__PURE__*/React.createElement(StorySandboxCode, null, "\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    ")));
+  })), /*#__PURE__*/_react.default.createElement(_Story.StorySandboxCode, null, "\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    ")));
 }, {
   info: {
-    propTables: [RichTextEditor]
+    propTables: [_index.RichTextEditor]
   }
 });

package/RichTextEditor/RichTextEditor.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","add","onChange","useCallback","data","console","log","readme","undefined","info","propTables","RichTextEditor"],"sources":["RichTextEditor.stories.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { storiesOf } from \"@storybook/react\";\n\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\n\nimport { RichTextEditor } from \"./index\";\n\nconst story = storiesOf(\"Components/RichTextEditor\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        const onChange = useCallback(data => {\n            console.log(data);\n        }, []);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <RichTextEditor value={undefined} onChange={onChange} />\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        import { RichTextEditor } from \"..\";\n\n                        <RichTextEditor/>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [RichTextEditor] } }\n);\n"],"mappings":";;;;AAAA;AACA;AAEA;AAOA;AAEA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,2BAA2B,EAAEC,MAAM,CAAC;AAE5DF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAAC,UAAAC,IAAI,EAAI;IACjCC,OAAO,CAACC,GAAG,CAACF,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEG,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,qBAAc;IAAC,KAAK,EAAEC,SAAU;IAAC,QAAQ,EAAEN;EAAS,EAAG,CACtC,eACtB,6BAAC,uBAAgB,8IAME,CACR,CACX;AAEhB,CAAC,EACD;EAAEO,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,qBAAc;EAAE;AAAE,CAAC,CAC7C"}

package/RichTextEditor/createPropsFromConfig.d.ts

@@ -1,5 +1,15 @@
 import { RichTextEditorProps } from "./RichTextEditor";
+import { ToolSettings } from "@editorjs/editorjs";
+interface CreatePropsFromConfigResult {
+    onReady: (editor: any) => void;
+    tools: {
+        [key: string]: ToolSettings;
+    };
+}
 /**
  * Creates RichTextEditor props from the given config (or array of configs).
+ *
+ * TODO: figure out types for editor and return type of the function.
  */
-export declare const createPropsFromConfig: (config: any) => Partial<RichTextEditorProps>;
+export declare const createPropsFromConfig: (config: RichTextEditorProps[]) => CreatePropsFromConfigResult;
+export {};

package/RichTextEditor/createPropsFromConfig.js

@@ -1,18 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPropsFromConfig = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 /**
  * Creates RichTextEditor props from the given config (or array of configs).
+ *
+ * TODO: figure out types for editor and return type of the function.
  */
-export var createPropsFromConfig = function createPropsFromConfig(config) {
+var createPropsFromConfig = function createPropsFromConfig(config) {
   var configs = Array.isArray(config) ? config : [config];
   return {
-    onReady: function onReady(editor) {
+    onReady: function onReady(params) {
       configs.forEach(function (config) {
         if (typeof config.onReady === "function") {
-          config.onReady(editor);
+          config.onReady(params);
         }
       });
     },
     tools: configs.reduce(function (tools, config) {
-      return Object.assign(tools, config.tools);
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tools), config.tools);
     }, {})
   };
-};
+};
+exports.createPropsFromConfig = createPropsFromConfig;

package/RichTextEditor/createPropsFromConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPropsFromConfig","config","configs","Array","isArray","onReady","params","forEach","tools","reduce"],"sources":["createPropsFromConfig.ts"],"sourcesContent":["import { RichTextEditorProps } from \"./RichTextEditor\";\nimport { ToolSettings } from \"@editorjs/editorjs\";\nimport { OutputData } from \"@editorjs/editorjs/types\";\n\ninterface CreatePropsFromConfigResult {\n    onReady: (editor: any) => void;\n    tools: {\n        [key: string]: ToolSettings;\n    };\n}\n\ninterface OnReadyParams {\n    editor: any;\n    initialData: OutputData;\n}\n/**\n * Creates RichTextEditor props from the given config (or array of configs).\n *\n * TODO: figure out types for editor and return type of the function.\n */\nexport const createPropsFromConfig = (\n    config: RichTextEditorProps[]\n): CreatePropsFromConfigResult => {\n    const configs = (Array.isArray(config) ? config : [config]) as RichTextEditorProps[];\n\n    return {\n        onReady(params: OnReadyParams) {\n            configs.forEach(config => {\n                if (typeof config.onReady === \"function\") {\n                    config.onReady(params);\n                }\n            });\n        },\n        tools: configs.reduce((tools, config) => {\n            return {\n                ...tools,\n                ...config.tools\n            };\n        }, {} as Record<string, ToolSettings>)\n    };\n};\n"],"mappings":";;;;;;;;AAeA;AACA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG,SAAxBA,qBAAqB,CAC9BC,MAA6B,EACC;EAC9B,IAAMC,OAAO,GAAIC,KAAK,CAACC,OAAO,CAACH,MAAM,CAAC,GAAGA,MAAM,GAAG,CAACA,MAAM,CAA2B;EAEpF,OAAO;IACHI,OAAO,mBAACC,MAAqB,EAAE;MAC3BJ,OAAO,CAACK,OAAO,CAAC,UAAAN,MAAM,EAAI;QACtB,IAAI,OAAOA,MAAM,CAACI,OAAO,KAAK,UAAU,EAAE;UACtCJ,MAAM,CAACI,OAAO,CAACC,MAAM,CAAC;QAC1B;MACJ,CAAC,CAAC;IACN,CAAC;IACDE,KAAK,EAAEN,OAAO,CAACO,MAAM,CAAC,UAACD,KAAK,EAAEP,MAAM,EAAK;MACrC,mEACOO,KAAK,GACLP,MAAM,CAACO,KAAK;IAEvB,CAAC,EAAE,CAAC,CAAC;EACT,CAAC;AACL,CAAC;AAAC"}

package/RichTextEditor/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./RichTextEditor";
+export type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from "./RichTextEditor";
 export { createPropsFromConfig } from "./createPropsFromConfig";

package/RichTextEditor/index.js

@@ -1,2 +1,27 @@
-export * from "./RichTextEditor";
-export { createPropsFromConfig } from "./createPropsFromConfig";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  createPropsFromConfig: true
+};
+Object.defineProperty(exports, "createPropsFromConfig", {
+  enumerable: true,
+  get: function get() {
+    return _createPropsFromConfig.createPropsFromConfig;
+  }
+});
+var _RichTextEditor = require("./RichTextEditor");
+Object.keys(_RichTextEditor).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _RichTextEditor[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _RichTextEditor[key];
+    }
+  });
+});
+var _createPropsFromConfig = require("./createPropsFromConfig");

package/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAEA"}

package/Ripple/Ripple.d.ts

@@ -1,11 +1,10 @@
-import * as React from "react";
-declare type Props = {
-    children?: React.ReactNode;
+import React from "react";
+interface Props {
     type?: "unbounded" | "primary" | "accent";
     disabled?: boolean;
-};
+}
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
-declare const Ripple: (props: Props) => JSX.Element;
+declare const Ripple: React.FC<Props>;
 export { Ripple };

package/Ripple/Ripple.js

@@ -1,14 +1,19 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Ripple as RmwcRipple } from "@rmwc/ripple";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Ripple = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _ripple = require("@rmwc/ripple");
 /**
  * Use Ripple component to display a list of choices, once the handler is triggered.
  */
 var Ripple = function Ripple(props) {
   // Let's pass "unbounded" / "primary" / "accent" flags as "type" prop instead.
   var type = props.type || "surface";
-  return /*#__PURE__*/React.createElement(RmwcRipple, Object.assign({}, _defineProperty({}, type, true), props), props.children);
+  return /*#__PURE__*/_react.default.createElement(_ripple.Ripple, Object.assign({}, (0, _defineProperty2.default)({}, type, true), props), props.children);
 };
-
-export { Ripple };
+exports.Ripple = Ripple;

package/Ripple/Ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ripple","props","type","children"],"sources":["Ripple.tsx"],"sourcesContent":["import React from \"react\";\nimport { Ripple as RmwcRipple } from \"@rmwc/ripple\";\n\ninterface Props {\n    // Choose the type of ripple.\n    type?: \"unbounded\" | \"primary\" | \"accent\";\n\n    // Makes the ripple disabled.\n    disabled?: boolean;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Ripple: React.FC<Props> = props => {\n    // Let's pass \"unbounded\" / \"primary\" / \"accent\" flags as \"type\" prop instead.\n    const type = props.type || \"surface\";\n\n    return (\n        <RmwcRipple {...{ [type]: true }} {...props}>\n            {props.children}\n        </RmwcRipple>\n    );\n};\n\nexport { Ripple };\n"],"mappings":";;;;;;;;AAAA;AACA;AAUA;AACA;AACA;AACA,IAAMA,MAAuB,GAAG,SAA1BA,MAAuB,CAAGC,KAAK,EAAI;EACrC;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,IAAI,SAAS;EAEpC,oBACI,6BAAC,cAAU,sDAAQA,IAAI,EAAG,IAAI,GAAQD,KAAK,GACtCA,KAAK,CAACE,QAAQ,CACN;AAErB,CAAC;AAAC"}