@webiny/ui 5.43.2 → 6.0.0-alpha.0

package/RichTextEditor/RichTextEditor.js

@@ -1,134 +1,17 @@
-"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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireWildcard(require("react"));
-var _editorjs = _interopRequireDefault(require("@editorjs/editorjs"));
-var _FormElementMessage = require("../FormElementMessage");
-var _emotion = require("emotion");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _generateId = require("@webiny/utils/generateId");
-var _excluded = ["value", "context", "onReady"];
-var classes = {
-  wrapper: (0, _emotion.css)({
-    backgroundColor: "var(--mdc-theme-background)",
-    padding: "20px 16px 6px"
-  }),
-  label: (0, _emotion.css)({
-    marginBottom: "10px !important"
-  }),
-  disable: (0, _emotion.css)({
-    opacity: 0.7,
-    pointerEvents: "none"
-  })
-};
-var waitForDom = function waitForDom(id, callback) {
-  var timeSpent = 0;
-  var interval = setInterval(function () {
-    if (timeSpent > 1000) {
-      clearInterval(interval);
-      return;
-    }
-    var dom = document.querySelector("#".concat(id));
-    if (!dom) {
-      timeSpent += 10;
-      return;
-    }
-    clearInterval(interval);
-    callback();
-  }, 10);
-  return function () {
-    clearInterval(interval);
-  };
-};
-var RichTextEditor = exports.RichTextEditor = function RichTextEditor(props) {
-  var elementId = (0, _react.useRef)("rte-" + (0, _generateId.generateAlphaNumericId)());
-  var editorRef = (0, _react.useRef)();
-  (0, _react.useEffect)(function () {
-    var value = props.value,
-      context = props.context,
-      _onReady = props.onReady,
-      nativeProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-    var initialData = value ? {
-      blocks: value
-    } : {
-      blocks: []
-    };
-    var clearWait = waitForDom(elementId.current, function () {
-      editorRef.current = new _editorjs.default((0, _objectSpread2.default)((0, _objectSpread2.default)({}, nativeProps), {}, {
-        holder: elementId.current,
-        logLevel: "ERROR",
-        data: initialData,
-        onChange: async function onChange() {
-          if (!editorRef.current) {
-            return;
-          }
-          var _await$editorRef$curr = await editorRef.current.save(),
-            data = _await$editorRef$curr.blocks;
-          if (!props.onChange) {
-            return;
-          }
-          props.onChange(data);
-        },
-        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 ? props.tools[name] : null;
-          if (!tool) {
-            return tools;
-          }
-          tools[name] = tool;
-          if (!tool.config) {
-            tool.config = {
-              context: context
-            };
-          } else if (typeof tool.config === "function") {
-            tool.config = tool.config();
-          } else {
-            tool.config = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, tool.config), {}, {
-              context: context
-            });
-          }
-          return tools;
-        }, {})
-      }));
-    });
-    return function () {
-      clearWait();
-      if (!editorRef.current || typeof editorRef.current.destroy !== "function") {
-        return;
-      }
-      editorRef.current.destroy();
-    };
-  }, []);
-  var label = props.label,
-    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
-  })), 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));
+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 { RichTextEditor };
 
 //# sourceMappingURL=RichTextEditor.js.map

package/RichTextEditor/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_editorjs","_interopRequireDefault","_FormElementMessage","_emotion","_classnames","_generateId","_excluded","classes","wrapper","css","backgroundColor","padding","label","marginBottom","disable","opacity","pointerEvents","waitForDom","id","callback","timeSpent","interval","setInterval","clearInterval","dom","document","querySelector","concat","RichTextEditor","exports","props","elementId","useRef","generateAlphaNumericId","editorRef","useEffect","value","context","onReady","nativeProps","_objectWithoutProperties2","default","initialData","blocks","clearWait","current","EditorJS","_objectSpread2","holder","logLevel","data","onChange","_await$editorRef$curr","save","editor","tools","Object","keys","reduce","name","tool","config","destroy","description","disabled","validation","className","createElement","Fragment","classNames","_defineProperty2","isValid","FormElementMessage","error","message"],"sources":["RichTextEditor.tsx"],"sourcesContent":["import React, { Fragment, useEffect, useRef } from \"react\";\nimport EditorJS, {\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\";\nimport { generateAlphaNumericId } from \"@webiny/utils/generateId\";\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    className?: string;\n    context?: { [key: string]: any };\n    description?: string;\n    disabled?: boolean;\n    label?: string;\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    validation?: FormComponentProps[\"validation\"];\n    value?: RichTextEditorValue;\n}\n\nconst waitForDom = (id: string, callback: () => void) => {\n    let timeSpent = 0;\n    const interval = setInterval(() => {\n        if (timeSpent > 1000) {\n            clearInterval(interval);\n            return;\n        }\n\n        const dom = document.querySelector(`#${id}`);\n        if (!dom) {\n            timeSpent += 10;\n            return;\n        }\n\n        clearInterval(interval);\n        callback();\n    }, 10);\n\n    return () => {\n        clearInterval(interval);\n    };\n};\n\nexport const RichTextEditor = (props: RichTextEditorProps) => {\n    const elementId = useRef(\"rte-\" + generateAlphaNumericId());\n    const editorRef = useRef<EditorJSType>();\n\n    useEffect(() => {\n        const { value, context, onReady, ...nativeProps } = props;\n\n        const initialData = value ? { blocks: value } : { blocks: [] };\n\n        const clearWait = waitForDom(elementId.current, () => {\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\n        return () => {\n            clearWait();\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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","ignoreList":[]}
+{"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 { 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,3 +1,4 @@
 export * from "./RichTextEditor";
-export type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } 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,29 +1,4 @@
-"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");
+export * from "./RichTextEditor";
+export { createPropsFromConfig } from "@webiny/admin-ui";
 
 //# sourceMappingURL=index.js.map

