@webiny/ui 5.43.3 → 6.0.0-alpha.1

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,SAAgBC,MAAMA,CAAA,EAAG;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.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";
 
 //# 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\";\n"],"mappings":"AAAA","ignoreList":[]}

package/TopAppBar/TopAppBar.d.ts

@@ -1,5 +1,25 @@
 import React from "react";
-import { TopAppBarProps as RmwcTopAppBarProps } from "@rmwc/top-app-bar";
+/*********************************************************************
+ * 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 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,38 @@
-"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;
+    }
+    if (child.props.alignStart) {
+      start = child;
+    } else if (child.props.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\";\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        if (child.props.alignStart) {\n            start = child;\n        } else if (child.props.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;;AAE5C;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,IAAIA,KAAK,CAACR,KAAK,CAACU,UAAU,EAAE;MACxBP,KAAK,GAAGK,KAAK;IACjB,CAAC,MAAM,IAAIA,KAAK,CAACR,KAAK,CAACW,QAAQ,EAAE;MAC7BN,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 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 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 };

package/TopAppBar/TopAppBarNavigationIcon.js

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

package/TopAppBar/TopAppBarNavigationIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","TopAppBarNavigationIcon","exports","props","default","createElement"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, \"onChange\">;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAD,OAAA;AAOA,IAAME,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,SAA1BA,uBAAuBA,CAAIE,KAAmC,EAAK;EACrE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,UAAA,CAAAC,uBAA2B,EAAKE,KAAQ,CAAC;AACrD,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TopAppBarNavigationIcon","children","props","createElement"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type TopAppBarNavigationIconProps = Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\">;\n\n/**\n * @deprecated This component is deprecated and will be removed in future releases.\n */\nconst TopAppBarNavigationIcon = ({ children, ...props }: TopAppBarNavigationIconProps) => {\n    return <div {...props}>{children}</div>;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAIzB;AACA;AACA;AACA,MAAMC,uBAAuB,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAoC,CAAC,KAAK;EACtF,oBAAOH,KAAA,CAAAI,aAAA,QAASD,KAAK,EAAGD,QAAc,CAAC;AAC3C,CAAC;AAED,SAASD,uBAAuB","ignoreList":[]}

package/TopAppBar/TopAppBarPrimary.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
-import { TopAppBarProps } from "./TopAppBar";
+import type { TopAppBarProps } from "./TopAppBar";
 export type TopAppBarPrimaryProps = TopAppBarProps;
+/**
+ * @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 TopAppBarPrimary: (props: TopAppBarPrimaryProps) => React.JSX.Element;
 export { TopAppBarPrimary };

package/TopAppBar/TopAppBarPrimary.js

@@ -1,20 +1,18 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBarPrimary = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _TopAppBar = require("./TopAppBar");
-var _excluded = ["children"];
-var TopAppBarPrimary = exports.TopAppBarPrimary = function TopAppBarPrimary(props) {
-  var children = props.children,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
+import React from "react";
+import { TopAppBar } from "./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 TopAppBarPrimary = props => {
+  const {
+    children,
+    ...other
+  } = props;
+  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
     className: "primary"
   }), children);
 };
+export { TopAppBarPrimary };
 
 //# sourceMappingURL=TopAppBarPrimary.js.map

package/TopAppBar/TopAppBarPrimary.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_excluded","TopAppBarPrimary","exports","props","children","other","_objectWithoutProperties2","default","createElement","TopAppBar","Object","assign","className"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAwD,IAAAE,SAAA;AAIxD,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAeD,KAAK,CAA5BC,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAH,SAAA;EACpC,oBACIJ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAU,SAAS,EAAAC,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEO,SAAS,EAAE;EAAU,IACtCR,QACM,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TopAppBar","TopAppBarPrimary","props","children","other","createElement","Object","assign","className"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TopAppBarProps } from \"./TopAppBar\";\nimport { TopAppBar } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\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 TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACvD,MAAM;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGF,KAAK;EACpC,oBACIH,KAAA,CAAAM,aAAA,CAACL,SAAS,EAAAM,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEI,SAAS,EAAE;EAAU,IACtCL,QACM,CAAC;AAEpB,CAAC;AAED,SAASF,gBAAgB","ignoreList":[]}

package/TopAppBar/TopAppBarSecondary.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
-import { TopAppBarProps } from "./TopAppBar";
+import type { TopAppBarProps } from "./TopAppBar";
 export type TopAppBarSecondaryProps = TopAppBarProps;
+/**
+ * @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 TopAppBarSecondary: (props: TopAppBarSecondaryProps) => React.JSX.Element;
 export { TopAppBarSecondary };

package/TopAppBar/TopAppBarSecondary.js

@@ -1,22 +1,19 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBarSecondary = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _TopAppBar = require("./TopAppBar");
-var _excluded = ["style", "children"];
-var TopAppBarSecondary = exports.TopAppBarSecondary = function TopAppBarSecondary(props) {
-  var _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style,
-    children = props.children,
-    other = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
+import React from "react";
+import { TopAppBar } from "./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 TopAppBarSecondary = props => {
+  const {
+    style = {},
+    children,
+    ...other
+  } = props;
+  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
     style: style
   }), children);
 };
+export { TopAppBarSecondary };
 
 //# sourceMappingURL=TopAppBarSecondary.js.map

package/TopAppBar/TopAppBarSecondary.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_TopAppBar","_excluded","TopAppBarSecondary","exports","props","_props$style","style","children","other","_objectWithoutProperties2","default","createElement","TopAppBar","Object","assign"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAAwD,IAAAE,SAAA;AAIxD,IAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,SAArBA,kBAAkBA,CAAIE,KAA8B,EAAK;EAC3D,IAAAC,YAAA,GAA2CD,KAAK,CAAxCE,KAAK;IAALA,KAAK,GAAAD,YAAA,cAAG,CAAC,CAAC,GAAAA,YAAA;IAAEE,QAAQ,GAAeH,KAAK,CAA5BG,QAAQ;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAKN,KAAK,EAAAH,SAAA;EAChD,oBACIJ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACX,UAAA,CAAAY,SAAS,EAAAC,MAAA,CAAAC,MAAA,KAAKN,KAAK;IAAEF,KAAK,EAAEA;EAAM,IAC9BC,QACM,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TopAppBar","TopAppBarSecondary","props","style","children","other","createElement","Object","assign"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TopAppBarProps } from \"./TopAppBar\";\nimport { TopAppBar } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\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 TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,SAAS;AAIlB;AACA;AACA;AACA;AACA,MAAMC,kBAAkB,GAAIC,KAA8B,IAAK;EAC3D,MAAM;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAGH,KAAK;EAChD,oBACIH,KAAA,CAAAO,aAAA,CAACN,SAAS,EAAAO,MAAA,CAAAC,MAAA,KAAKH,KAAK;IAAEF,KAAK,EAAEA;EAAM,IAC9BC,QACM,CAAC;AAEpB,CAAC;AAED,SAASH,kBAAkB","ignoreList":[]}

package/TopAppBar/TopAppBarSection.d.ts

@@ -1,5 +1,10 @@
 import React from "react";
-import { TopAppBarSectionProps as RmwcTopAppBarSectionProps } from "@rmwc/top-app-bar";
+export interface RmwcTopAppBarSectionProps {
+    /** Aligns the section to the start. */
+    alignStart?: boolean;
+    /** Aligns the section to the end. */
+    alignEnd?: boolean;
+}
 export type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {
     /**
      * Element children
@@ -14,5 +19,9 @@ export type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {
      */
     className?: string;
 };
