@webiny/ui 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/Radio/Radio.js

@@ -1,68 +1,39 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Radio as RmwcRadio } from "@rmwc/radio";
-import { FormElementMessage } from "../FormElementMessage";
-
+import React from "react";
+import { FormComponentErrorMessage, FormComponentNote, Radio as AdminRadio } from "@webiny/admin-ui";
+import { generateId } from "@webiny/admin-ui/utils";
 /**
- * Wrap Radio components with RadioGroup to create a set of options.
- * Each Radio component must receive value and onChange callback via props.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Radio` component props from the `@webiny/admin-ui` package instead.
  */
-var Radio = /*#__PURE__*/function (_React$Component) {
-  _inherits(Radio, _React$Component);
-
-  var _super = _createSuper(Radio);
-
-  function Radio() {
-    var _this;
-
-    _classCallCheck(this, Radio);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
-      _this.props.onChange && _this.props.onChange(e.target.checked);
-    });
-
-    return _this;
-  }
-
-  _createClass(Radio, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          label = _this$props.label,
-          disabled = _this$props.disabled,
-          description = _this$props.description,
-          validation = _this$props.validation;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RmwcRadio, {
-        disabled: disabled,
-        checked: Boolean(value),
-        onChange: this.onChange // @ts-ignore Although the label is React.ReactNode internally, an error is still thrown.
-        ,
-        label: label
-      }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-        error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-    }
-  }]);
-
-  return Radio;
-}(React.Component);
-
-_defineProperty(Radio, "defaultProps", {
-  validation: {
-    isValid: null
+class Radio extends React.Component {
+  onChange = e => {
+    this.props.onChange && this.props.onChange(e.target.checked);
+  };
+  render() {
+    const {
+      value,
+      label,
+      disabled,
+      description,
+      validation
+    } = this.props;
+    const {
+      isValid: validationIsValid,
+      message: validationMessage
+    } = validation || {};
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AdminRadio, {
+      id: generateId(),
+      disabled: disabled,
+      value: value,
+      label: label
+    }), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+      invalid: Boolean(validationIsValid === false),
+      text: validationMessage
+    }), /*#__PURE__*/React.createElement(FormComponentNote, {
+      text: description
+    }));
   }
-});
+}
+export default Radio;
 
-export default Radio;
+//# sourceMappingURL=Radio.js.map

