@webiny/ui 5.43.2 → 6.0.0-alpha.0

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\";\nimport { Slider as AdminSlider } from \"@webiny/admin-ui\";\nimport { FormComponentProps } from \"~/types\";\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) => {\n        this.props.onChange && this.props.onChange(value);\n    };\n\n    onValueChange = (value: number) => {\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,aAAa;AAC9B,SAASC,MAAM,IAAIC,WAAW,QAAQ,kBAAkB;AAkCxD;AACA;AACA;AACA;AACA,MAAMD,MAAM,SAASF,KAAK,CAACI,SAAS,CAAQ;EACxCC,aAAa,GAAIC,KAAa,IAAK;IAC/B,IAAI,CAACC,KAAK,CAACC,QAAQ,IAAI,IAAI,CAACD,KAAK,CAACC,QAAQ,CAACF,KAAK,CAAC;EACrD,CAAC;EAEDG,aAAa,GAAIH,KAAa,IAAK;IAC/B,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.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";
 
 //# 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\";\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";
-type Props = SnackbarProps;
+import { 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,49 +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 _reactDom = _interopRequireDefault(require("react-dom"));
-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__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_snackbar.Snackbar, this.props), this.container);
-    }
-  }]);
-}(_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","_reactDom","_snackbar","Snackbar","exports","_React$Component","props","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","container","document","getElementById","createElement","setAttribute","body","appendChild","_inherits2","_createClass2","key","value","render","ReactDOM","createPortal","React","Component"],"sources":["Snackbar.tsx"],"sourcesContent":["import React from \"react\";\nimport ReactDOM from \"react-dom\";\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 ReactDOM.createPortal(\n            <RmwcSnackbar {...this.props} />,\n            this.container as HTMLElement\n        );\n    }\n}\n\nexport { Snackbar, SnackbarAction };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAIA;AACA;AACA;AAFA,IAGMG,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,SAAgBC,MAAMA,CAAA,EAAuB;MACzC,oBAAOC,iBAAQ,CAACC,YAAY,cACxB3B,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACb,SAAA,CAAAC,QAAY,EAAK,IAAI,CAACG,KAAQ,CAAC,EAChC,IAAI,CAACM,SACT,CAAC;IACL;EAAC;AAAA,EArBkBc,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 { Button, ButtonProps } 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;AACzB,SAASC,MAAM,QAAqB,kBAAkB;AA2CtD;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.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";
 
 //# 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\";\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,cAAc","ignoreList":[]}

package/Switch/Switch.d.ts

@@ -1,15 +1,30 @@
 import React from "react";
-import { SwitchProps } from "@rmwc/switch";
 import { FormComponentProps } from "../types";
+type SwitchProps = {
+    /** A DOM ID for the toggle. */
+    id?: string;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Toggle the control on and off. */
+    checked?: boolean;
+    /** The value of the control. */
+    value?: string | number | string[];
+    /** A label for the control. */
+    label?: React.ReactNode;
+    /** By default, all props except className and style spread to the input. These are additional props for the root of the checkbox. */
+    rootProps?: React.HTMLProps<any>;
+    /** A reference to the native input. */
+    inputRef?: React.Ref<HTMLInputElement>;
+};
 type Props = Omit<SwitchProps, "value"> & FormComponentProps<boolean> & {
     description?: string;
     className?: string;
 };
 /**
- * Switch component can be used to store simple boolean values.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Switch` component from the `@webiny/admin-ui` package instead.
  */
 declare class Switch extends React.Component<Props> {
-    static rmwcProps: string[];
     render(): React.JSX.Element;
 }
 export { Switch };

package/Switch/Switch.js

@@ -1,52 +1,30 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Switch = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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 _switch = require("@rmwc/switch");
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _FormElementMessage = require("../FormElementMessage");
-var _Helpers = require("../Helpers");
+import React from "react";
+import { Switch as AdminSwitch } from "@webiny/admin-ui";
 /**
- * Switch component can be used to store simple boolean values.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Switch` component from the `@webiny/admin-ui` package instead.
  */
-var Switch = exports.Switch = /*#__PURE__*/function (_React$Component) {
-  function Switch() {
-    (0, _classCallCheck2.default)(this, Switch);
-    return (0, _callSuper2.default)(this, Switch, arguments);
+class Switch extends React.Component {
+  render() {
+    const {
+      value,
+      description,
+      validation,
+      label,
+      disabled
+    } = this.props;
+    return /*#__PURE__*/React.createElement(AdminSwitch, {
+      label: label,
+      note: description,
+      validation: validation,
+      className: "webiny-ui-switch",
+      checked: Boolean(value),
+      value: String(value),
+      onChange: () => this.props.onChange && this.props.onChange(!value),
+      disabled: disabled
+    });
   }
-  (0, _inherits2.default)(Switch, _React$Component);
-  return (0, _createClass2.default)(Switch, [{
-    key: "render",
-    value: function render() {
-      var _this = this;
-      var _this$props = this.props,
-        value = _this$props.value,
-        description = _this$props.description,
-        validation = _this$props.validation;
-      var _ref = validation || {},
-        validationIsValid = _ref.isValid,
-        validationMessage = _ref.message;
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_switch.Switch, Object.assign({}, (0, _Helpers.getClasses)((0, _objectSpread2.default)({}, (0, _pick.default)(this.props, Switch.rmwcProps)), "webiny-ui-switch"), {
-        checked: Boolean(value),
-        onClick: function onClick() {
-          return _this.props.onChange && _this.props.onChange(!value);
-        }
-      })), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-        error: true
-      }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
-    }
-  }]);
-}(_react.default.Component);
-(0, _defineProperty2.default)(Switch, "rmwcProps", ["id", "disabled", "checked", "label", "rootProps", "className"]);
+}
+export { Switch };
 
 //# sourceMappingURL=Switch.js.map