package/RichTextEditor/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_RichTextEditor","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_createPropsFromConfig"],"sources":["index.ts"],"sourcesContent":["export * from \"./RichTextEditor\";\nexport type { RichTextEditorProps, OnReadyParams, RichTextEditorValue } from \"./RichTextEditor\";\nexport { createPropsFromConfig } from \"./createPropsFromConfig\";\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,sBAAA,GAAAb,OAAA","ignoreList":[]}
+{"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

@@ -5,7 +5,7 @@ interface Props {
     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) => React.JSX.Element;
 export { Ripple };

package/Ripple/Ripple.js

@@ -1,20 +1,11 @@
-"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");
+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 = exports.Ripple = function Ripple(props) {
-  // Let's pass "unbounded" / "primary" / "accent" flags as "type" prop instead.
-  var type = props.type || "surface";
-  return /*#__PURE__*/_react.default.createElement(_ripple.Ripple, Object.assign({}, (0, _defineProperty2.default)({}, 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 };
 
 //# sourceMappingURL=Ripple.js.map

package/Ripple/Ripple.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ripple","Ripple","exports","props","type","default","createElement","Object","assign","_defineProperty2","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    children: React.ReactNode;\n}\n\n/**\n * Use Ripple component to display a list of choices, once the handler is triggered.\n */\nconst Ripple = (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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAYA;AACA;AACA;AACA,IAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,KAAY,EAAK;EAC7B;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,IAAI,SAAS;EAEpC,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAC,MAAU,EAAAM,MAAA,CAAAC,MAAA,SAAAC,gBAAA,CAAAJ,OAAA,MAAQD,IAAI,EAAG,IAAI,GAAQD,KAAK,GACtCA,KAAK,CAACO,QACC,CAAC;AAErB,CAAC","ignoreList":[]}
+{"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,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Ripple = require("./Ripple");
-Object.keys(_Ripple).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Ripple[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Ripple[key];
-    }
-  });
-});
+export * from "./Ripple";
 
 //# sourceMappingURL=index.js.map

package/Ripple/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Ripple","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Ripple\";\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Ripple\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Scrollbar/Scrollbar.d.ts

@@ -1,11 +1,8 @@
 import React from "react";
-import { ScrollbarProps } from "react-custom-scrollbars";
-interface Props extends ScrollbarProps {
-    style?: React.CSSProperties;
-    [key: string]: any;
-}
+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) => React.JSX.Element;
-export { Scrollbar };
+declare const Scrollbar: (props: ScrollbarProps) => React.JSX.Element;
+export { Scrollbar, type ScrollbarProps };

package/Scrollbar/Scrollbar.js

@@ -1,17 +1,13 @@
-"use strict";
+import React from "react";
+import { Scrollbar as AdminScrollbar } from "@webiny/admin-ui";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Scrollbar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactCustomScrollbars = require("react-custom-scrollbars");
 /**
- * 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 = exports.Scrollbar = function Scrollbar(props) {
-  return /*#__PURE__*/_react.default.createElement(_reactCustomScrollbars.Scrollbars, props);
+const Scrollbar = props => {
+  return /*#__PURE__*/React.createElement(AdminScrollbar, props);
 };
+export { Scrollbar };
 
 //# sourceMappingURL=Scrollbar.js.map

