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

package/Tags/Tags.js

@@ -1,119 +1,12 @@
-"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.default = exports.Tags = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _keycode = _interopRequireDefault(require("keycode"));
-var _minimatch = _interopRequireDefault(require("minimatch"));
-var _Input = require("../Input");
-var _Chips = require("../Chips");
-var _baselineClose24px = require("./icons/baseline-close-24px.svg");
-var _FormElementMessage = require("../FormElementMessage");
-var _excluded = ["validation", "value", "disabled", "onChange", "description", "protectedTags"];
-var tagsStyle = (0, _emotion.css)({
-  position: "relative",
-  ".mdc-elevation--z1": {
-    position: "absolute",
-    width: "calc(100% - 2px)",
-    left: 1,
-    top: 56,
-    zIndex: 10,
-    maxHeight: 200,
-    overflowY: "scroll",
-    backgroundColor: "var(--mdc-theme-surface)"
-  },
-  ul: {
-    listStyle: "none",
-    width: "100%",
-    padding: 0,
-    li: {
-      padding: 10
-    }
-  }
-});
-var Tags = exports.Tags = function Tags(props) {
-  var _useState = (0, _react.useState)(""),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var validation = props.validation,
-    value = props.value,
-    disabled = props.disabled,
-    onChange = props.onChange,
-    description = props.description,
-    _props$protectedTags = props.protectedTags,
-    protectedTags = _props$protectedTags === void 0 ? [] : _props$protectedTags,
-    otherInputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
-  var isProtected = (0, _react.useCallback)(function (tag) {
-    return protectedTags.some(function (pattern) {
-      return (0, _minimatch.default)(tag, pattern);
-    });
-  }, [protectedTags]);
-  var inputProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, otherInputProps), {}, {
-    value: inputValue,
-    onChange: function onChange(inputValue) {
-      setInputValue(inputValue);
-    },
-    onKeyDown: function onKeyDown(ev) {
-      if (!onChange) {
-        return;
-      }
-      var newValue = Array.isArray(value) ? (0, _toConsumableArray2.default)(value) : [];
-
-      /**
-       * We must cast as keycode only works with Event | string type.
-       */
-      switch ((0, _keycode.default)(ev)) {
-        case "enter":
-          if (inputValue) {
-            newValue.push(inputValue);
-            onChange(newValue);
-            setInputValue("");
-          }
-          break;
-        case "backspace":
-          if (newValue.length && !inputValue) {
-            newValue.splice(-1, 1);
-            onChange(newValue);
-            break;
-          }
-      }
-    }
-  });
-  var _ref = validation || {},
-    validationIsValid = _ref.isValid,
-    validationMessage = _ref.message;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: tagsStyle
-  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Input.Input, inputProps), validationIsValid === false && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, {
-    error: true
-  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description), Array.isArray(value) && value.length ? /*#__PURE__*/_react.default.createElement(_Chips.Chips, {
-    disabled: disabled
-  }, value.map(function (item, index) {
-    return /*#__PURE__*/_react.default.createElement(_Chips.Chip, {
-      label: item,
-      trailingIcon: isProtected(item) ? null : /*#__PURE__*/_react.default.createElement(_baselineClose24px.ReactComponent, null),
-      key: "".concat(item, "-").concat(index),
-      onRemove: function onRemove() {
-        // On removal, let's update the value and call "onChange" callback.
-        if (onChange) {
-          var newValue = (0, _toConsumableArray2.default)(value);
-          newValue.splice(index, 1);
-          onChange(newValue);
-        }
-      }
-    });
-  })) : null));
+import React from "react";
+import { Tags as AdminTags } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `Tags` component from the `@webiny/admin-ui` package instead.
+ */
+export const Tags = props => {
+  return /*#__PURE__*/React.createElement(AdminTags, props);
 };
-var _default = exports.default = Tags;
+export default Tags;
 
 //# sourceMappingURL=Tags.js.map

