@webiny/ui 6.0.0-beta.0 → 6.0.0-rc.0

package/Select/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Select = require("./Select");
-Object.keys(_Select).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Select[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Select[key];
-    }
-  });
-});
+export * from "./Select.js";
 
 //# sourceMappingURL=index.js.map

package/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Select","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Select\";\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 \"./Select.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Skeleton/Skeleton.d.ts

@@ -1,8 +1,27 @@
-import { ReactElement } from "react";
-import { SkeletonProps as BaseSkeletonProps } from "react-loading-skeleton";
-import "react-loading-skeleton/dist/skeleton.css";
-interface SkeletonProps extends BaseSkeletonProps {
+import type { CSSProperties, PropsWithChildren } from "react";
+import React from "react";
+import type { SkeletonProps as AdminSkeletonProps } from "@webiny/admin-ui";
+export interface SkeletonProps extends AdminSkeletonProps {
+    baseColor?: string;
+    highlightColor?: string;
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    inline?: boolean;
+    duration?: number;
+    direction?: "ltr" | "rtl";
+    enableAnimation?: boolean;
+    count?: number;
+    wrapper?: React.FunctionComponent<PropsWithChildren<unknown>>;
+    className?: string;
+    containerClassName?: string;
+    containerTestId?: string;
+    circle?: boolean;
+    style?: CSSProperties;
     theme?: "dark" | "light";
 }
-export declare const Skeleton: ({ theme, ...props }: SkeletonProps) => ReactElement;
-export {};
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Skeleton` component from the `@webiny/admin-ui` package instead.
+ */
+export declare const Skeleton: ({ className, type, size }: SkeletonProps) => React.JSX.Element;

package/Skeleton/Skeleton.js

@@ -1,23 +1,19 @@
-"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.Skeleton = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _reactLoadingSkeleton = _interopRequireWildcard(require("react-loading-skeleton"));
-require("react-loading-skeleton/dist/skeleton.css");
-var _excluded = ["theme"];
-var Skeleton = exports.Skeleton = function Skeleton(_ref) {
-  var theme = _ref.theme,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.SkeletonTheme, {
-    baseColor: theme === "dark" ? "var(--mdc-theme-on-background)" : "var(--mdc-theme-background)",
-    highlightColor: theme === "dark" ? "var(--mdc-theme-background)" : "var(--mdc-theme-surface)"
-  }, /*#__PURE__*/_react.default.createElement(_reactLoadingSkeleton.default, props));
+import React from "react";
+import { Skeleton as AdminSkeleton } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Skeleton` component from the `@webiny/admin-ui` package instead.
+ */
+export const Skeleton = ({
+  className,
+  type,
+  size
+}) => {
+  return /*#__PURE__*/React.createElement(AdminSkeleton, {
+    className: className,
+    type: type,
+    size: size
+  });
 };
 
 //# sourceMappingURL=Skeleton.js.map

package/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactLoadingSkeleton","_interopRequireWildcard","_excluded","Skeleton","exports","_ref","theme","props","_objectWithoutProperties2","default","createElement","SkeletonTheme","baseColor","highlightColor"],"sources":["Skeleton.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport ReactLoadingSkeleton, {\n    SkeletonProps as BaseSkeletonProps,\n    SkeletonTheme\n} from \"react-loading-skeleton\";\n\nimport \"react-loading-skeleton/dist/skeleton.css\";\n\ninterface SkeletonProps extends BaseSkeletonProps {\n    theme?: \"dark\" | \"light\";\n}\n\nexport const Skeleton = ({ theme, ...props }: SkeletonProps): ReactElement => {\n    return (\n        <SkeletonTheme\n            baseColor={\n                theme === \"dark\" ? \"var(--mdc-theme-on-background)\" : \"var(--mdc-theme-background)\"\n            }\n            highlightColor={\n                theme === \"dark\" ? \"var(--mdc-theme-background)\" : \"var(--mdc-theme-surface)\"\n            }\n        >\n            <ReactLoadingSkeleton {...props} />\n        </SkeletonTheme>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAKAA,OAAA;AAAkD,IAAAG,SAAA;AAM3C,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAAE,IAAA,EAAyD;EAAA,IAAnDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAH,SAAA;EACtC,oBACIL,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,qBAAA,CAAAW,aAAa;IACVC,SAAS,EACLN,KAAK,KAAK,MAAM,GAAG,gCAAgC,GAAG,6BACzD;IACDO,cAAc,EACVP,KAAK,KAAK,MAAM,GAAG,6BAA6B,GAAG;EACtD,gBAEDT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,qBAAA,CAAAS,OAAoB,EAAKF,KAAQ,CACvB,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Skeleton","AdminSkeleton","className","type","size","createElement"],"sources":["Skeleton.tsx"],"sourcesContent":["import type { CSSProperties, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport type { SkeletonProps as AdminSkeletonProps } from \"@webiny/admin-ui\";\nimport { Skeleton as AdminSkeleton } from \"@webiny/admin-ui\";\n\nexport interface SkeletonProps extends AdminSkeletonProps {\n    //SkeletonStyleProps from \"react-loading-skeleton\"\n    baseColor?: string;\n    highlightColor?: string;\n    width?: string | number;\n    height?: string | number;\n    borderRadius?: string | number;\n    inline?: boolean;\n    duration?: number;\n    direction?: \"ltr\" | \"rtl\";\n    enableAnimation?: boolean;\n    // SkeletonProps from \"react-loading-skeleton\"\n    count?: number;\n    wrapper?: React.FunctionComponent<PropsWithChildren<unknown>>;\n    className?: string;\n    containerClassName?: string;\n    containerTestId?: string;\n    circle?: boolean;\n    style?: CSSProperties;\n    // Custom props\n    theme?: \"dark\" | \"light\";\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Skeleton` component from the `@webiny/admin-ui` package instead.\n */\nexport const Skeleton = ({ className, type, size }: SkeletonProps) => {\n    return <AdminSkeleton className={className} type={type} size={size} />;\n};\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,QAAQ,IAAIC,aAAa,QAAQ,kBAAkB;AAyB5D;AACA;AACA;AACA;AACA,OAAO,MAAMD,QAAQ,GAAGA,CAAC;EAAEE,SAAS;EAAEC,IAAI;EAAEC;AAAoB,CAAC,KAAK;EAClE,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,aAAa;IAACC,SAAS,EAAEA,SAAU;IAACC,IAAI,EAAEA,IAAK;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC1E,CAAC","ignoreList":[]}