package/Scrollbar/Scrollbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactCustomScrollbars","Scrollbar","exports","props","default","createElement","Scrollbars"],"sources":["Scrollbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { ScrollbarProps, Scrollbars } from \"react-custom-scrollbars\";\n\ninterface Props extends ScrollbarProps {\n    style?: React.CSSProperties;\n    [key: string]: any;\n}\n\n/**\n * Use Scrollbar component to show vertical or horizontal scrollbars.\n */\nconst Scrollbar = (props: Props) => {\n    return <Scrollbars {...props} />;\n};\n\nexport { Scrollbar };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAOA;AACA;AACA;AACA,IAAME,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,KAAY,EAAK;EAChC,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,sBAAA,CAAAM,UAAU,EAAKH,KAAQ,CAAC;AACpC,CAAC","ignoreList":[]}
+{"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,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Scrollbar = require("./Scrollbar");
-Object.keys(_Scrollbar).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Scrollbar[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Scrollbar[key];
-    }
-  });
-});
+export * from "./Scrollbar";
 
 //# sourceMappingURL=index.js.map

package/Scrollbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Scrollbar","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Scrollbar\";\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,UAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Scrollbar\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Section/index.d.ts

@@ -3,5 +3,9 @@ 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;

package/Section/index.js

@@ -1,69 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _Typography = require("../Typography");
-var _Elevation = require("../Elevation");
-var _excluded = ["children", "title"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var SectionWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e12inb751"
-} : {
-  target: "e12inb751",
-  label: "SectionWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "15r7252",
-  styles: "background-color:var(--mdc-theme-background);padding:0 0 25px 0"
-} : {
-  name: "15r7252",
-  styles: "background-color:var(--mdc-theme-background);padding:0 0 25px 0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNdUIiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJ+L1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IEVsZXZhdGlvbiB9IGZyb20gXCJ+L0VsZXZhdGlvblwiO1xuXG5jb25zdCBTZWN0aW9uV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgYmFja2dyb3VuZENvbG9yOiBcInZhcigtLW1kYy10aGVtZS1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IFwiMCAwIDI1cHggMFwiXG59KTtcblxuY29uc3QgdGl0bGVTdHlsZSA9IGNzcyh7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIixcbiAgICBcIi50b29sdGlwLWNvbnRlbnQtd3JhcHBlclwiOiB7XG4gICAgICAgIGxpbmVIZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICBzdmc6IHtcbiAgICAgICAgICAgIGhlaWdodDogMTMsXG4gICAgICAgICAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IEVsZXZhdGlvbkNvbnRlbnQgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjZmZmXCJcbn0pO1xuXG5pbnRlcmZhY2UgU2VjdGlvblByb3BzIHtcbiAgICB0aXRsZT86IHN0cmluZztcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBTZWN0aW9uID0gKHsgY2hpbGRyZW4sIHRpdGxlLCAuLi5wcm9wcyB9OiBTZWN0aW9uUHJvcHMpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgICA8U2VjdGlvbldyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgICAgICAgIDxoND5cbiAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSBjbGFzc05hbWU9e3RpdGxlU3R5bGV9IHVzZT17XCJvdmVybGluZVwifT5cbiAgICAgICAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgICAgIDwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgIDwvaDQ+XG5cbiAgICAgICAgICAgIDxFbGV2YXRpb24gej17Mn0+XG4gICAgICAgICAgICAgICAgPEVsZXZhdGlvbkNvbnRlbnQ+e2NoaWxkcmVufTwvRWxldmF0aW9uQ29udGVudD5cbiAgICAgICAgICAgIDwvRWxldmF0aW9uPlxuICAgICAgICA8L1NlY3Rpb25XcmFwcGVyPlxuICAgICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTZWN0aW9uO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var titleStyle = (0, _emotion.css)({
-  display: "flex",
-  alignItems: "center",
-  color: "var(--mdc-theme-on-surface)",
-  ".tooltip-content-wrapper": {
-    lineHeight: "100%",
-    svg: {
-      height: 13,
-      color: "var(--mdc-theme-on-surface)"
-    }
-  }
-});
-var ElevationContent = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e12inb750"
-} : {
-  target: "e12inb750",
-  label: "ElevationContent"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bb8b2n",
-  styles: "padding:20px;background-color:#fff"
-} : {
-  name: "bb8b2n",
-  styles: "padding:20px;background-color:#fff",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QnlCIiwiZmlsZSI6ImluZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwifi9UeXBvZ3JhcGh5XCI7XG5pbXBvcnQgeyBFbGV2YXRpb24gfSBmcm9tIFwifi9FbGV2YXRpb25cIjtcblxuY29uc3QgU2VjdGlvbldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiBcIjAgMCAyNXB4IDBcIlxufSk7XG5cbmNvbnN0IHRpdGxlU3R5bGUgPSBjc3Moe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCIsXG4gICAgXCIudG9vbHRpcC1jb250ZW50LXdyYXBwZXJcIjoge1xuICAgICAgICBsaW5lSGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgc3ZnOiB7XG4gICAgICAgICAgICBoZWlnaHQ6IDEzLFxuICAgICAgICAgICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLW9uLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5jb25zdCBFbGV2YXRpb25Db250ZW50ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiAyMCxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiXG59KTtcblxuaW50ZXJmYWNlIFNlY3Rpb25Qcm9wcyB7XG4gICAgdGl0bGU/OiBzdHJpbmc7XG4gICAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgU2VjdGlvbiA9ICh7IGNoaWxkcmVuLCB0aXRsZSwgLi4ucHJvcHMgfTogU2VjdGlvblByb3BzKSA9PiB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFNlY3Rpb25XcmFwcGVyIHsuLi5wcm9wc30+XG4gICAgICAgICAgICA8aDQ+XG4gICAgICAgICAgICAgICAgPFR5cG9ncmFwaHkgY2xhc3NOYW1lPXt0aXRsZVN0eWxlfSB1c2U9e1wib3ZlcmxpbmVcIn0+XG4gICAgICAgICAgICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgICAgICA8L2g0PlxuXG4gICAgICAgICAgICA8RWxldmF0aW9uIHo9ezJ9PlxuICAgICAgICAgICAgICAgIDxFbGV2YXRpb25Db250ZW50PntjaGlsZHJlbn08L0VsZXZhdGlvbkNvbnRlbnQ+XG4gICAgICAgICAgICA8L0VsZXZhdGlvbj5cbiAgICAgICAgPC9TZWN0aW9uV3JhcHBlcj5cbiAgICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgU2VjdGlvbjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Section = function Section(_ref) {
-  var children = _ref.children,
-    title = _ref.title,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(SectionWrapper, props, /*#__PURE__*/_react.default.createElement("h4", null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    className: titleStyle,
-    use: "overline"
-  }, title)), /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 2
-  }, /*#__PURE__*/_react.default.createElement(ElevationContent, null, children)));
+import React from "react";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please implement your own `Section` component or reach out on Slack.
+ */
+const Section = ({
+  children,
+  title,
+  ...props
+}) => {
+  console.warn("The `Section` component is deprecated and will be removed in future releases.");
+  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement("div", null, title), /*#__PURE__*/React.createElement("div", null, children));
 };