package/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_keycode","_interopRequireDefault","_minimatch","_Input","_Chips","_baselineClose24px","_FormElementMessage","_excluded","tagsStyle","css","position","width","left","top","zIndex","maxHeight","overflowY","backgroundColor","ul","listStyle","padding","li","Tags","exports","props","_useState","useState","_useState2","_slicedToArray2","default","inputValue","setInputValue","validation","value","disabled","onChange","description","_props$protectedTags","protectedTags","otherInputProps","_objectWithoutProperties2","isProtected","useCallback","tag","some","pattern","minimatch","inputProps","_objectSpread2","onKeyDown","ev","newValue","Array","isArray","_toConsumableArray2","keycode","push","length","splice","_ref","validationIsValid","isValid","validationMessage","message","createElement","className","Input","FormElementMessage","error","Chips","map","item","index","Chip","label","trailingIcon","ReactComponent","key","concat","onRemove","_default"],"sources":["Tags.tsx"],"sourcesContent":["import React, { SyntheticEvent, useCallback, useState } from \"react\";\nimport { css } from \"emotion\";\nimport keycode from \"keycode\";\nimport minimatch from \"minimatch\";\nimport { Input, InputProps } from \"~/Input\";\nimport { Chips, Chip } from \"~/Chips\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactComponent as BaselineCloseIcon } from \"./icons/baseline-close-24px.svg\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: string;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: <T = unknown>(value: T) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: (ev: Event) => void;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\nconst tagsStyle = css({\n    position: \"relative\",\n    \".mdc-elevation--z1\": {\n        position: \"absolute\",\n        width: \"calc(100% - 2px)\",\n        left: 1,\n        top: 56,\n        zIndex: 10,\n        maxHeight: 200,\n        overflowY: \"scroll\",\n        backgroundColor: \"var(--mdc-theme-surface)\"\n    },\n    ul: {\n        listStyle: \"none\",\n        width: \"100%\",\n        padding: 0,\n        li: {\n            padding: 10\n        }\n    }\n});\n\nexport const Tags = (props: TagsProps) => {\n    const [inputValue, setInputValue] = useState(\"\");\n\n    const {\n        validation,\n        value,\n        disabled,\n        onChange,\n        description,\n        protectedTags = [],\n        ...otherInputProps\n    } = props;\n\n    const isProtected = useCallback(\n        (tag: string) => protectedTags.some(pattern => minimatch(tag, pattern)),\n        [protectedTags]\n    );\n\n    const inputProps: InputProps<string> = {\n        ...otherInputProps,\n        value: inputValue,\n        onChange: inputValue => {\n            setInputValue(inputValue);\n        },\n        onKeyDown: (ev: SyntheticEvent) => {\n            if (!onChange) {\n                return;\n            }\n\n            const newValue = Array.isArray(value) ? [...value] : [];\n\n            /**\n             * We must cast as keycode only works with Event | string type.\n             */\n            switch (keycode(ev as unknown as Event)) {\n                case \"enter\":\n                    if (inputValue) {\n                        newValue.push(inputValue);\n                        onChange(newValue);\n                        setInputValue(\"\");\n                    }\n                    break;\n                case \"backspace\":\n                    if (newValue.length && !inputValue) {\n                        newValue.splice(-1, 1);\n                        onChange(newValue);\n                        break;\n                    }\n            }\n        }\n    };\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <div className={tagsStyle}>\n            <div>\n                <Input {...inputProps} />\n\n                {validationIsValid === false && (\n                    <FormElementMessage error>{validationMessage}</FormElementMessage>\n                )}\n                {validationIsValid !== false && description && (\n                    <FormElementMessage>{description}</FormElementMessage>\n                )}\n\n                {Array.isArray(value) && value.length ? (\n                    <Chips disabled={disabled}>\n                        {value.map((item, index) => {\n                            return (\n                                <Chip\n                                    label={item}\n                                    trailingIcon={isProtected(item) ? null : <BaselineCloseIcon />}\n                                    key={`${item}-${index}`}\n                                    onRemove={() => {\n                                        // On removal, let's update the value and call \"onChange\" callback.\n                                        if (onChange) {\n                                            const newValue = [...value];\n                                            newValue.splice(index, 1);\n                                            onChange(newValue);\n                                        }\n                                    }}\n                                />\n                            );\n                        })}\n                    </Chips>\n                ) : null}\n            </div>\n        </div>\n    );\n};\n\nexport default Tags;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Tags","AdminTags","props","createElement"],"sources":["Tags.tsx"],"sourcesContent":["import type { FocusEventHandler } from \"react\";\nimport React from \"react\";\nimport { Tags as AdminTags } from \"@webiny/admin-ui\";\nimport type { FormComponentProps } from \"~/types.js\";\n\ninterface TagsProps extends FormComponentProps {\n    /**\n     * Component label.\n     */\n    label?: React.ReactNode;\n\n    /**\n     * Are input and chosen tags disabled?\n     */\n    disabled?: boolean;\n\n    /**\n     * Placeholder text for the form control. Set to a blank string to create a non-floating placeholder label.\n     */\n    placeholder?: string;\n\n    /**\n     * Description beneath the input.\n     */\n    description?: string | React.ReactNode;\n\n    /**\n     * A className for the root element.\n     */\n    className?: string;\n\n    /**\n     * A list of tags.\n     */\n    value?: string[];\n\n    /**\n     * Callback that gets executed on change of input value.\n     */\n    onInput?: <T = unknown>(value: T) => void;\n\n    /**\n     * Callback that gets executed when the input is focused.\n     */\n    onFocus?: FocusEventHandler<HTMLInputElement> | undefined;\n\n    /**\n     * Automatically focus on the tags input.\n     */\n    autoFocus?: boolean;\n\n    /**\n     * Protected tags cannot be removed by the user.\n     */\n    protectedTags?: string[];\n}\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `Tags` component from the `@webiny/admin-ui` package instead.\n */\nexport const Tags = (props: TagsProps) => {\n    return <AdminTags {...props} />;\n};\n\nexport default Tags;\n"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,SAAS,QAAQ,kBAAkB;AAuDpD;AACA;AACA;AACA;AACA,OAAO,MAAMD,IAAI,GAAIE,KAAgB,IAAK;EACtC,oBAAOH,KAAA,CAAAI,aAAA,CAACF,SAAS,EAAKC,KAAQ,CAAC;AACnC,CAAC;AAED,eAAeF,IAAI","ignoreList":[]}

package/Tags/index.d.ts

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

package/Tags/index.js

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

package/Tags/index.js.map

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

package/TimeAgo/index.d.ts

@@ -1,3 +1,7 @@
-import TimeAgo from "timeago-react";
-export type { TimeAgoProps, Opts, TDate } from "timeago-react";
+import { TimeAgo } from "@webiny/admin-ui";
+export type { TimeAgoProps, Opts, TDate } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `TimeAgo` component from the `@webiny/admin-ui` package instead.
+ */
 export { TimeAgo };

package/TimeAgo/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "TimeAgo", {
-  enumerable: true,
-  get: function get() {
-    return _timeagoReact.default;
-  }
-});
-var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+import { TimeAgo } from "@webiny/admin-ui";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `TimeAgo` component from the `@webiny/admin-ui` package instead.
+ */
+export { TimeAgo };
 
 //# sourceMappingURL=index.js.map

