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

package/Snackbar/Snackbar.d.ts

@@ -1,15 +1,48 @@
-import * as React from "react";
-import { SnackbarAction, SnackbarProps } from "@rmwc/snackbar";
-declare type Props = SnackbarProps;
+import React from "react";
+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.
- * @param props
- * @returns {*}
- * @constructor
+ * @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> {
-    container?: Element;
-    constructor(props: any);
-    render(): JSX.Element;
-}
+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,54 +1,32 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Snackbar as RmwcSnackbar, SnackbarAction } from "@rmwc/snackbar";
-
+import React from "react";
+import { Button } from "@webiny/admin-ui";
 /**
- * Use Snackbar component to display an informative or alert message and allow users to act upon it.
- * @param props
- * @returns {*}
- * @constructor
+ * @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.
  */
-var Snackbar = /*#__PURE__*/function (_React$Component) {
-  _inherits(Snackbar, _React$Component);
-
-  var _super = _createSuper(Snackbar);
-
-  function Snackbar(props) {
-    var _this;
-
-    _classCallCheck(this, Snackbar);
-
-    _this = _super.call(this, props);
-
-    _defineProperty(_assertThisInitialized(_this), "container", void 0);
-
-    _this.container = document.getElementById("snackbar-container");
-
-    if (!_this.container) {
-      _this.container = document.createElement("div");
+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);
+};
 
-      _this.container.setAttribute("id", "snackbar-container");
-
-      var container = _this.container;
-      document.body && document.body.appendChild(container);
-    }
-
-    return _this;
-  }
-
-  _createClass(Snackbar, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/React.createElement(RmwcSnackbar, this.props);
-    }
-  }]);
-
-  return Snackbar;
-}(React.Component);
-
-export { Snackbar, SnackbarAction };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Button` component from the `@webiny/admin-ui` package instead.
+ */
+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

@@ -0,0 +1 @@
+{"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.js

@@ -1 +1,3 @@
-export { Snackbar, SnackbarAction } from "./Snackbar";
+export { Snackbar, SnackbarAction } from "./Snackbar";
+
+//# sourceMappingURL=index.js.map

package/Snackbar/index.js.map

@@ -0,0 +1 @@
+{"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,21 +1,30 @@
-import * as React from "react";
-import { SwitchProps } from "@rmwc/switch";
-import { FormComponentProps } from "../types";
-declare type Props = FormComponentProps & SwitchProps & {
+import React from "react";
+import type { 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 defaultProps: {
-        validation: {
-            isValid: any;
-        };
-    };
-    static rmwcProps: string[];
-    onChange: (e: React.SyntheticEvent<HTMLElement>) => void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }
 export { Switch };

package/Switch/Switch.js

@@ -1,67 +1,30 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { Switch as RmwcSwitch } from "@rmwc/switch";
-import pick from "lodash/pick";
-import { FormElementMessage } from "../FormElementMessage";
-import { getClasses } from "../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 = /*#__PURE__*/function (_React$Component) {
-  _inherits(Switch, _React$Component);
-
-  var _super = _createSuper(Switch);
-
-  function Switch() {
-    var _this;
-
-    _classCallCheck(this, Switch);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (e) {
-      _this.props.onChange && _this.props.onChange(e.target.checked);
+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
     });
-
-    return _this;
-  }
-
-  _createClass(Switch, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-          value = _this$props.value,
-          description = _this$props.description,
-          validation = _this$props.validation;
-      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(RmwcSwitch, Object.assign({}, getClasses(_objectSpread({}, pick(this.props, Switch.rmwcProps)), "webiny-ui-switch"), {
-        checked: Boolean(value),
-        onChange: this.onChange
-      })), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
-        error: true
-      }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-    }
-  }]);
-
-  return Switch;
-}(React.Component);
-
-_defineProperty(Switch, "defaultProps", {
-  validation: {
-    isValid: null
   }
-});
-
-_defineProperty(Switch, "rmwcProps", ["id", "disabled", "checked", "label", "rootProps", "className"]);
+}
+export { Switch };
 
-export { Switch };
+//# sourceMappingURL=Switch.js.map

package/Switch/Switch.js.map

@@ -0,0 +1 @@
+{"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 type { 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 +1,3 @@
-export * from "./Switch";
+export * from "./Switch";
+
+//# sourceMappingURL=index.js.map

package/Switch/index.js.map

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

package/Tabs/Tab.d.ts

@@ -1,6 +1,24 @@
-import * as React from "react";
-import { TabProps as RmwcTabProps } from "@rmwc/tabs";
-export declare type TabProps = RmwcTabProps & {
+import React from "react";
+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?
@@ -10,5 +28,13 @@ export declare type TabProps = RmwcTabProps & {
      * Style object
      */
     style?: React.CSSProperties;
+    /**
+     * Tab ID for the testing.
+     */
+    "data-testid"?: string;
 };
-export declare const Tab: (props: TabProps) => JSX.Element;
+/**
+ * @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,10 +1,27 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import * as React from "react";
-import { Tab as RmwcTab } from "@rmwc/tabs";
-export var Tab = function Tab(props) {
-  var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
+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]);
+  useEffect(() => {
+    return () => {
+      return tabsContext.removeTab(idRef.current);
+    };
+  }, []);
+  return null;
+});
+Tab.displayName = "Tab";
 
-  return /*#__PURE__*/React.createElement(RmwcTab, rest, children);
-};
+//# sourceMappingURL=Tab.js.map

package/Tabs/Tab.js.map

@@ -0,0 +1 @@
+{"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,12 +1,11 @@
-import React, { ReactNode } from "react";
-export declare type TabsRenderProps = {
-    switchTab(tabIndex: number): void;
-};
-export declare type TabsProps = {
+import type { PropsWithChildren } from "react";
+import React from "react";
+import type { TabProps } from "./Tab";
+export type TabsProps = PropsWithChildren<{
     /**
-     * A collection of tabs that needs to be rendered.
+     * Append an ID.
      */
-    children: ((props: TabsRenderProps) => ReactNode) | ReactNode;
+    id?: string;
     /**
      * Append a class name.
      */
@@ -20,22 +19,24 @@ export declare type TabsProps = {
      */
     value?: number;
     /**
-     * Function to change active tab.
+     * Tab ID for the testing.
      */
-    updateValue?: (index: number) => void;
-};
-declare type State = {
-    activeTabIndex: number;
-};
+    "data-testid"?: string;
+}>;
+interface TabItem extends TabProps {
+    id: string;
+}
+interface DeprecatedTabsContext {
+    addTab(props: TabItem): void;
+    removeTab(id: string): void;
+}
+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 class Tabs extends React.Component<TabsProps, State> {
-    state: {
-        activeTabIndex: number;
-    };
-    switchTab(activeTabIndex: any): void;
-    renderChildren(children: any, activeIndex: any): JSX.Element;
-    render(): JSX.Element;
-}
+export declare const Tabs: {
+    ({ value, onActivate, ...props }: TabsProps): React.JSX.Element;
+    displayName: string;
+};
 export {};