@dfds-ui/react-components 2.2.0-alpha.32eece3d → 2.2.0-alpha.3fbe166a

package/app-bar/AppBarIconButton.js

@@ -1,17 +1,22 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["isActive", "ariaLabel", "showTooltip"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import React from 'react';
 import { IconButton } from '../button';
 import { theme } from '@dfds-ui/theme';
 import { css } from '@emotion/react';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 function iconButtonStyles(_ref) {
   var isActive = _ref.isActive;
   return /*#__PURE__*/css("height:100%;font-size:1.5rem;position:relative;color:", theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", theme.colors.secondary.main, ";}", theme.states.overlay(isActive, {
     color: theme.colors.secondary.main
-  }), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbjogUmVhY3QuRkM8QXBwQmFySWNvbkJ1dHRvblByb3BzPiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEljb25CdXR0b25cbiAgICAgIGNzcz17aWNvbkJ1dHRvblN0eWxlcyh7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9KX1cbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgZGlzYWJsZVRvb2x0aXA9eyFzaG93VG9vbHRpcH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFySWNvbkJ1dHRvblxuIl19 */");
+  }), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9OiBBcHBCYXJJY29uQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SWNvbkJ1dHRvblxuICAgICAgY3NzPXtpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmU6IGlzQWN0aXZlIH0pfVxuICAgICAgYXJpYUxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkaXNhYmxlVG9vbHRpcD17IXNob3dUb29sdGlwfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBCYXJJY29uQnV0dG9uXG4iXX0= */");
 }
 var AppBarIconButton = function AppBarIconButton(_ref2) {
   var isActive = _ref2.isActive,
@@ -19,7 +24,7 @@ var AppBarIconButton = function AppBarIconButton(_ref2) {
     _ref2$showTooltip = _ref2.showTooltip,
     showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
     rest = _objectWithoutProperties(_ref2, _excluded);
-  return ___EmotionJSX(IconButton, _extends({
+  return _jsx(IconButton, _objectSpread({
     css: iconButtonStyles({
       isActive: isActive
     }),

package/app-bar/AppBarItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopperProps } from '@mui/material';
-export declare type AppBarItemProps = {
+export type AppBarItemProps = {
     id: string;
     Icon?: React.ElementType;
     LeadingIcon?: React.ElementType;
@@ -17,9 +17,7 @@ export declare type AppBarItemProps = {
 export declare const MenuPopOverContext: React.Context<{
     handlePopoverClose: () => void;
 } | undefined>;
-export declare const AppBarPopper: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").PopperUnstyledProps<"div", {}>, "direction"> & {
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
+export declare const AppBarPopper: import("@emotion/styled").StyledComponent<PopperProps & React.RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;
+export declare const AppBarItem: ({ id, Icon, LeadingIcon, TrailingIcon, title, divider, children, onClick, placement, isActive, as, AppBarPopperProps, ...rest }: AppBarItemProps & React.JSX.IntrinsicElements["a"]) => React.JSX.Element;