+/**
+ * @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 TopAppBarSection: (props: TopAppBarSectionProps) => React.JSX.Element;
 export { TopAppBarSection };

package/TopAppBar/TopAppBarSection.js

@@ -1,18 +1,11 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBarSection = 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 TopAppBarSection = exports.TopAppBarSection = function TopAppBarSection(props) {
-  var children = props.children,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarSection, rest, children);
+import React from "react";
+/**
+ * @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 TopAppBarSection = props => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
 };
+export { TopAppBarSection };
 
 //# sourceMappingURL=TopAppBarSection.js.map

package/TopAppBar/TopAppBarSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_topAppBar","_excluded","TopAppBarSection","exports","props","children","rest","_objectWithoutProperties2","default","createElement"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAG2B,IAAAE,SAAA;AAmB3B,IAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAKJ,KAAK,EAAAH,SAAA;EACnC,oBAAOJ,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAE,gBAAoB,EAAKI,IAAI,EAAGD,QAA+B,CAAC;AAC5E,CAAC","ignoreList":[]}
+{"version":3,"names":["React","TopAppBarSection","props","createElement","Fragment","children"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface RmwcTopAppBarSectionProps {\n    /** Aligns the section to the start. */\n    alignStart?: boolean;\n    /** Aligns the section to the end. */\n    alignEnd?: boolean;\n}\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\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 TopAppBarSection = (props: TopAppBarSectionProps) => {\n    return <>{props.children}</>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AA0BzB;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,GAAIC,KAA4B,IAAK;EACvD,oBAAOF,KAAA,CAAAG,aAAA,CAAAH,KAAA,CAAAI,QAAA,QAAGF,KAAK,CAACG,QAAW,CAAC;AAChC,CAAC;AAED,SAASJ,gBAAgB","ignoreList":[]}

package/TopAppBar/TopAppBarTitle.d.ts

@@ -1,10 +1,13 @@
 import React from "react";
-import { TopAppBarTitleProps as RmwcTopAppBarTitleProps } from "@rmwc/top-app-bar";
-export type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {
+export type TopAppBarTitleProps = {
     /**
      * Element children
      */
-    children: React.ReactNode[] | React.ReactNode;
+    children: React.ReactNode;
 };
+/**
+ * @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 TopAppBarTitle: (props: TopAppBarTitleProps) => React.JSX.Element;
 export { TopAppBarTitle };

package/TopAppBar/TopAppBarTitle.js

@@ -1,18 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TopAppBarTitle = 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 TopAppBarTitle = exports.TopAppBarTitle = function TopAppBarTitle(props) {
-  var children = props.children,
-    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarTitle, rest, children);
+import React from "react";
+import { Text } from "@webiny/admin-ui";
+/**
+ * @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 TopAppBarTitle = props => {
+  return /*#__PURE__*/React.createElement(Text, props);
 };
+export { TopAppBarTitle };
 
 //# sourceMappingURL=TopAppBarTitle.js.map