package/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_switch","_pick","_FormElementMessage","_Helpers","Switch","exports","_React$Component","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_this","_this$props","props","description","validation","_ref","validationIsValid","isValid","validationMessage","message","createElement","Fragment","Object","assign","getClasses","_objectSpread2","pick","rmwcProps","checked","Boolean","onClick","onChange","FormElementMessage","error","React","Component","_defineProperty2"],"sources":["Switch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Switch as RmwcSwitch, SwitchProps } from \"@rmwc/switch\";\nimport { FormComponentProps } from \"~/types\";\nimport pick from \"lodash/pick\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport { getClasses } from \"~/Helpers\";\n\ntype Props = Omit<SwitchProps, \"value\"> &\n    FormComponentProps<boolean> & {\n        // Description beneath the switch.\n        description?: string;\n\n        // Optional class name.\n        className?: string;\n    };\n\n/**\n * Switch component can be used to store simple boolean values.\n */\nclass Switch extends React.Component<Props> {\n    static rmwcProps = [\"id\", \"disabled\", \"checked\", \"label\", \"rootProps\", \"className\"];\n\n    public override render() {\n        const { value, description, validation } = this.props;\n\n        const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n        return (\n            <React.Fragment>\n                <RmwcSwitch\n                    {...getClasses({ ...pick(this.props, Switch.rmwcProps) }, \"webiny-ui-switch\")}\n                    checked={Boolean(value)}\n                    onClick={() => this.props.onChange && this.props.onChange(!value)}\n                />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n            </React.Fragment>\n        );\n    }\n}\n\nexport { Switch };\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAWA;AACA;AACA;AAFA,IAGMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,0BAAAE,gBAAA;EAAA,SAAAF,OAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,MAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,MAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,MAAA,EAAAE,gBAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,MAAA;IAAAS,GAAA;IAAAC,KAAA,EAGR,SAAgBC,MAAMA,CAAA,EAAG;MAAA,IAAAC,KAAA;MACrB,IAAAC,WAAA,GAA2C,IAAI,CAACC,KAAK;QAA7CJ,KAAK,GAAAG,WAAA,CAALH,KAAK;QAAEK,WAAW,GAAAF,WAAA,CAAXE,WAAW;QAAEC,UAAU,GAAAH,WAAA,CAAVG,UAAU;MAEtC,IAAAC,IAAA,GAAmED,UAAU,IAAI,CAAC,CAAC;QAAlEE,iBAAiB,GAAAD,IAAA,CAA1BE,OAAO;QAA8BC,iBAAiB,GAAAH,IAAA,CAA1BI,OAAO;MAE3C,oBACI5B,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAAC7B,MAAA,CAAAW,OAAK,CAACmB,QAAQ,qBACX9B,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAAC1B,OAAA,CAAAI,MAAU,EAAAwB,MAAA,CAAAC,MAAA,KACH,IAAAC,mBAAU,MAAAC,cAAA,CAAAvB,OAAA,MAAM,IAAAwB,aAAI,EAAC,IAAI,CAACd,KAAK,EAAEd,MAAM,CAAC6B,SAAS,CAAC,GAAI,kBAAkB,CAAC;QAC7EC,OAAO,EAAEC,OAAO,CAACrB,KAAK,CAAE;QACxBsB,OAAO,EAAE,SAATA,OAAOA,CAAA;UAAA,OAAQpB,KAAI,CAACE,KAAK,CAACmB,QAAQ,IAAIrB,KAAI,CAACE,KAAK,CAACmB,QAAQ,CAAC,CAACvB,KAAK,CAAC;QAAA;MAAC,EACrE,CAAC,EAEDQ,iBAAiB,KAAK,KAAK,iBACxBzB,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACxB,mBAAA,CAAAoC,kBAAkB;QAACC,KAAK;MAAA,GAAEf,iBAAsC,CACpE,EAEAF,iBAAiB,KAAK,KAAK,IAAIH,WAAW,iBACvCtB,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACxB,mBAAA,CAAAoC,kBAAkB,QAAEnB,WAAgC,CAE7C,CAAC;IAEzB;EAAC;AAAA,EAzBgBqB,cAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,CAAAlC,OAAA,EAA9BJ,MAAM,eACW,CAAC,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Switch","AdminSwitch","Component","render","value","description","validation","label","disabled","props","createElement","note","className","checked","Boolean","String","onChange"],"sources":["Switch.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormComponentProps } from \"~/types\";\nimport { Switch as AdminSwitch } from \"@webiny/admin-ui\";\n\ntype SwitchProps = {\n    /** A DOM ID for the toggle. */\n    id?: string;\n    /** Disables the control. */\n    disabled?: boolean;\n    /** Toggle the control on and off. */\n    checked?: boolean;\n    /** The value of the control. */\n    value?: string | number | string[];\n    /** A label for the control. */\n    label?: React.ReactNode;\n    /** By default, all props except className and style spread to the input. These are additional props for the root of the checkbox. */\n    rootProps?: React.HTMLProps<any>;\n    /** A reference to the native input. */\n    inputRef?: React.Ref<HTMLInputElement>;\n};\n\ntype Props = Omit<SwitchProps, \"value\"> &\n    FormComponentProps<boolean> & {\n        // Description beneath the switch.\n        description?: string;\n\n        // Optional class name.\n        className?: string;\n    };\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Switch` component from the `@webiny/admin-ui` package instead.\n */\nclass Switch extends React.Component<Props> {\n    public override render() {\n        const { value, description, validation, label, disabled } = this.props;\n\n        return (\n            <AdminSwitch\n                label={label}\n                note={description}\n                validation={validation}\n                className={\"webiny-ui-switch\"}\n                checked={Boolean(value)}\n                value={String(value)}\n                onChange={() => this.props.onChange && this.props.onChange(!value)}\n                disabled={disabled}\n            />\n        );\n    }\n}\n\nexport { Switch };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,MAAM,IAAIC,WAAW,QAAQ,kBAAkB;AA4BxD;AACA;AACA;AACA;AACA,MAAMD,MAAM,SAASD,KAAK,CAACG,SAAS,CAAQ;EACxBC,MAAMA,CAAA,EAAG;IACrB,MAAM;MAAEC,KAAK;MAAEC,WAAW;MAAEC,UAAU;MAAEC,KAAK;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtE,oBACIV,KAAA,CAAAW,aAAA,CAACT,WAAW;MACRM,KAAK,EAAEA,KAAM;MACbI,IAAI,EAAEN,WAAY;MAClBC,UAAU,EAAEA,UAAW;MACvBM,SAAS,EAAE,kBAAmB;MAC9BC,OAAO,EAAEC,OAAO,CAACV,KAAK,CAAE;MACxBA,KAAK,EAAEW,MAAM,CAACX,KAAK,CAAE;MACrBY,QAAQ,EAAEA,CAAA,KAAM,IAAI,CAACP,KAAK,CAACO,QAAQ,IAAI,IAAI,CAACP,KAAK,CAACO,QAAQ,CAAC,CAACZ,KAAK,CAAE;MACnEI,QAAQ,EAAEA;IAAS,CACtB,CAAC;EAEV;AACJ;AAEA,SAASR,MAAM","ignoreList":[]}