package/Radio/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FormComponentErrorMessage","FormComponentNote","Radio","AdminRadio","generateId","Component","onChange","e","props","target","checked","render","value","label","disabled","description","validation","isValid","validationIsValid","message","validationMessage","createElement","Fragment","id","invalid","Boolean","text"],"sources":["Radio.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    FormComponentErrorMessage,\n    FormComponentNote,\n    Radio as AdminRadio\n} from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types\";\nimport { generateId } from \"@webiny/admin-ui/utils\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is radio disabled?\n    disabled?: boolean;\n\n    // Description beneath the radio.\n    description?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `Radio` component props from the `@webiny/admin-ui` package instead.\n */\nclass Radio extends React.Component<Props> {\n    onChange = (e: React.SyntheticEvent<HTMLInputElement> | any) => {\n        this.props.onChange && this.props.onChange((e.target as HTMLInputElement).checked);\n    };\n\n    public override render() {\n        const { value, label, disabled, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <AdminRadio id={generateId()} disabled={disabled} value={value} label={label} />\n                <FormComponentErrorMessage\n                    invalid={Boolean(validationIsValid === false)}\n                    text={validationMessage}\n                />\n                <FormComponentNote text={description} />\n            </React.Fragment>\n        );\n    }\n}\n\nexport default Radio;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,yBAAyB,EACzBC,iBAAiB,EACjBC,KAAK,IAAIC,UAAU,QAChB,kBAAkB;AAEzB,SAASC,UAAU,QAAQ,wBAAwB;AAanD;AACA;AACA;AACA;AACA,MAAMF,KAAK,SAASH,KAAK,CAACM,SAAS,CAAQ;EACvCC,QAAQ,GAAIC,CAA+C,IAAK;IAC5D,IAAI,CAACC,KAAK,CAACF,QAAQ,IAAI,IAAI,CAACE,KAAK,CAACF,QAAQ,CAAEC,CAAC,CAACE,MAAM,CAAsBC,OAAO,CAAC;EACtF,CAAC;EAEeC,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACR,KAAK;IAEtE,MAAM;MAAES,OAAO,EAAEC,iBAAiB;MAAEC,OAAO,EAAEC;IAAkB,CAAC,GAAGJ,UAAU,IAAI,CAAC,CAAC;IAEnF,oBACIjB,KAAA,CAAAsB,aAAA,CAACtB,KAAK,CAACuB,QAAQ,qBACXvB,KAAA,CAAAsB,aAAA,CAAClB,UAAU;MAACoB,EAAE,EAAEnB,UAAU,CAAC,CAAE;MAACU,QAAQ,EAAEA,QAAS;MAACF,KAAK,EAAEA,KAAM;MAACC,KAAK,EAAEA;IAAM,CAAE,CAAC,eAChFd,KAAA,CAAAsB,aAAA,CAACrB,yBAAyB;MACtBwB,OAAO,EAAEC,OAAO,CAACP,iBAAiB,KAAK,KAAK,CAAE;MAC9CQ,IAAI,EAAEN;IAAkB,CAC3B,CAAC,eACFrB,KAAA,CAAAsB,aAAA,CAACpB,iBAAiB;MAACyB,IAAI,EAAEX;IAAY,CAAE,CAC3B,CAAC;EAEzB;AACJ;AAEA,eAAeb,KAAK","ignoreList":[]}

package/Radio/RadioGroup.d.ts

@@ -1,20 +1,19 @@
-import * as React from "react";
-import { FormComponentProps } from "../types";
+import React from "react";
+import type { FormComponentProps } from "../types";
 interface RadioGroupRenderParams {
-    onChange: (id: string | number) => () => void;
-    getValue: (id: string | number) => boolean;
+    onChange: (value: string | number) => () => void;
+    getValue: (value: string | number) => string | number;
 }