package/TimeAgo/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_timeagoReact","_interopRequireDefault","require"],"sources":["index.ts"],"sourcesContent":["import TimeAgo from \"timeago-react\";\n\nexport type { TimeAgoProps, Opts, TDate } from \"timeago-react\";\n\nexport { TimeAgo };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["TimeAgo"],"sources":["index.ts"],"sourcesContent":["import { TimeAgo } from \"@webiny/admin-ui\";\nexport type { TimeAgoProps, Opts, TDate } from \"@webiny/admin-ui\";\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `TimeAgo` component from the `@webiny/admin-ui` package instead.\n */\nexport { TimeAgo };\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,kBAAkB;AAG1C;AACA;AACA;AACA;AACA,SAASA,OAAO","ignoreList":[]}

package/Tooltip/Tooltip.d.ts

@@ -1,25 +1,13 @@
 import React from "react";
-import "rc-tooltip/assets/bootstrap_white.css";
-import "./style.scss";
-declare type TooltipPropsContent = (() => React.ReactChild) | React.ReactChild | React.ReactFragment | React.ReactPortal;
 export interface TooltipProps {
     children: React.ReactNode;
-    content: TooltipPropsContent;
+    content: React.ReactNode;
     trigger?: string;
     placement?: "left" | "right" | "top" | "bottom" | "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
     className?: string;
 }
-interface State {
-    tooltipIsOpen: boolean;
-}
 /**
- * Use Tooltip 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 `Tooltip` component from the `@webiny/admin-ui` package instead.
  */
-declare class Tooltip extends React.Component<TooltipProps, State> {
-    state: {
-        tooltipIsOpen: boolean;
-    };
-    onVisibleChange: (visible?: boolean) => void;
-    render(): React.JSX.Element;
-}
-export { Tooltip };
+export declare const Tooltip: ({ children, content, placement, className }: TooltipProps) => React.JSX.Element;