package/Skeleton/index.d.ts

@@ -1 +1 @@
-export * from "./Skeleton";
+export * from "./Skeleton.js";

package/Skeleton/index.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Skeleton = require("./Skeleton");
-Object.keys(_Skeleton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Skeleton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Skeleton[key];
-    }
-  });
-});
+export * from "./Skeleton.js";
 
 //# sourceMappingURL=index.js.map

package/Skeleton/index.js.map

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

package/Slider/Slider.d.ts

@@ -1,11 +1,11 @@
 import React from "react";
-import { FormComponentProps } from "../types";
-declare type Props = FormComponentProps & {
+import type { FormComponentProps } from "../types.js";
+type Props = FormComponentProps & {
     label?: string;
     disabled?: boolean;
     description?: string;
-    min: number | string;
-    max: number | string;
+    min?: number | string;
+    max?: number | string;
     step?: number | string;
     discrete?: boolean;
     displayMarkers?: boolean;
@@ -13,19 +13,13 @@ declare type Props = FormComponentProps & {
     readOnly?: boolean;
 };
 /**
- * Slider component lets users choose a value from given range.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Slider` component from the `@webiny/admin-ui` package instead.
  */
 declare class Slider extends React.Component<Props> {
-    onChange: (e: {
-        detail: {
-            value: number;
-        };
-    }) => void;
-    onInput: (e: {
-        detail: {
-            value: number;
-        };
-    }) => void;
+    onValueCommit: (value: number) => void;
+    onValueChange: (value: number) => void;
+    toFloat: (value: number | string | undefined, defaultValue?: number) => number;
     render(): React.JSX.Element;
 }
 export default Slider;

package/Slider/Slider.js

@@ -1,87 +1,53 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _slider = require("@rmwc/slider");
-var _FormElementMessage = require("../FormElementMessage");
-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)."; }
-// wrapper fixes a bug in slider where the slider handle is rendered outside the bounds of the slider box
-var Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "e1ll7sdi0"
-} : {
-  target: "e1ll7sdi0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1y22u0r",
-  styles: "width:100%;.mdc-slider .mdc-slider__thumb-container{left:5px;}"
-} : {
-  name: "1y22u0r",
-  styles: "width:100%;.mdc-slider .mdc-slider__thumb-container{left:5px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNsaWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiJTbGlkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2xpZGVyIGFzIFJtd2NTbGlkZXIgfSBmcm9tIFwiQHJtd2Mvc2xpZGVyXCI7XG5pbXBvcnQgeyBGb3JtQ29tcG9uZW50UHJvcHMgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBGb3JtRWxlbWVudE1lc3NhZ2UgfSBmcm9tIFwifi9Gb3JtRWxlbWVudE1lc3NhZ2VcIjtcblxudHlwZSBQcm9wcyA9IEZvcm1Db21wb25lbnRQcm9wcyAmIHtcbiAgICAvLyBDb21wb25lbnQgbGFiZWwuXG4gICAgbGFiZWw/OiBzdHJpbmc7XG5cbiAgICAvLyBJcyBjaGVja2JveCBkaXNhYmxlZD9cbiAgICBkaXNhYmxlZD86IGJvb2xlYW47XG5cbiAgICAvLyBEZXNjcmlwdGlvbiBiZW5lYXRoIHRoZSBzbGlkZXIuXG4gICAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG5cbiAgICAvLyBUaGUgbWluaW11bSB2YWx1ZSBvZiB0aGUgU2xpZGVyLlxuICAgIG1pbjogbnVtYmVyIHwgc3RyaW5nO1xuXG4gICAgLy8gVGhlIG1heGltdW0gdmFsdWUgb2YgdGhlIFNsaWRlci5cbiAgICBtYXg6IG51bWJlciB8IHN0cmluZztcblxuICAgIC8vIEEgc3RlcCB0byBxdWFudGl6ZSB2YWx1ZXMgYnkuXG4gICAgc3RlcD86IG51bWJlciB8IHN0cmluZztcblxuICAgIC8vIERpc3BsYXlzIHRoZSBleGFjdCB2YWx1ZSBvZiB0aGUgU2xpZGVyIG9uIHRoZSBrbm9iLlxuICAgIGRpc2NyZXRlPzogYm9vbGVhbjtcblxuICAgIC8vIERpc3BsYXlzIHRoZSBpbmRpdmlkdWFsIHN0ZXAgbWFya2VycyBvbiB0aGUgU2xpZGVyIHRyYWNrLlxuICAgIGRpc3BsYXlNYXJrZXJzPzogYm9vbGVhbjtcblxuICAgIC8vIEZ1bmN0aW9uIHRoYXQgZ2V0cyB0cmlnZ2VyZWQgb24gZWFjaCBpbnB1dC5cbiAgICBvbklucHV0PzogKHZhbHVlOiBhbnkpID0+IHZvaWQ7XG5cbiAgICByZWFkT25seT86IGJvb2xlYW47XG59O1xuXG4vLyB3cmFwcGVyIGZpeGVzIGEgYnVnIGluIHNsaWRlciB3aGVyZSB0aGUgc2xpZGVyIGhhbmRsZSBpcyByZW5kZXJlZCBvdXRzaWRlIHRoZSBib3VuZHMgb2YgdGhlIHNsaWRlciBib3hcbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBcIi5tZGMtc2xpZGVyIC5tZGMtc2xpZGVyX190aHVtYi1jb250YWluZXJcIjoge1xuICAgICAgICBsZWZ0OiA1XG4gICAgfVxufSk7XG5cbi8qKlxuICogU2xpZGVyIGNvbXBvbmVudCBsZXRzIHVzZXJzIGNob29zZSBhIHZhbHVlIGZyb20gZ2l2ZW4gcmFuZ2UuXG4gKi9cbmNsYXNzIFNsaWRlciBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxQcm9wcz4ge1xuICAgIG9uQ2hhbmdlID0gKGU6IHsgZGV0YWlsOiB7IHZhbHVlOiBudW1iZXIgfSB9KSA9PiB7XG4gICAgICAgIHRoaXMucHJvcHMub25DaGFuZ2UgJiYgdGhpcy5wcm9wcy5vbkNoYW5nZShlLmRldGFpbC52YWx1ZSk7XG4gICAgfTtcblxuICAgIG9uSW5wdXQgPSAoZTogeyBkZXRhaWw6IHsgdmFsdWU6IG51bWJlciB9IH0pID0+IHtcbiAgICAgICAgdGhpcy5wcm9wcy5vbklucHV0ICYmIHRoaXMucHJvcHMub25JbnB1dChlLmRldGFpbC52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBvdmVycmlkZSByZW5kZXIoKSB7XG4gICAgICAgIGNvbnN0IHsgdmFsdWUsIGxhYmVsLCBkZXNjcmlwdGlvbiwgdmFsaWRhdGlvbiB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgICBsZXQgc2xpZGVyVmFsdWUgPSB2YWx1ZTtcbiAgICAgICAgaWYgKHZhbHVlID09PSBudWxsIHx8IHR5cGVvZiB2YWx1ZSA9PT0gXCJ1bmRlZmluZWRcIikge1xuICAgICAgICAgICAgc2xpZGVyVmFsdWUgPSB0aGlzLnByb3BzLm1pbiB8fCAwO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgeyBpc1ZhbGlkOiB2YWxpZGF0aW9uSXNWYWxpZCwgbWVzc2FnZTogdmFsaWRhdGlvbk1lc3NhZ2UgfSA9IHZhbGlkYXRpb24gfHwge307XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxSZWFjdC5GcmFnbWVudD5cbiAgICAgICAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1kYy10ZXh0LWZpZWxkLWhlbHBlci10ZXh0IG1kYy10ZXh0LWZpZWxkLWhlbHBlci10ZXh0LS1wZXJzaXN0ZW50XCI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgICl9XG5cbiAgICAgICAgICAgICAgICA8V3JhcHBlcj5cbiAgICAgICAgICAgICAgICAgICAgPFJtd2NTbGlkZXJcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIEhhZCB0byBhZGQgcmVhZE9ubHkgc28gdGhlIHdhcm5pbmcgZG9lcyBub3QgYXBwZWFyIGluIHRoZSBjb25zb2xlLlxuICAgICAgICAgICAgICAgICAgICAgICAgcmVhZE9ubHk9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgICAgICB7Li4udGhpcy5wcm9wc31cbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPXtzbGlkZXJWYWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLm9uQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICAgICAgb25JbnB1dD17dGhpcy5vbklucHV0fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvV3JhcHBlcj5cblxuICAgICAgICAgICAgICAgIHt2YWxpZGF0aW9uSXNWYWxpZCA9PT0gZmFsc2UgJiYgKFxuICAgICAgICAgICAgICAgICAgICA8Rm9ybUVsZW1lbnRNZXNzYWdlIGVycm9yPnt2YWxpZGF0aW9uTWVzc2FnZX08L0Zvcm1FbGVtZW50TWVzc2FnZT5cbiAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAge3ZhbGlkYXRpb25Jc1ZhbGlkICE9PSBmYWxzZSAmJiBkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICAgICAgICAgIDxGb3JtRWxlbWVudE1lc3NhZ2U+e2Rlc2NyaXB0aW9ufTwvRm9ybUVsZW1lbnRNZXNzYWdlPlxuICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L1JlYWN0LkZyYWdtZW50PlxuICAgICAgICApO1xuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgU2xpZGVyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-
+import React from "react";
+import omit from "lodash/omit.js";
+import { Slider as AdminSlider } from "@webiny/admin-ui";
 /**
- * Slider component lets users choose a value from given range.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Slider` component from the `@webiny/admin-ui` package instead.
  */
-var Slider = /*#__PURE__*/function (_React$Component) {
-  function Slider() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Slider);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+class Slider extends React.Component {
+  onValueCommit = value => {
+    this.props.onChange && this.props.onChange(value);
+  };
+  onValueChange = value => {
+    this.props.onInput && this.props.onInput(value);
+  };
+  toFloat = (value, defaultValue = 0) => {
+    if (!value) {
+      return defaultValue;
     }
-    _this = (0, _callSuper2.default)(this, Slider, [].concat(args));
-    (0, _defineProperty2.default)(_this, "onChange", function (e) {
-      _this.props.onChange && _this.props.onChange(e.detail.value);
-    });
-    (0, _defineProperty2.default)(_this, "onInput", function (e) {
-      _this.props.onInput && _this.props.onInput(e.detail.value);
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(Slider, _React$Component);
-  return (0, _createClass2.default)(Slider, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        value = _this$props.value,
-        label = _this$props.label,
-        description = _this$props.description,
-        validation = _this$props.validation;
-      var sliderValue = value;
-      if (value === null || typeof value === "undefined") {
-        sliderValue = this.props.min || 0;
-      }
-      var _ref = validation || {},
-        validationIsValid = _ref.isValid,
-        validationMessage = _ref.message;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label && /*#__PURE__*/_react.default.createElement("div", {
-        className: "mdc-text-field-helper-text mdc-text-field-helper-text--persistent"
-      }, label), /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(_slider.Slider
-      // Had to add readOnly so the warning does not appear in the console.
-      , Object.assign({
-        readOnly: true
-      }, this.props, {
-        value: sliderValue,
-        onChange: this.onChange,
-        onInput: this.onInput
-      }))), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
+
+    // Convert the value to a string before passing it to parseFloat
+    const result = parseFloat(value.toString());
+
+    // Check if the result is a valid number
+    return isNaN(result) ? defaultValue : result;
+  };
+  render() {
+    const {
+      value,
+      label,
+      description,
+      validation
+    } = this.props;
+    let sliderValue = value;
+    if (value === null || typeof value === "undefined") {
+      sliderValue = this.props.min || 0;
     }
-  }]);
-}(_react.default.Component);
-var _default = exports.default = Slider;
+    return /*#__PURE__*/React.createElement(AdminSlider, Object.assign({}, omit(this.props, ["displayMarkers", "discrete", "onInput", "onChange"]), {
+      label: label,
+      min: this.toFloat(this.props.min),
+      max: this.toFloat(this.props.max, 100),
+      step: this.toFloat(this.props.step, 1),
+      value: sliderValue,
+      onValueCommit: this.onValueCommit,
+      onValueChange: this.onValueChange,
+      showTooltip: this.props.discrete,
+      validation: validation,
+      note: description
+    }));
+  }
+}
+export default Slider;
 
 //# sourceMappingURL=Slider.js.map