-declare type Props = FormComponentProps & {
+type Props = FormComponentProps & {
     label?: string;
     description?: string;
     children: (props: RadioGroupRenderParams) => React.ReactNode;
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `RadioGroup` component props from the `@webiny/admin-ui` package instead.
+ */
 declare class RadioGroup extends React.Component<Props> {
-    static defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export default RadioGroup;

package/Radio/RadioGroup.js

@@ -1,56 +1,40 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { webinyRadioTitle } from "./Radio.styles";
-import { FormElementMessage } from "../FormElementMessage";
-
-var RadioGroup = /*#__PURE__*/function (_React$Component) {
-  _inherits(RadioGroup, _React$Component);
-
-  var _super = _createSuper(RadioGroup);
-
-  function RadioGroup() {
-    _classCallCheck(this, RadioGroup);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(RadioGroup, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      var _this$props = this.props,
-          description = _this$props.description,
-          label = _this$props.label,
-          validation = _this$props.validation;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
-        className: "mdc-text-field-helper-text mdc-text-field-helper-text--persistent " + webinyRadioTitle
-      }, label), this.props.children({
-        onChange: function onChange(value) {
-          return function () {
-            return _this.props.onChange && _this.props.onChange(value);
-          };
-        },
-        getValue: function getValue(id) {
-          return _this.props.value === id;
-        }
-      }), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-        error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-    }
-  }]);
-
-  return RadioGroup;
-}(React.Component);
-
-_defineProperty(RadioGroup, "defaultProps", {
-  validation: {
-    isValid: null
+import React from "react";
+import { DeprecatedRadioGroup as DeprecatedAdminRadioGroup, FormComponentDescription, FormComponentErrorMessage, FormComponentLabel } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `RadioGroup` component props from the `@webiny/admin-ui` package instead.
+ */
+class RadioGroup extends React.Component {
+  render() {
+    const {
+      description,
+      label,
+      validation,
+      value,
+      onChange
+    } = this.props;
+    const {
+      isValid: validationIsValid,
+      message: validationMessage
+    } = validation || {};
+    return /*#__PURE__*/React.createElement("div", {
+      className: "w-full"
+    }, /*#__PURE__*/React.createElement(FormComponentLabel, {
+      text: label
+    }), /*#__PURE__*/React.createElement(FormComponentDescription, {
+      text: description
+    }), /*#__PURE__*/React.createElement(DeprecatedAdminRadioGroup, {
+      value: value,
+      onValueChange: onChange
+    }, this.props.children({
+      onChange: value => () => this.props.onChange && this.props.onChange(value),
+      getValue: value => value
+    })), /*#__PURE__*/React.createElement(FormComponentErrorMessage, {
+      text: validationMessage,
+      invalid: validationIsValid === false
+    }));
   }
-});
+}
+export default RadioGroup;
 
-export default RadioGroup;
+//# sourceMappingURL=RadioGroup.js.map

package/Radio/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","DeprecatedRadioGroup","DeprecatedAdminRadioGroup","FormComponentDescription","FormComponentErrorMessage","FormComponentLabel","RadioGroup","Component","render","description","label","validation","value","onChange","props","isValid","validationIsValid","message","validationMessage","createElement","className","text","onValueChange","children","getValue","invalid"],"sources":["RadioGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport type { FormComponentProps } from \"~/types\";\nimport {\n    DeprecatedRadioGroup as DeprecatedAdminRadioGroup,\n    FormComponentDescription,\n    FormComponentErrorMessage,\n    FormComponentLabel\n} from \"@webiny/admin-ui\";\n\ninterface RadioGroupRenderParams {\n    onChange: (value: string | number) => () => void;\n    getValue: (value: string | number) => string | number;\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\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `RadioGroup` component props from the `@webiny/admin-ui` package instead.\n */\nclass RadioGroup extends React.Component<Props> {\n    public override render() {\n        const { description, label, validation, value, onChange } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <div className={\"w-full\"}>\n                <FormComponentLabel text={label} />\n                <FormComponentDescription text={description} />\n                <DeprecatedAdminRadioGroup value={value} onValueChange={onChange}>\n                    {this.props.children({\n                        onChange: value => () => this.props.onChange && this.props.onChange(value),\n                        getValue: value => value\n                    })}\n                </DeprecatedAdminRadioGroup>\n                <FormComponentErrorMessage\n                    text={validationMessage}\n                    invalid={validationIsValid === false}\n                />\n            </div>\n        );\n    }\n}\n\nexport default RadioGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACIC,oBAAoB,IAAIC,yBAAyB,EACjDC,wBAAwB,EACxBC,yBAAyB,EACzBC,kBAAkB,QACf,kBAAkB;AAkBzB;AACA;AACA;AACA;AACA,MAAMC,UAAU,SAASN,KAAK,CAACO,SAAS,CAAQ;EAC5BC,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,WAAW;MAAEC,KAAK;MAAEC,UAAU;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtE,MAAM;MAAEC,OAAO,EAAEC,iBAAiB;MAAEC,OAAO,EAAEC;IAAkB,CAAC,GAAGP,UAAU,IAAI,CAAC,CAAC;IAEnF,oBACIX,KAAA,CAAAmB,aAAA;MAAKC,SAAS,EAAE;IAAS,gBACrBpB,KAAA,CAAAmB,aAAA,CAACd,kBAAkB;MAACgB,IAAI,EAAEX;IAAM,CAAE,CAAC,eACnCV,KAAA,CAAAmB,aAAA,CAAChB,wBAAwB;MAACkB,IAAI,EAAEZ;IAAY,CAAE,CAAC,eAC/CT,KAAA,CAAAmB,aAAA,CAACjB,yBAAyB;MAACU,KAAK,EAAEA,KAAM;MAACU,aAAa,EAAET;IAAS,GAC5D,IAAI,CAACC,KAAK,CAACS,QAAQ,CAAC;MACjBV,QAAQ,EAAED,KAAK,IAAI,MAAM,IAAI,CAACE,KAAK,CAACD,QAAQ,IAAI,IAAI,CAACC,KAAK,CAACD,QAAQ,CAACD,KAAK,CAAC;MAC1EY,QAAQ,EAAEZ,KAAK,IAAIA;IACvB,CAAC,CACsB,CAAC,eAC5BZ,KAAA,CAAAmB,aAAA,CAACf,yBAAyB;MACtBiB,IAAI,EAAEH,iBAAkB;MACxBO,OAAO,EAAET,iBAAiB,KAAK;IAAM,CACxC,CACA,CAAC;EAEd;AACJ;AAEA,eAAeV,UAAU","ignoreList":[]}