package/Switch/index.js

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

package/Switch/index.js.map

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

package/Tabs/Tab.d.ts

@@ -1,7 +1,24 @@
 import React from "react";
-import { TabProps as RmwcTabProps } from "@rmwc/tabs";
-export type TabProps = RmwcTabProps & {
+export type TabProps = {
+    /**
+     * A label for the tab.
+     */
+    label?: any;
+    /**
+     * The label for the tab, passed as children.
+     */
+    children?: React.ReactNode;
+    /**
+     * The icon to use for the tab.
+     */
+    icon?: React.ReactElement;
+    /**
+     * Is tab visible?
+     */
     visible?: boolean;
+    /**
+     * @deprecated
+     */
     tag?: string;
     /**
      * Is tab disabled?
@@ -16,4 +33,8 @@ export type TabProps = RmwcTabProps & {
      */
     "data-testid"?: string;
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Tabs` component props from the `@webiny/admin-ui` package instead.
+ */
 export declare const Tab: React.MemoExoticComponent<(props: TabProps) => null>;

package/Tabs/Tab.js

@@ -1,26 +1,22 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tab = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _generateId = require("@webiny/utils/generateId");
-var _Tabs = require("./Tabs");
-var Tab = exports.Tab = /*#__PURE__*/_react.default.memo(function (props) {
-  var tabsContext = (0, _react.useContext)(_Tabs.TabsContext);
-  var idRef = (0, _react.useRef)((0, _generateId.generateAlphaNumericId)(12));
-  (0, _react.useEffect)(function () {
-    tabsContext.addTab((0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+import React, { useContext, useEffect, useRef } from "react";
+import { generateAlphaNumericId } from "@webiny/utils/generateId";
+import { DeprecatedTabsContext } from "./Tabs";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please find out the new `Tabs` component props from the `@webiny/admin-ui` package instead.
+ */
+export const Tab = /*#__PURE__*/React.memo(props => {
+  const tabsContext = useContext(DeprecatedTabsContext);
+  const idRef = useRef(generateAlphaNumericId(12));
+  useEffect(() => {
+    tabsContext.addTab({
+      ...props,
       id: idRef.current,
       visible: props.visible ?? true
-    }));
+    });
   }, [props]);
-  (0, _react.useEffect)(function () {
-    return function () {
+  useEffect(() => {
+    return () => {
       return tabsContext.removeTab(idRef.current);
     };
   }, []);

package/Tabs/Tab.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_generateId","_Tabs","Tab","exports","React","memo","props","tabsContext","useContext","TabsContext","idRef","useRef","generateAlphaNumericId","useEffect","addTab","_objectSpread2","default","id","current","visible","removeTab","displayName"],"sources":["Tab.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { TabProps as RmwcTabProps } from \"@rmwc/tabs\";\nimport { generateAlphaNumericId } from \"@webiny/utils/generateId\";\nimport { TabsContext } from \"./Tabs\";\n\nexport type TabProps = RmwcTabProps & {\n    visible?: boolean;\n\n    tag?: string;\n    /**\n     * Is tab disabled?\n     */\n    disabled?: boolean;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n};\n\nexport const Tab = React.memo((props: TabProps) => {\n    const tabsContext = useContext(TabsContext);\n    const idRef = useRef(generateAlphaNumericId(12));\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n});\n\nTab.displayName = \"Tab\";\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAoBO,IAAMG,GAAG,GAAAC,OAAA,CAAAD,GAAA,gBAAGE,cAAK,CAACC,IAAI,CAAC,UAACC,KAAe,EAAK;EAC/C,IAAMC,WAAW,GAAG,IAAAC,iBAAU,EAACC,iBAAW,CAAC;EAC3C,IAAMC,KAAK,GAAG,IAAAC,aAAM,EAAC,IAAAC,kCAAsB,EAAC,EAAE,CAAC,CAAC;EAEhD,IAAAC,gBAAS,EAAC,YAAM;IACZN,WAAW,CAAEO,MAAM,KAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAMV,KAAK;MAAEW,EAAE,EAAEP,KAAK,CAACQ,OAAO;MAAEC,OAAO,EAAEb,KAAK,CAACa,OAAO,IAAI;IAAI,EAAE,CAAC;EACxF,CAAC,EAAE,CAACb,KAAK,CAAC,CAAC;EAEX,IAAAO,gBAAS,EAAC,YAAM;IACZ,OAAO,YAAM;MACT,OAAON,WAAW,CAAEa,SAAS,CAACV,KAAK,CAACQ,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC,CAAC;AAEFhB,GAAG,CAACmB,WAAW,GAAG,KAAK","ignoreList":[]}
+{"version":3,"names":["React","useContext","useEffect","useRef","generateAlphaNumericId","DeprecatedTabsContext","Tab","memo","props","tabsContext","idRef","addTab","id","current","visible","removeTab","displayName"],"sources":["Tab.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef } from \"react\";\nimport { generateAlphaNumericId } from \"@webiny/utils/generateId\";\nimport { DeprecatedTabsContext } from \"./Tabs\";\n\nexport type TabProps = {\n    /**\n     * A label for the tab.\n     */\n    label?: any;\n    /**\n     * The label for the tab, passed as children.\n     */\n    children?: React.ReactNode;\n    /**\n     * The icon to use for the tab.\n     */\n    icon?: React.ReactElement;\n    /**\n     * Is tab visible?\n     */\n    visible?: boolean;\n    /**\n     * @deprecated\n     */\n    tag?: string;\n    /**\n     * Is tab disabled?\n     */\n    disabled?: boolean;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n    /**\n     * Tab ID for the testing.\n     */\n    \"data-testid\"?: string;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please find out the new `Tabs` component props from the `@webiny/admin-ui` package instead.\n */\nexport const Tab = React.memo((props: TabProps) => {\n    const tabsContext = useContext(DeprecatedTabsContext);\n    const idRef = useRef(generateAlphaNumericId(12));\n\n    useEffect(() => {\n        tabsContext!.addTab({ ...props, id: idRef.current, visible: props.visible ?? true });\n    }, [props]);\n\n    useEffect(() => {\n        return () => {\n            return tabsContext!.removeTab(idRef.current);\n        };\n    }, []);\n\n    return null;\n});\n\nTab.displayName = \"Tab\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC5D,SAASC,sBAAsB,QAAQ,0BAA0B;AACjE,SAASC,qBAAqB;AAqC9B;AACA;AACA;AACA;AACA,OAAO,MAAMC,GAAG,gBAAGN,KAAK,CAACO,IAAI,CAAEC,KAAe,IAAK;EAC/C,MAAMC,WAAW,GAAGR,UAAU,CAACI,qBAAqB,CAAC;EACrD,MAAMK,KAAK,GAAGP,MAAM,CAACC,sBAAsB,CAAC,EAAE,CAAC,CAAC;EAEhDF,SAAS,CAAC,MAAM;IACZO,WAAW,CAAEE,MAAM,CAAC;MAAE,GAAGH,KAAK;MAAEI,EAAE,EAAEF,KAAK,CAACG,OAAO;MAAEC,OAAO,EAAEN,KAAK,CAACM,OAAO,IAAI;IAAK,CAAC,CAAC;EACxF,CAAC,EAAE,CAACN,KAAK,CAAC,CAAC;EAEXN,SAAS,CAAC,MAAM;IACZ,OAAO,MAAM;MACT,OAAOO,WAAW,CAAEM,SAAS,CAACL,KAAK,CAACG,OAAO,CAAC;IAChD,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAI;AACf,CAAC,CAAC;AAEFP,GAAG,CAACU,WAAW,GAAG,KAAK","ignoreList":[]}

package/Tabs/Tabs.d.ts

@@ -1,6 +1,10 @@
-import React from "react";
+import React, { PropsWithChildren } from "react";
 import { TabProps } from "./Tab";
-export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
+export type TabsProps = PropsWithChildren<{
+    /**
+     * Append an ID.
+     */
+    id?: string;
     /**
      * Append a class name.
      */
@@ -17,20 +21,21 @@ export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
      * Tab ID for the testing.
      */
     "data-testid"?: string;
-}
+}>;
 interface TabItem extends TabProps {
     id: string;
 }
-interface TabsContext {
+interface DeprecatedTabsContext {
     addTab(props: TabItem): void;
     removeTab(id: string): void;
 }
-export declare const TabsContext: React.Context<TabsContext | undefined>;
+export declare const DeprecatedTabsContext: React.Context<DeprecatedTabsContext | undefined>;
 /**
- * Use Tabs component to display a list of choices, once the handler is triggered.
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Tabs` component from the `@webiny/admin-ui` package instead.
  */
 export declare const Tabs: {
-    ({ children, value, onActivate, className, ...props }: TabsProps): React.JSX.Element;
+    ({ value, onActivate, ...props }: TabsProps): React.JSX.Element;
     displayName: string;
 };
 export {};