package/Tooltip/Tooltip.js

@@ -1,53 +1,65 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Tooltip = 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 _react = _interopRequireDefault(require("react"));
-var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
-require("rc-tooltip/assets/bootstrap_white.css");
-require("./style.scss");
+import React, { useMemo } from "react";
+import { Tooltip as TooltipBase } from "@webiny/admin-ui";
 /**
- * Use Tooltip 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 `Tooltip` component from the `@webiny/admin-ui` package instead.
  */
-var Tooltip = exports.Tooltip = /*#__PURE__*/function (_React$Component) {
-  function Tooltip() {
-    var _this;
-    (0, _classCallCheck2.default)(this, Tooltip);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2.default)(this, Tooltip, [].concat(args));
-    (0, _defineProperty2.default)(_this, "state", {
-      tooltipIsOpen: false
-    });
-    (0, _defineProperty2.default)(_this, "onVisibleChange", function (visible) {
-      _this.setState({
-        tooltipIsOpen: visible || false
-      });
-    });
-    return _this;
-  }
-  (0, _inherits2.default)(Tooltip, _React$Component);
-  return (0, _createClass2.default)(Tooltip, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react.default.createElement(_rcTooltip.default, Object.assign({
-        animation: "fade",
-        onVisibleChange: this.onVisibleChange,
-        overlay: this.props.content
-      }, this.props), /*#__PURE__*/_react.default.createElement("span", {
-        className: "webiny-ui-tooltip tooltip-content-wrapper"
-      }, this.props.children));
-    }
-  }]);
-}(_react.default.Component);
+export const Tooltip = ({
+  children,
+  content,
+  placement,
+  className = "webiny-ui-tooltip"
+}) => {
+  const {
+    side,
+    align
+  } = useMemo(() => {
+    const placementMapping = {
+      left: {
+        side: "left",
+        align: undefined
+      },
+      right: {
+        side: "right",
+        align: undefined
+      },
+      top: {
+        side: "top",
+        align: undefined
+      },
+      bottom: {
+        side: "bottom",
+        align: undefined
+      },
+      topLeft: {
+        side: "top",
+        align: "start"
+      },
+      topRight: {
+        side: "top",
+        align: "end"
+      },
+      bottomLeft: {
+        side: "bottom",
+        align: "start"
+      },
+      bottomRight: {
+        side: "bottom",
+        align: "end"
+      }
+    };
+    return placementMapping[placement ?? ""] || {
+      side: undefined,
+      align: undefined
+    };
+  }, [placement]);
+  return /*#__PURE__*/React.createElement(TooltipBase, {
+    trigger: children,
+    content: content,
+    className: className,
+    side: side,
+    align: align
+  });
+};
 
 //# sourceMappingURL=Tooltip.js.map

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_rcTooltip","Tooltip","exports","_React$Component","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","tooltipIsOpen","visible","setState","_inherits2","_createClass2","key","value","render","createElement","Object","assign","animation","onVisibleChange","overlay","props","content","className","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACAA,OAAA;AACAA,OAAA;AAqCA;AACA;AACA;AAFA,IAGME,OAAO,GAAAC,OAAA,CAAAD,OAAA,0BAAAE,gBAAA;EAAA,SAAAF,QAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,OAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,OAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,WACe;MACpBY,aAAa,EAAE;IACnB,CAAC;IAAA,IAAAD,gBAAA,CAAAT,OAAA,EAAAF,KAAA,qBAEiB,UAACa,OAAiB,EAAK;MACrCb,KAAA,CAAKc,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA,OAAAb,KAAA;EAAA;EAAA,IAAAe,UAAA,CAAAb,OAAA,EAAAL,OAAA,EAAAE,gBAAA;EAAA,WAAAiB,aAAA,CAAAd,OAAA,EAAAL,OAAA;IAAAoB,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAA,EAAyB;MACrB,oBACI1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACxB,UAAA,CAAAM,OAAS,EAAAmB,MAAA,CAAAC,MAAA;QACNC,SAAS,EAAE,MAAO;QAClBC,eAAe,EAAE,IAAI,CAACA,eAAgB;QACtCC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEdjC,MAAA,CAAAS,OAAA,CAAAkB,aAAA;QAAMQ,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACF,KAAK,CAACG,QACV,CACC,CAAC;IAEpB;EAAC;AAAA,EAxBiBC,cAAK,CAACC,SAAS","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Tooltip","TooltipBase","children","content","placement","className","side","align","placementMapping","left","undefined","right","top","bottom","topLeft","topRight","bottomLeft","bottomRight","createElement","trigger"],"sources":["Tooltip.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport type { TooltipProps as TooltipPropsBase } from \"@webiny/admin-ui\";\nimport { Tooltip as TooltipBase } from \"@webiny/admin-ui\";\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: React.ReactNode;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS 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 `Tooltip` component from the `@webiny/admin-ui` package instead.\n */\nexport const Tooltip = ({\n    children,\n    content,\n    placement,\n    className = \"webiny-ui-tooltip\"\n}: TooltipProps) => {\n    const { side, align } = useMemo(() => {\n        const placementMapping: Record<\n            string,\n            { side: TooltipPropsBase[\"side\"]; align: TooltipPropsBase[\"align\"] }\n        > = {\n            left: { side: \"left\", align: undefined },\n            right: { side: \"right\", align: undefined },\n            top: { side: \"top\", align: undefined },\n            bottom: { side: \"bottom\", align: undefined },\n            topLeft: { side: \"top\", align: \"start\" },\n            topRight: { side: \"top\", align: \"end\" },\n            bottomLeft: { side: \"bottom\", align: \"start\" },\n            bottomRight: { side: \"bottom\", align: \"end\" }\n        };\n\n        return placementMapping[placement ?? \"\"] || { side: undefined, align: undefined };\n    }, [placement]);\n\n    return (\n        <TooltipBase\n            trigger={children}\n            content={content}\n            className={className}\n            side={side}\n            align={align}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AAEtC,SAASC,OAAO,IAAIC,WAAW,QAAQ,kBAAkB;AA2BzD;AACA;AACA;AACA;AACA,OAAO,MAAMD,OAAO,GAAGA,CAAC;EACpBE,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,SAAS,GAAG;AACF,CAAC,KAAK;EAChB,MAAM;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGR,OAAO,CAAC,MAAM;IAClC,MAAMS,gBAGL,GAAG;MACAC,IAAI,EAAE;QAAEH,IAAI,EAAE,MAAM;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACxCC,KAAK,EAAE;QAAEL,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC1CE,GAAG,EAAE;QAAEN,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAEG;MAAU,CAAC;MACtCG,MAAM,EAAE;QAAEP,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAEG;MAAU,CAAC;MAC5CI,OAAO,EAAE;QAAER,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAQ,CAAC;MACxCQ,QAAQ,EAAE;QAAET,IAAI,EAAE,KAAK;QAAEC,KAAK,EAAE;MAAM,CAAC;MACvCS,UAAU,EAAE;QAAEV,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAQ,CAAC;MAC9CU,WAAW,EAAE;QAAEX,IAAI,EAAE,QAAQ;QAAEC,KAAK,EAAE;MAAM;IAChD,CAAC;IAED,OAAOC,gBAAgB,CAACJ,SAAS,IAAI,EAAE,CAAC,IAAI;MAAEE,IAAI,EAAEI,SAAS;MAAEH,KAAK,EAAEG;IAAU,CAAC;EACrF,CAAC,EAAE,CAACN,SAAS,CAAC,CAAC;EAEf,oBACIN,KAAA,CAAAoB,aAAA,CAACjB,WAAW;IACRkB,OAAO,EAAEjB,QAAS;IAClBC,OAAO,EAAEA,OAAQ;IACjBE,SAAS,EAAEA,SAAU;IACrBC,IAAI,EAAEA,IAAK;IACXC,KAAK,EAAEA;EAAM,CAChB,CAAC;AAEV,CAAC","ignoreList":[]}