package/Radio/index.js

@@ -1,2 +1,4 @@
 export { default as Radio } from "./Radio";
-export { default as RadioGroup } from "./RadioGroup";
+export { default as RadioGroup } from "./RadioGroup";
+
+//# sourceMappingURL=index.js.map

package/Radio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Radio","RadioGroup"],"sources":["index.ts"],"sourcesContent":["export { default as Radio } from \"./Radio\";\nexport { default as RadioGroup } from \"./RadioGroup\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK;AACzB,SAASD,OAAO,IAAIE,UAAU","ignoreList":[]}

package/RichTextEditor/RichTextEditor.d.ts

@@ -1,27 +1,12 @@
-/// <reference types="react" />
-import { OutputBlockData, OutputData, SanitizerConfig, ToolSettings } from "@editorjs/editorjs/types";
-export declare type OnReadyParams = {
-    editor: any;
-    initialData: OutputData;
-};
-export declare type RichTextEditorProps = {
-    autofocus?: boolean;
-    context?: {
-        [key: string]: any;
-    };
-    logLevel?: string;
-    minHeight?: number;
-    onChange?: (data: OutputBlockData[]) => void;
-    onReady?: (params: OnReadyParams) => void;
-    placeholder?: string;
+import React from "react";
+import { type RichTextEditorProps as AdminRichTextEditorProps, type RichTextEditorValue, type OnReadyParams } from "@webiny/admin-ui";
+import type { FormComponentProps } from "../types";
+type RichTextEditorProps = FormComponentProps & AdminRichTextEditorProps & {
     readOnly?: boolean;
-    sanitizer?: SanitizerConfig;
-    tools?: {
-        [toolName: string]: ToolSettings;
-    };
-    value?: OutputBlockData[];
-    label?: string;
-    description?: string;
-    disabled?: boolean;
 };
-export declare const RichTextEditor: (props: RichTextEditorProps) => JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `RichTextEditor` component props from the `@webiny/admin-ui` package instead.
+ */
+declare const RichTextEditor: ({ readOnly, ...props }: RichTextEditorProps) => React.JSX.Element;
+export { RichTextEditor, type RichTextEditorProps, type RichTextEditorValue, type OnReadyParams };

package/RichTextEditor/RichTextEditor.js

@@ -1,136 +1,17 @@
-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";
-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({
-    backgroundColor: "var(--mdc-theme-background)",
-    padding: "20px 16px 6px"
-  }, "label:wrapper;"),
-  label: /*#__PURE__*/css({
-    marginBottom: "10px !important"
-  }, "label:label;"),
-  disable: /*#__PURE__*/css({
-    opacity: 0.7,
-    pointerEvents: "none"
-  }, "label:disable;")
+import React from "react";
+import { RichTextEditor as AdminRichTextEditor } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `RichTextEditor` component props from the `@webiny/admin-ui` package instead.
+ */
+const RichTextEditor = ({
+  readOnly,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(AdminRichTextEditor, Object.assign({
+    disabled: readOnly
+  }, props));
 };
-export var RichTextEditor = function RichTextEditor(props) {
-  var elementId = useRef("rte-" + shortid.generate());
-  var editorRef = useRef();
-  useEffect(function () {
-    var value = props.value,
-        context = props.context,
-        _onReady = props.onReady,
-        nativeProps = _objectWithoutProperties(props, _excluded);
+export { RichTextEditor };
 
-    var initialData = value ? {
-      blocks: value
-    } : {
-      blocks: []
-    };
-    editorRef.current = new EditorJS(_objectSpread(_objectSpread({}, nativeProps), {}, {
-      holder: elementId.current,
-      logLevel: "ERROR",
-      data: initialData,
-      onChange: function () {
-        var _onChange = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          var _yield$editorRef$curr, data;
-
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  _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();
-              }
-            }
-          }, _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];
-        tools[name] = tool;
-
-        if (!tool.config) {
-          tool.config = {
-            context: context
-          };
-        } else if (typeof tool.config === "function") {
-          tool.config = tool.config();
-        } else {
-          tool.config = _objectSpread(_objectSpread({}, 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);
-    }));
-  }, []);
-  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", {
-    id: elementId.current
-  })), description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-};
+//# sourceMappingURL=RichTextEditor.js.map