package/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_slider","_FormElementMessage","_EMOTION_STRINGIFIED_CSS_ERROR__","Wrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","Slider","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","e","props","onChange","detail","value","onInput","_inherits2","_createClass2","key","render","_this$props","description","validation","sliderValue","min","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","className","Object","assign","readOnly","FormElementMessage","error","React","Component","_default","exports"],"sources":["Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport { Slider as RmwcSlider } from \"@rmwc/slider\";\nimport { FormComponentProps } from \"~/types\";\nimport styled from \"@emotion/styled\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // Description beneath the slider.\n    description?: string;\n\n    // The minimum value of the Slider.\n    min: number | string;\n\n    // The maximum value of the Slider.\n    max: number | string;\n\n    // A step to quantize values by.\n    step?: number | string;\n\n    // Displays the exact value of the Slider on the knob.\n    discrete?: boolean;\n\n    // Displays the individual step markers on the Slider track.\n    displayMarkers?: boolean;\n\n    // Function that gets triggered on each input.\n    onInput?: (value: any) => void;\n\n    readOnly?: boolean;\n};\n\n// wrapper fixes a bug in slider where the slider handle is rendered outside the bounds of the slider box\nconst Wrapper = styled(\"div\")({\n    width: \"100%\",\n    \".mdc-slider .mdc-slider__thumb-container\": {\n        left: 5\n    }\n});\n\n/**\n * Slider component lets users choose a value from given range.\n */\nclass Slider extends React.Component<Props> {\n    onChange = (e: { detail: { value: number } }) => {\n        this.props.onChange && this.props.onChange(e.detail.value);\n    };\n\n    onInput = (e: { detail: { value: number } }) => {\n        this.props.onInput && this.props.onInput(e.detail.value);\n    };\n\n    public override render() {\n        const { value, label, description, validation } = this.props;\n\n        let sliderValue = value;\n        if (value === null || typeof value === \"undefined\") {\n            sliderValue = this.props.min || 0;\n        }\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                {label && (\n                    <div className=\"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\">\n                        {label}\n                    </div>\n                )}\n\n                <Wrapper>\n                    <RmwcSlider\n                        // Had to add readOnly so the warning does not appear in the console.\n                        readOnly={true}\n                        {...this.props}\n                        value={sliderValue}\n                        onChange={this.onChange}\n                        onInput={this.onInput}\n                    />\n                </Wrapper>\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 Slider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","omit","Slider","AdminSlider","Component","onValueCommit","value","props","onChange","onValueChange","onInput","toFloat","defaultValue","result","parseFloat","toString","isNaN","render","label","description","validation","sliderValue","min","createElement","Object","assign","max","step","showTooltip","discrete","note"],"sources":["Slider.tsx"],"sourcesContent":["import React from \"react\";\nimport omit from \"lodash/omit.js\";\nimport { Slider as AdminSlider } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types.js\";\n\ntype Props = FormComponentProps & {\n    // Component label.\n    label?: string;\n\n    // Is checkbox disabled?\n    disabled?: boolean;\n\n    // Description beneath the slider.\n    description?: string;\n\n    // The minimum value of the Slider.\n    min?: number | string;\n\n    // The maximum value of the Slider.\n    max?: number | string;\n\n    // A step to quantize values by.\n    step?: number | string;\n\n    // Displays the exact value of the Slider on the knob.\n    discrete?: boolean;\n\n    // Displays the individual step markers on the Slider track.\n    displayMarkers?: boolean;\n\n    // Function that gets triggered on each input.\n    onInput?: (value: any) => void;\n\n    readOnly?: boolean;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Slider` component from the `@webiny/admin-ui` package instead.\n */\nclass Slider extends React.Component<Props> {\n    onValueCommit = (value: number): void => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    onValueChange = (value: number): void => {\n        this.props.onInput && this.props.onInput(value);\n    };\n\n    toFloat = (value: number | string | undefined, defaultValue = 0): number => {\n        if (!value) {\n            return defaultValue;\n        }\n\n        // Convert the value to a string before passing it to parseFloat\n        const result = parseFloat(value.toString());\n\n        // Check if the result is a valid number\n        return isNaN(result) ? defaultValue : result;\n    };\n\n    public override render() {\n        const { value, label, description, validation } = this.props;\n\n        let sliderValue = value;\n        if (value === null || typeof value === \"undefined\") {\n            sliderValue = this.props.min || 0;\n        }\n\n        return (\n            <AdminSlider\n                {...omit(this.props, [\"displayMarkers\", \"discrete\", \"onInput\", \"onChange\"])}\n                label={label}\n                min={this.toFloat(this.props.min)}\n                max={this.toFloat(this.props.max, 100)}\n                step={this.toFloat(this.props.step, 1)}\n                value={sliderValue}\n                onValueCommit={this.onValueCommit}\n                onValueChange={this.onValueChange}\n                showTooltip={this.props.discrete}\n                validation={validation}\n                note={description}\n            />\n        );\n    }\n}\n\nexport default Slider;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,IAAI,MAAM,gBAAgB;AACjC,SAASC,MAAM,IAAIC,WAAW,QAAQ,kBAAkB;AAkCxD;AACA;AACA;AACA;AACA,MAAMD,MAAM,SAASF,KAAK,CAACI,SAAS,CAAQ;EACxCC,aAAa,GAAIC,KAAa,IAAW;IACrC,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,IAAI,CAACD,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;EACrD,CAAC;EAEDG,aAAa,GAAIH,KAAa,IAAW;IACrC,IAAI,CAACC,KAAK,CAACG,OAAO,IAAI,IAAI,CAACH,KAAK,CAACG,OAAO,CAACJ,KAAK,CAAC;EACnD,CAAC;EAEDK,OAAO,GAAGA,CAACL,KAAkC,EAAEM,YAAY,GAAG,CAAC,KAAa;IACxE,IAAI,CAACN,KAAK,EAAE;MACR,OAAOM,YAAY;IACvB;;IAEA;IACA,MAAMC,MAAM,GAAGC,UAAU,CAACR,KAAK,CAACS,QAAQ,CAAC,CAAC,CAAC;;IAE3C;IACA,OAAOC,KAAK,CAACH,MAAM,CAAC,GAAGD,YAAY,GAAGC,MAAM;EAChD,CAAC;EAEeI,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEX,KAAK;MAAEY,KAAK;MAAEC,WAAW;MAAEC;IAAW,CAAC,GAAG,IAAI,CAACb,KAAK;IAE5D,IAAIc,WAAW,GAAGf,KAAK;IACvB,IAAIA,KAAK,KAAK,IAAI,IAAI,OAAOA,KAAK,KAAK,WAAW,EAAE;MAChDe,WAAW,GAAG,IAAI,CAACd,KAAK,CAACe,GAAG,IAAI,CAAC;IACrC;IAEA,oBACItB,KAAA,CAAAuB,aAAA,CAACpB,WAAW,EAAAqB,MAAA,CAAAC,MAAA,KACJxB,IAAI,CAAC,IAAI,CAACM,KAAK,EAAE,CAAC,gBAAgB,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;MAC3EW,KAAK,EAAEA,KAAM;MACbI,GAAG,EAAE,IAAI,CAACX,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACe,GAAG,CAAE;MAClCI,GAAG,EAAE,IAAI,CAACf,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACmB,GAAG,EAAE,GAAG,CAAE;MACvCC,IAAI,EAAE,IAAI,CAAChB,OAAO,CAAC,IAAI,CAACJ,KAAK,CAACoB,IAAI,EAAE,CAAC,CAAE;MACvCrB,KAAK,EAAEe,WAAY;MACnBhB,aAAa,EAAE,IAAI,CAACA,aAAc;MAClCI,aAAa,EAAE,IAAI,CAACA,aAAc;MAClCmB,WAAW,EAAE,IAAI,CAACrB,KAAK,CAACsB,QAAS;MACjCT,UAAU,EAAEA,UAAW;MACvBU,IAAI,EAAEX;IAAY,EACrB,CAAC;EAEV;AACJ;AAEA,eAAejB,MAAM","ignoreList":[]}