-var _default = exports.default = Section;
+export default Section;
 
 //# sourceMappingURL=index.js.map

package/Section/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_Typography","_Elevation","_excluded","_EMOTION_STRINGIFIED_CSS_ERROR__","SectionWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","titleStyle","css","display","alignItems","color","lineHeight","svg","height","ElevationContent","Section","_ref","children","title","props","_objectWithoutProperties2","createElement","Typography","className","use","Elevation","z","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { Typography } from \"~/Typography\";\nimport { Elevation } from \"~/Elevation\";\n\nconst SectionWrapper = styled(\"div\")({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    padding: \"0 0 25px 0\"\n});\n\nconst titleStyle = css({\n    display: \"flex\",\n    alignItems: \"center\",\n    color: \"var(--mdc-theme-on-surface)\",\n    \".tooltip-content-wrapper\": {\n        lineHeight: \"100%\",\n        svg: {\n            height: 13,\n            color: \"var(--mdc-theme-on-surface)\"\n        }\n    }\n});\n\nconst ElevationContent = styled(\"div\")({\n    padding: 20,\n    backgroundColor: \"#fff\"\n});\n\ninterface SectionProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\nconst Section = ({ children, title, ...props }: SectionProps) => {\n    return (\n        <SectionWrapper {...props}>\n            <h4>\n                <Typography className={titleStyle} use={\"overline\"}>\n                    {title}\n                </Typography>\n            </h4>\n\n            <Elevation z={2}>\n                <ElevationContent>{children}</ElevationContent>\n            </Elevation>\n        </SectionWrapper>\n    );\n};\n\nexport default Section;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAwC,IAAAI,SAAA;AAAA,SAAAC,iCAAA;AAExC,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAEF,IAAMa,UAAU,GAAG,IAAAC,YAAG,EAAC;EACnBC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,KAAK,EAAE,6BAA6B;EACpC,0BAA0B,EAAE;IACxBC,UAAU,EAAE,MAAM;IAClBC,GAAG,EAAE;MACDC,MAAM,EAAE,EAAE;MACVH,KAAK,EAAE;IACX;EACJ;AACJ,CAAC,CAAC;AAEF,IAAMI,gBAAgB,gBAAG,IAAAnB,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGrC,CAAC;AAOF,IAAMsB,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAoD;EAAA,IAA9CC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAxB,OAAA,EAAAoB,IAAA,EAAAxB,SAAA;EACxC,oBACIN,MAAA,CAAAU,OAAA,CAAAyB,aAAA,CAAC3B,cAAc,EAAKyB,KAAK,eACrBjC,MAAA,CAAAU,OAAA,CAAAyB,aAAA,0BACInC,MAAA,CAAAU,OAAA,CAAAyB,aAAA,CAAC/B,WAAA,CAAAgC,UAAU;IAACC,SAAS,EAAEjB,UAAW;IAACkB,GAAG,EAAE;EAAW,GAC9CN,KACO,CACZ,CAAC,eAELhC,MAAA,CAAAU,OAAA,CAAAyB,aAAA,CAAC9B,UAAA,CAAAkC,SAAS;IAACC,CAAC,EAAE;EAAE,gBACZxC,MAAA,CAAAU,OAAA,CAAAyB,aAAA,CAACP,gBAAgB,QAAEG,QAA2B,CACvC,CACC,CAAC;AAEzB,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAhC,OAAA,GAEamB,OAAO","ignoreList":[]}
+{"version":3,"names":["React","Section","children","title","props","console","warn","createElement"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface SectionProps {\n    title?: string;\n    children: React.ReactNode;\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please implement your own `Section` component or reach out on Slack.\n */\nconst Section = ({ children, title, ...props }: SectionProps) => {\n    console.warn(\"The `Section` component is deprecated and will be removed in future releases.\");\n    return (\n        <div {...props}>\n            <div>{title}</div>\n            <div>{children}</div>\n        </div>\n    );\n};\n\nexport default Section;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAOzB;AACA;AACA;AACA;AACA,MAAMC,OAAO,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,KAAK;EAC7DC,OAAO,CAACC,IAAI,CAAC,+EAA+E,CAAC;EAC7F,oBACIN,KAAA,CAAAO,aAAA,QAASH,KAAK,eACVJ,KAAA,CAAAO,aAAA,cAAMJ,KAAW,CAAC,eAClBH,KAAA,CAAAO,aAAA,cAAML,QAAc,CACnB,CAAC;AAEd,CAAC;AAED,eAAeD,OAAO","ignoreList":[]}

package/Select/Select.d.ts

@@ -1,6 +1,39 @@
 import React from "react";
-import { SelectProps as RmwcSelectProps } from "@rmwc/select";
 import { FormComponentProps } from "../types";
+export interface FormattedOption extends Omit<React.AllHTMLAttributes<any>, "label"> {
+    label: React.ReactNode;
+    value?: string;
+    options?: FormattedOption[];
+}
+export interface RmwcSelectProps {
+    /** The value for a controlled select. */
+    value?: string;
+    /** Adds help text to the field */
+    helpText?: React.ReactNode;
+    /** Options accepts flat arrays, value => label maps, and more. See examples for details. */
+    options?: FormattedOption[] | string[] | {
+        [value: string]: string;
+    };
+    /** A label for the form control. */
+    label?: string;
+    /** Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label. */
+    placeholder?: string;
+    /** Makes the select outlined. */
+    outlined?: boolean;
+    /** Makes the Select visually invalid. This is sometimes automatically my material-components-web.  */
+    invalid?: boolean;
+    /** Makes the Select disabled.  */
+    disabled?: boolean;
+    /** Makes the Select required.  */
+    required?: boolean;
+    /** Props for the root element. By default, additional props spread to the native select element.  */
+    /** A reference to the native select element. Not applicable when `enhanced` is true. */
+    inputRef?: (ref: HTMLSelectElement | null) => void;
+    /** Add a leading icon. */
+    icon?: React.ReactNode;
+    /** Advanced: A reference to the MDCFoundation. */
+    foundationRef?: any;
+}
 export type SelectProps = FormComponentProps & RmwcSelectProps & {
     label?: string;
     disabled?: boolean;
@@ -15,8 +48,8 @@ export type SelectProps = FormComponentProps & RmwcSelectProps & {
     size?: "small" | "medium" | "large";
 };
 /**
- * We check for null and undefined in the value because React is complaining about those values.
- * Error says to use the empty string in null/undefined case.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Select` component from the `@webiny/admin-ui` package instead.
  */
 export declare const Select: (props: SelectProps) => React.JSX.Element;
 export default Select;