package/RichTextEditor/RichTextEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RichTextEditor","AdminRichTextEditor","readOnly","props","createElement","Object","assign","disabled"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    RichTextEditor as AdminRichTextEditor,\n    type RichTextEditorProps as AdminRichTextEditorProps,\n    type RichTextEditorValue,\n    type OnReadyParams\n} from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types\";\n\ntype RichTextEditorProps = FormComponentProps &\n    AdminRichTextEditorProps & {\n        readOnly?: boolean;\n    };\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `RichTextEditor` component props from the `@webiny/admin-ui` package instead.\n */\nconst RichTextEditor = ({ readOnly, ...props }: RichTextEditorProps) => {\n    return <AdminRichTextEditor disabled={readOnly} {...props} />;\n};\n\nexport { RichTextEditor, type RichTextEditorProps, type RichTextEditorValue, type OnReadyParams };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACIC,cAAc,IAAIC,mBAAmB,QAIlC,kBAAkB;AAQzB;AACA;AACA;AACA;AACA,MAAMD,cAAc,GAAGA,CAAC;EAAEE,QAAQ;EAAE,GAAGC;AAA2B,CAAC,KAAK;EACpE,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,mBAAmB,EAAAI,MAAA,CAAAC,MAAA;IAACC,QAAQ,EAAEL;EAAS,GAAKC,KAAK,CAAG,CAAC;AACjE,CAAC;AAED,SAASH,cAAc","ignoreList":[]}

package/RichTextEditor/index.d.ts

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

package/RichTextEditor/index.js

@@ -1,2 +1,4 @@
 export * from "./RichTextEditor";
-export { createPropsFromConfig } from "./createPropsFromConfig";
+export { createPropsFromConfig } from "@webiny/admin-ui";
+
+//# sourceMappingURL=index.js.map

package/RichTextEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createPropsFromConfig"],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"@webiny/admin-ui\";\nexport type { OnReadyParams, RichTextEditorValue } from \"@webiny/admin-ui\";\n"],"mappings":"AAAA;AAEA,SAASA,qBAAqB,QAAQ,kBAAkB","ignoreList":[]}

package/Ripple/Ripple.d.ts

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

package/Ripple/Ripple.js

@@ -1,14 +1,11 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Ripple as RmwcRipple } from "@rmwc/ripple";
-
+import React from "react";
 /**
- * Use Ripple component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
  */