package/Slider/index.d.ts

@@ -1 +1 @@
-export { default as Slider } from "./Slider";
+export { default as Slider } from "./Slider.js";

package/Slider/index.js

@@ -1,15 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Slider", {
-  enumerable: true,
-  get: function get() {
-    return _Slider.default;
-  }
-});
-var _Slider = _interopRequireDefault(require("./Slider"));
+export { default as Slider } from "./Slider.js";
 
 //# sourceMappingURL=index.js.map

package/Slider/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Slider","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["export { default as Slider } from \"./Slider\";\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["default","Slider"],"sources":["index.ts"],"sourcesContent":["export { default as Slider } from \"./Slider.js\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM","ignoreList":[]}

package/Snackbar/Snackbar.d.ts

@@ -1,12 +1,48 @@
 import React from "react";
-import { SnackbarAction, SnackbarProps } from "@rmwc/snackbar";
-declare type Props = SnackbarProps;
+import type { ButtonProps } from "@webiny/admin-ui";
+type CustomEventT<T> = CustomEvent<T> & React.SyntheticEvent<EventTarget>;
+type SnackbarActionProps = ButtonProps & {
+    /** Content specified as a label prop. */
+    label?: React.ReactNode | any;
+    /** An action returned in evt.detail.reason to the onClose handler. */
+    action?: string;
+};
+type ToastActionWithDataActionProps = ButtonProps & {
+    "data-action"?: string;
+};
+type SnackbarProps = {
+    open?: boolean;
+    /** A callback thats fired when the Snackbar shows. */
+    onOpen?: (evt: CustomEventT<any>) => void;
+    /** A callback thats fired when the Snackbar hides. evt.detail = { reason?: string } */
+    onClose?: (evt: CustomEventT<{
+        reason?: string;
+    }>) => void;
+    /** A string or other renderable JSX to be used as the message body. */
+    message?: React.ReactNode;
+    /** One or more actions to add to the snackbar. */
+    action?: React.ReactElement<ToastActionWithDataActionProps> | React.ReactElement<ToastActionWithDataActionProps>[];
+    /** Milliseconds to show the Snackbar for. Set to -1 to show indefinitely. */
+    timeout?: number;
+    /** Places the action underneath the message text. */
+    stacked?: boolean;
+    leading?: boolean;
+    dismissIcon?: boolean | React.ReactNode;
+    /** Whether or not your want clicking an action to close the Snackbar. */
+    dismissesOnAction?: boolean;
+    /** An icon for the snackbar */
+    icon?: React.ReactNode;
+};
 /**
- * Use Snackbar component to display an informative or alert message and allow users to act upon it.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `useToast` hook from the `@webiny/admin-ui` to show messages package instead.
  */