package/Tooltip/index.d.ts

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

package/Tooltip/index.js

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

package/Tooltip/index.js.map

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

package/TopAppBar/TopAppBar.d.ts

@@ -1,6 +1,26 @@
 import React from "react";
-import { TopAppBarProps as RmwcTopAppBarProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarProps = RmwcTopAppBarProps & {
+/*********************************************************************
+ * TopAppBar
+ *********************************************************************/
+export interface RmwcTopAppBarProps {
+    /** Emits when the navigation icon is clicked. */
+    onNav?: (evt: any) => void;
+    /** Styles the top app bar as a fixed top app bar. */
+    fixed?: boolean;
+    /** Styles the top app bar as a prominent top app bar. */
+    prominent?: boolean;
+    /** Styles the top app bar as a short top app bar. */
+    short?: boolean;
+    /** Styles the top app bar to always be collapsed. */
+    shortCollapsed?: boolean;
+    /** Styles the top app bar to be dense. */
+    dense?: boolean;
+    /** Set a scrollTarget other than the window when you are using the TopAppBar inside of a nested scrolling DOM Element. Please note that you should store your scrollTarget in a stateful variable. See example https://codesandbox.io/s/reverent-austin-16zzi.*/
+    scrollTarget?: Element | null;
+    /** Advanced: A reference to the MDCFoundation. */
+    foundationRef?: any;
+}
+export type TopAppBarProps = RmwcTopAppBarProps & {
     /**
      * Element children
      */
@@ -14,5 +34,9 @@ export declare type TopAppBarProps = RmwcTopAppBarProps & {
      */
     style?: React.CSSProperties;
 };
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.
+ */
 declare const TopAppBar: (props: TopAppBarProps) => React.JSX.Element;
 export { TopAppBar };

package/TopAppBar/TopAppBar.js

@@ -1,18 +1,42 @@
-"use strict";
+import React from "react";
+import { HeaderBar } from "@webiny/admin-ui";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBar = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _topAppBar = require("@rmwc/top-app-bar");
-var _excluded = ["children"];
-var TopAppBar = exports.TopAppBar = function TopAppBar(props) {
-  var children = props.children,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBar, rest, /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarRow, null, children));
+/*********************************************************************
+ * TopAppBar
+ *********************************************************************/
+
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.
+ */
+const TopAppBar = props => {
+  const {
+    children,
+    ...rest
+  } = props;
+  let start, middle, end;
+  React.Children.forEach(children, child => {
+    if (! /*#__PURE__*/React.isValidElement(child)) {
+      return;
+    }
+    const {
+      alignStart,
+      alignEnd
+    } = child.props;
+    if (alignStart) {
+      start = child;
+    } else if (alignEnd) {
+      end = child;
+    } else {
+      middle = child;
+    }
+  });
+  return /*#__PURE__*/React.createElement(HeaderBar, Object.assign({
+    start: start,
+    middle: middle,
+    end: end
+  }, rest));
 };
+export { TopAppBar };
 
 //# sourceMappingURL=TopAppBar.js.map

package/TopAppBar/TopAppBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","_excluded","TopAppBar","exports","props","children","rest","_objectWithoutProperties2","default","createElement","TopAppBarRow"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAI2B,IAAAE,SAAA;AAiB3B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,SAAZA,SAASA,CAAIE,KAAqB,EAAK;EACzC,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAH,SAAA;EACnC,oBACIJ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAE,SAAa,EAAKI,IAAI,eACnBT,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAU,YAAY,QAAEL,QAAuB,CAC3B,CAAC;AAExB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","HeaderBar","TopAppBar","props","children","rest","start","middle","end","Children","forEach","child","isValidElement","alignStart","alignEnd","createElement","Object","assign"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\nimport { HeaderBar } from \"@webiny/admin-ui\";\nimport type { GenericRecord } from \"@webiny/utils\";\n\n/*********************************************************************\n * TopAppBar\n *********************************************************************/\nexport interface RmwcTopAppBarProps {\n    /** Emits when the navigation icon is clicked. */\n    onNav?: (evt: any) => void;\n    /** Styles the top app bar as a fixed top app bar. */\n    fixed?: boolean;\n    /** Styles the top app bar as a prominent top app bar. */\n    prominent?: boolean;\n    /** Styles the top app bar as a short top app bar. */\n    short?: boolean;\n    /** Styles the top app bar to always be collapsed. */\n    shortCollapsed?: boolean;\n    /** Styles the top app bar to be dense. */\n    dense?: boolean;\n    /** Set a scrollTarget other than the window when you are using the TopAppBar inside of a nested scrolling DOM Element. Please note that you should store your scrollTarget in a stateful variable. See example https://codesandbox.io/s/reverent-austin-16zzi.*/\n    scrollTarget?: Element | null;\n    /** Advanced: A reference to the MDCFoundation. */\n    foundationRef?: any;\n}\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n * Please use the `HeaderBar` component from the `@webiny/admin-ui` package instead.\n */\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n\n    let start, middle, end;\n    React.Children.forEach(children, child => {\n        if (!React.isValidElement(child)) {\n            return;\n        }\n\n        const { alignStart, alignEnd } = child.props as GenericRecord;\n        if (alignStart) {\n            start = child;\n        } else if (alignEnd) {\n            end = child;\n        } else {\n            middle = child;\n        }\n    });\n    return <HeaderBar start={start} middle={middle} end={end} {...rest} />;\n};\n\nexport { TopAppBar };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;;AAG5C;AACA;AACA;;AAmCA;AACA;AACA;AACA;AACA,MAAMC,SAAS,GAAIC,KAAqB,IAAK;EACzC,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAGF,KAAK;EAEnC,IAAIG,KAAK,EAAEC,MAAM,EAAEC,GAAG;EACtBR,KAAK,CAACS,QAAQ,CAACC,OAAO,CAACN,QAAQ,EAAEO,KAAK,IAAI;IACtC,IAAI,eAACX,KAAK,CAACY,cAAc,CAACD,KAAK,CAAC,EAAE;MAC9B;IACJ;IAEA,MAAM;MAAEE,UAAU;MAAEC;IAAS,CAAC,GAAGH,KAAK,CAACR,KAAsB;IAC7D,IAAIU,UAAU,EAAE;MACZP,KAAK,GAAGK,KAAK;IACjB,CAAC,MAAM,IAAIG,QAAQ,EAAE;MACjBN,GAAG,GAAGG,KAAK;IACf,CAAC,MAAM;MACHJ,MAAM,GAAGI,KAAK;IAClB;EACJ,CAAC,CAAC;EACF,oBAAOX,KAAA,CAAAe,aAAA,CAACd,SAAS,EAAAe,MAAA,CAAAC,MAAA;IAACX,KAAK,EAAEA,KAAM;IAACC,MAAM,EAAEA,MAAO;IAACC,GAAG,EAAEA;EAAI,GAAKH,IAAI,CAAG,CAAC;AAC1E,CAAC;AAED,SAASH,SAAS","ignoreList":[]}

package/TopAppBar/TopAppBarActionItem.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-import { TopAppBarActionItemProps as RmwcTopAppBarActionItemProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, "onChange">;
-declare const TopAppBarActionItem: (props: TopAppBarActionItemProps) => React.JSX.Element;
+export type TopAppBarActionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ */
+declare const TopAppBarActionItem: ({ children, ...props }: TopAppBarActionItemProps) => React.JSX.Element;
 export { TopAppBarActionItem };

package/TopAppBar/TopAppBarActionItem.js

@@ -1,14 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBarActionItem = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _topAppBar = require("@rmwc/top-app-bar");
-var TopAppBarActionItem = exports.TopAppBarActionItem = function TopAppBarActionItem(props) {
-  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarActionItem, props);
+import React from "react";
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ */
+const TopAppBarActionItem = ({
+  children,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", props, children);
 };
+export { TopAppBarActionItem };
 
 //# sourceMappingURL=TopAppBarActionItem.js.map

package/TopAppBar/TopAppBarActionItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","TopAppBarActionItem","exports","props","default","createElement"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, \"onChange\">;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAME,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,SAAtBA,mBAAmBA,CAAIE,KAA+B,EAAK;EAC7D,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAC,mBAAuB,EAAKE,KAAQ,CAAC;AACjD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TopAppBarActionItem","children","props","createElement"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type TopAppBarActionItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n */\nconst TopAppBarActionItem = ({ children, ...props }: TopAppBarActionItemProps) => {\n    return <div {...props}>{children}</div>;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAgC,CAAC,KAAK;EAC9E,oBAAOH,KAAA,CAAAI,aAAA,QAASD,KAAK,EAAGD,QAAc,CAAC;AAC3C,CAAC;AAED,SAASD,mBAAmB","ignoreList":[]}

package/TopAppBar/TopAppBarNavigationIcon.d.ts

@@ -1,5 +1,7 @@
 import React from "react";
-import { TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, "onChange">;
-declare const TopAppBarNavigationIcon: (props: TopAppBarNavigationIconProps) => React.JSX.Element;
+export type TopAppBarNavigationIconProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange">;
+/**
+ * @deprecated This component is deprecated and will be removed in future releases.
+ */
+declare const TopAppBarNavigationIcon: ({ children, ...props }: TopAppBarNavigationIconProps) => React.JSX.Element;
 export { TopAppBarNavigationIcon };