-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);
+const Ripple = props => {
+  console.warn("The `Ripple` component is deprecated and will be removed in future releases.");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
+export { Ripple };
 
-export { Ripple };
+//# sourceMappingURL=Ripple.js.map

package/Ripple/Ripple.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Ripple","props","console","warn","createElement","Fragment","children"],"sources":["Ripple.tsx"],"sourcesContent":["import React from \"react\";\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    children: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n */\nconst Ripple = (props: Props) => {\n    console.warn(\"The `Ripple` component is deprecated and will be removed in future releases.\");\n    return <>{props.children}</>;\n};\n\nexport { Ripple };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAYzB;AACA;AACA;AACA,MAAMC,MAAM,GAAIC,KAAY,IAAK;EAC7BC,OAAO,CAACC,IAAI,CAAC,8EAA8E,CAAC;EAC5F,oBAAOJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,QAAGJ,KAAK,CAACK,QAAW,CAAC;AAChC,CAAC;AAED,SAASN,MAAM","ignoreList":[]}

package/Ripple/index.js

@@ -1 +1,3 @@
-export * from "./Ripple";
+export * from "./Ripple";
+
+//# sourceMappingURL=index.js.map

package/Ripple/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Ripple\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Scrollbar/Scrollbar.d.ts

@@ -1,11 +1,8 @@
-import * as React from "react";
-declare type Props = {
-    children?: React.ReactNode;
-    style?: React.CSSProperties;
-    [key: string]: any;
-};
+import React from "react";
+import { type ScrollbarProps } from "@webiny/admin-ui";
 /**
- * Use Scrollbar component to show vertical or horizontal scrollbars.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Scrollbar` component props from the `@webiny/admin-ui` package instead.
  */
-declare const Scrollbar: (props: Props) => JSX.Element;
-export { Scrollbar };
+declare const Scrollbar: (props: ScrollbarProps) => React.JSX.Element;
+export { Scrollbar, type ScrollbarProps };

package/Scrollbar/Scrollbar.js

@@ -1,11 +1,13 @@
-import * as React from "react";
-import { Scrollbars } from "react-custom-scrollbars";
+import React from "react";
+import { Scrollbar as AdminScrollbar } from "@webiny/admin-ui";
 
 /**
- * Use Scrollbar component to show vertical or horizontal scrollbars.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Scrollbar` component props from the `@webiny/admin-ui` package instead.
  */
-var Scrollbar = function Scrollbar(props) {
-  return /*#__PURE__*/React.createElement(Scrollbars, props);
+const Scrollbar = props => {
+  return /*#__PURE__*/React.createElement(AdminScrollbar, props);
 };
+export { Scrollbar };
 
-export { Scrollbar };
+//# sourceMappingURL=Scrollbar.js.map

package/Scrollbar/Scrollbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Scrollbar","AdminScrollbar","props","createElement"],"sources":["Scrollbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Scrollbar as AdminScrollbar, type ScrollbarProps } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `Scrollbar` component props from the `@webiny/admin-ui` package instead.\n */\nconst Scrollbar = (props: ScrollbarProps) => {\n    return <AdminScrollbar {...props} />;\n};\n\nexport { Scrollbar, type ScrollbarProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,cAAc,QAA6B,kBAAkB;;AAEnF;AACA;AACA;AACA;AACA,MAAMD,SAAS,GAAIE,KAAqB,IAAK;EACzC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,cAAc,EAAKC,KAAQ,CAAC;AACxC,CAAC;AAED,SAASF,SAAS","ignoreList":[]}

package/Scrollbar/index.js

@@ -1 +1,3 @@
-export * from "./Scrollbar";
+export * from "./Scrollbar";
+
+//# sourceMappingURL=index.js.map

package/Scrollbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Scrollbar\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Section/index.d.ts

@@ -1,7 +1,11 @@
-import * as React from "react";
-declare type SectionProps = {
-    children?: React.ReactNode;
-    title?: String;
-};
-declare const Section: ({ children, title, ...props }: SectionProps) => JSX.Element;
+import React from "react";
+interface SectionProps {
+    title?: string;
+    children: React.ReactNode;
+}
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Section` component or reach out on Slack.
+ */
+declare const Section: ({ children, title, ...props }: SectionProps) => React.JSX.Element;
 export default Section;