-declare class Snackbar extends React.Component<Props> {
-    readonly container: HTMLElement | null;
-    constructor(props: Props);
-    render(): React.ReactElement;
-}
+declare const Snackbar: ({ message }: SnackbarProps) => React.JSX.Element;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+declare const SnackbarAction: ({ label, action, onClick }: SnackbarActionProps) => React.ReactElement<ButtonProps & {
+    "data-action"?: string;
+}>;
 export { Snackbar, SnackbarAction };

package/Snackbar/Snackbar.js

@@ -1,48 +1,32 @@
-"use strict";
+import React from "react";
+import { Button } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `useToast` hook from the `@webiny/admin-ui` to show messages package instead.
+ */
+const Snackbar = ({
+  message
+}) => {
+  console.warn("Snackbar component has been deprecated: use the `useToast` hook from the `@webiny/admin-ui` to show messages package instead.");
+  return /*#__PURE__*/React.createElement(React.Fragment, null, message);
+};
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Snackbar = void 0;
-Object.defineProperty(exports, "SnackbarAction", {
-  enumerable: true,
-  get: function get() {
-    return _snackbar.SnackbarAction;
-  }
-});
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _snackbar = require("@rmwc/snackbar");
 /**
- * Use Snackbar component to display an informative or alert message and allow users to act upon it.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
  */
-var Snackbar = exports.Snackbar = /*#__PURE__*/function (_React$Component) {
-  function Snackbar(props) {
-    var _this;
-    (0, _classCallCheck2.default)(this, Snackbar);
-    _this = (0, _callSuper2.default)(this, Snackbar, [props]);
-    (0, _defineProperty2.default)(_this, "container", null);
-    _this.container = document.getElementById("snackbar-container");
-    if (!_this.container) {
-      _this.container = document.createElement("div");
-      _this.container.setAttribute("id", "snackbar-container");
-      var container = _this.container;
-      document.body && document.body.appendChild(container);
-    }
-    return _this;
-  }
-  (0, _inherits2.default)(Snackbar, _React$Component);
-  return (0, _createClass2.default)(Snackbar, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_snackbar.Snackbar, this.props);
-    }
-  }]);
-}(_react.default.Component);
+const SnackbarAction = ({
+  label,
+  action,
+  onClick
+}) => {
+  return /*#__PURE__*/React.createElement(Button, {
+    variant: "primary",
+    onClick: onClick,
+    "data-action": action,
+    text: label
+  });
+};
+export { Snackbar, SnackbarAction };
 
 //# sourceMappingURL=Snackbar.js.map

package/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_snackbar","Snackbar","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","container","document","getElementById","createElement","setAttribute","body","appendChild","_inherits2","_createClass2","key","value","render","React","Component"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport { Snackbar as RmwcSnackbar, SnackbarAction, SnackbarProps } from \"@rmwc/snackbar\";\n\ntype Props = SnackbarProps;\n\n/**\n * Use Snackbar component to display an informative or alert message and allow users to act upon it.\n */\nclass Snackbar extends React.Component<Props> {\n    public readonly container: HTMLElement | null = null;\n\n    public constructor(props: Props) {\n        super(props);\n\n        this.container = document.getElementById(\"snackbar-container\");\n\n        if (!this.container) {\n            this.container = document.createElement(\"div\");\n            this.container.setAttribute(\"id\", \"snackbar-container\");\n            const container: HTMLElement = this.container;\n            document.body && document.body.appendChild(container);\n        }\n    }\n\n    public override render(): React.ReactElement {\n        return <RmwcSnackbar {...this.props} />;\n    }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAIA;AACA;AACA;AAFA,IAGME,QAAQ,GAAAC,OAAA,CAAAD,QAAA,0BAAAE,gBAAA;EAGV,SAAAF,SAAmBG,KAAY,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,QAAA;IAC7BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,QAAA,GAAMG,KAAK;IAAE,IAAAK,gBAAA,CAAAF,OAAA,EAAAF,KAAA,eAH+B,IAAI;IAKhDA,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACC,cAAc,CAAC,oBAAoB,CAAC;IAE9D,IAAI,CAACP,KAAA,CAAKK,SAAS,EAAE;MACjBL,KAAA,CAAKK,SAAS,GAAGC,QAAQ,CAACE,aAAa,CAAC,KAAK,CAAC;MAC9CR,KAAA,CAAKK,SAAS,CAACI,YAAY,CAAC,IAAI,EAAE,oBAAoB,CAAC;MACvD,IAAMJ,SAAsB,GAAGL,KAAA,CAAKK,SAAS;MAC7CC,QAAQ,CAACI,IAAI,IAAIJ,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,SAAS,CAAC;IACzD;IAAC,OAAAL,KAAA;EACL;EAAC,IAAAY,UAAA,CAAAV,OAAA,EAAAN,QAAA,EAAAE,gBAAA;EAAA,WAAAe,aAAA,CAAAX,OAAA,EAAAN,QAAA;IAAAkB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAA6C;MACzC,oBAAOxB,MAAA,CAAAU,OAAA,CAAAM,aAAA,CAACb,SAAA,CAAAC,QAAY,EAAK,IAAI,CAACG,KAAQ,CAAC;IAC3C;EAAC;AAAA,EAlBkBkB,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Button","Snackbar","message","console","warn","createElement","Fragment","SnackbarAction","label","action","onClick","variant","text"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ButtonProps } from \"@webiny/admin-ui\";\nimport { Button } from \"@webiny/admin-ui\";\n\ntype CustomEventT<T> = CustomEvent<T> & React.SyntheticEvent<EventTarget>;\n\ntype SnackbarActionProps = ButtonProps & {\n    /** Content specified as a label prop. */\n    label?: React.ReactNode | any;\n    /** An action returned in evt.detail.reason to the onClose handler. */\n    action?: string;\n};\n\ntype ToastActionWithDataActionProps = ButtonProps & {\n    \"data-action\"?: string;\n};\n\ntype SnackbarProps = {\n    open?: boolean;\n    /** A callback thats fired when the Snackbar shows. */\n    onOpen?: (evt: CustomEventT<any>) => void;\n    /** A callback thats fired when the Snackbar hides. evt.detail = { reason?: string } */\n    onClose?: (\n        evt: CustomEventT<{\n            reason?: string;\n        }>\n    ) => void;\n    /** A string or other renderable JSX to be used as the message body. */\n    message?: React.ReactNode;\n    /** One or more actions to add to the snackbar. */\n    action?:\n        | React.ReactElement<ToastActionWithDataActionProps>\n        | React.ReactElement<ToastActionWithDataActionProps>[];\n    /** Milliseconds to show the Snackbar for. Set to -1 to show indefinitely. */\n    timeout?: number;\n    /** Places the action underneath the message text. */\n    stacked?: boolean;\n    leading?: boolean;\n    dismissIcon?: boolean | React.ReactNode;\n    /** Whether or not your want clicking an action to close the Snackbar. */\n    dismissesOnAction?: boolean;\n    /** An icon for the snackbar */\n    icon?: React.ReactNode;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `useToast` hook from the `@webiny/admin-ui` to show messages package instead.\n */\nconst Snackbar = ({ message }: SnackbarProps) => {\n    console.warn(\n        \"Snackbar component has been deprecated: use the `useToast` hook from the `@webiny/admin-ui` to show messages package instead.\"\n    );\n    return <>{message}</>;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Button` component from the `@webiny/admin-ui` package instead.\n */\nconst SnackbarAction = ({\n    label,\n    action,\n    onClick\n}: SnackbarActionProps): React.ReactElement<ButtonProps & { \"data-action\"?: string }> => {\n    return <Button variant={\"primary\"} onClick={onClick} data-action={action} text={label} />;\n};\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,QAAQ,kBAAkB;AA2CzC;AACA;AACA;AACA;AACA,MAAMC,QAAQ,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EAC7CC,OAAO,CAACC,IAAI,CACR,+HACJ,CAAC;EACD,oBAAOL,KAAA,CAAAM,aAAA,CAAAN,KAAA,CAAAO,QAAA,QAAGJ,OAAU,CAAC;AACzB,CAAC;;AAED;AACA;AACA;AACA;AACA,MAAMK,cAAc,GAAGA,CAAC;EACpBC,KAAK;EACLC,MAAM;EACNC;AACiB,CAAC,KAAmE;EACrF,oBAAOX,KAAA,CAAAM,aAAA,CAACL,MAAM;IAACW,OAAO,EAAE,SAAU;IAACD,OAAO,EAAEA,OAAQ;IAAC,eAAaD,MAAO;IAACG,IAAI,EAAEJ;EAAM,CAAE,CAAC;AAC7F,CAAC;AAED,SAASP,QAAQ,EAAEM,cAAc","ignoreList":[]}

package/Snackbar/index.d.ts

@@ -1 +1 @@
-export { Snackbar, SnackbarAction } from "./Snackbar";
+export { Snackbar, SnackbarAction } from "./Snackbar.js";

package/Snackbar/index.js

@@ -1,20 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Snackbar", {
-  enumerable: true,
-  get: function get() {
-    return _Snackbar.Snackbar;
-  }
-});
-Object.defineProperty(exports, "SnackbarAction", {
-  enumerable: true,
-  get: function get() {
-    return _Snackbar.SnackbarAction;
-  }
-});
-var _Snackbar = require("./Snackbar");
+export { Snackbar, SnackbarAction } from "./Snackbar.js";
 
 //# sourceMappingURL=index.js.map

package/Snackbar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_Snackbar","require"],"sources":["index.ts"],"sourcesContent":["export { Snackbar, SnackbarAction } from \"./Snackbar\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["Snackbar","SnackbarAction"],"sources":["index.ts"],"sourcesContent":["export { Snackbar, SnackbarAction } from \"./Snackbar.js\";\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc","ignoreList":[]}