@bigbinary/neeto-molecules 4.1.49 → 4.1.51

package/dist/v2/Header.js

@@ -0,0 +1,126 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { useRef, useLayoutEffect } from 'react';
+import { Typography } from '@bigbinary/neeto-atoms';
+import classnames from 'classnames';
+import { isNotEmpty, isPresent, noop } from '@bigbinary/neeto-cist';
+import Breadcrumbs from './Breadcrumbs.js';
+import HelpPopover from './HelpPopover.js';
+import MoreDropdown from './MoreDropdown.js';
+import Search from './Search.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-commons-frontend/utils/general';
+import 'react-router-dom';
+import '../circle-question-mark-Dib48f5Z.js';
+import '../createLucideIcon-mNMhCCpf.js';
+import 'ramda';
+import 'react-i18next';
+import '../ellipsis-DpI9xqUK.js';
+import '@babel/runtime/helpers/slicedToArray';
+import '@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce';
+import '@bigbinary/neeto-commons-frontend/react-utils/useQueryParams';
+import '@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect';
+import '@bigbinary/neeto-commons-frontend/utils';
+import '../search-DCgpNjip.js';
+
+var SIZES = {
+  nano: "nano",
+  small: "small"
+};
+var DROPDOWN_BUTTON_SIZES = {
+  nano: "small",
+  small: "medium"
+};
+
+var _excluded = ["dropdownButtonProps"];
+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), true).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; }
+var Header = function Header(_ref) {
+  var title = _ref.title,
+    _ref$titleHelpPopover = _ref.titleHelpPopoverProps,
+    titleHelpPopoverProps = _ref$titleHelpPopover === void 0 ? {} : _ref$titleHelpPopover,
+    searchProps = _ref.searchProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    actionBlock = _ref.actionBlock,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$renderDropdown = _ref.renderDropdown,
+    renderDropdown = _ref$renderDropdown === void 0 ? noop : _ref$renderDropdown,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
+    _ref$dataTestid = _ref["data-testid"],
+    dataTestId = _ref$dataTestid === void 0 ? "neeto-molecules-header" : _ref$dataTestid;
+  var headerRef = useRef(null);
+  useLayoutEffect(function () {
+    var updateHeaderHeight = function updateHeaderHeight() {
+      if (!headerRef.current) return;
+      var height = headerRef.current.offsetHeight;
+      document.body.style.setProperty("--neeto-molecules-effective-header-height", "".concat(height, "px"));
+    };
+    updateHeaderHeight();
+    window.addEventListener("resize", updateHeaderHeight);
+    return function () {
+      window.removeEventListener("resize", updateHeaderHeight);
+      document.body.style.removeProperty("--neeto-molecules-effective-header-height");
+    };
+  }, []);
+  var isNano = size === SIZES.nano;
+  var hasBreadcrumbs = isNotEmpty(breadcrumbs);
+  var TitleTag = isNano ? "h3" : "h1";
+  return /*#__PURE__*/jsxs("div", {
+    "data-testid": dataTestId,
+    ref: headerRef,
+    className: classnames("bg-background text-foreground flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6", "flex-wrap lg:flex-nowrap", {
+      "min-h-0": isNano || size === SIZES.small
+    }, className),
+    children: [/*#__PURE__*/jsx("div", {
+      className: "flex flex-row flex-wrap items-start justify-start",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-wrap",
+        children: [hasBreadcrumbs && /*#__PURE__*/jsx(Breadcrumbs, {
+          breadcrumbs: breadcrumbs
+        }), /*#__PURE__*/jsx("div", {
+          className: classnames("flex w-full flex-row items-center gap-3", hasBreadcrumbs ? "mt-0" : "-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1"),
+          children: /*#__PURE__*/jsx(Typography, {
+            asChild: true,
+            variant: isNano ? "h3" : "h1",
+            weight: "semibold",
+            children: /*#__PURE__*/jsxs(TitleTag, {
+              "data-testid": "main-header",
+              children: [title, isPresent(titleHelpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread({
+                className: "ms-2 inline-flex align-middle",
+                side: "right"
+              }, titleHelpPopoverProps)), renderDropdown(function (_ref2) {
+                var _ref2$dropdownButtonP = _ref2.dropdownButtonProps,
+                  dropdownButtonProps = _ref2$dropdownButtonP === void 0 ? {} : _ref2$dropdownButtonP,
+                  dropdownProps = _objectWithoutProperties(_ref2, _excluded);
+                return /*#__PURE__*/jsx("span", {
+                  className: "ms-2 inline-flex align-middle",
+                  children: /*#__PURE__*/jsx(MoreDropdown, _objectSpread({
+                    dropdownButtonProps: _objectSpread({
+                      size: DROPDOWN_BUTTON_SIZES[size]
+                    }, dropdownButtonProps)
+                  }, dropdownProps))
+                });
+              })]
+            })
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxs("div", {
+      className: classnames("flex items-center gap-3 empty:hidden", "flex-wrap justify-start md:flex-nowrap md:justify-end"),
+      children: [searchProps && /*#__PURE__*/jsx(Search, _objectSpread({
+        enableUrlSync: true,
+        className: classnames("min-w-[12.6rem] grow-0", searchProps.className)
+      }, searchProps)), actionBlock && /*#__PURE__*/jsx("div", {
+        className: "flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start",
+        children: actionBlock
+      })]
+    })]
+  });
+};
+
+export { Header as default };
+//# sourceMappingURL=Header.js.map

package/dist/v2/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../src/v2/components/Header/constants.js","../../src/v2/components/Header/index.jsx"],"sourcesContent":["const SIZES = { nano: \"nano\", small: \"small\" };\n\nconst DROPDOWN_BUTTON_SIZES = { nano: \"small\", small: \"medium\" };\n\nexport { SIZES, DROPDOWN_BUTTON_SIZES };\n","import { useLayoutEffect, useRef } from \"react\";\n\nimport { Typography } from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { noop, isNotEmpty, isPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport { DROPDOWN_BUTTON_SIZES, SIZES } from \"./constants\";\n\nimport Breadcrumbs from \"../Breadcrumbs\";\nimport HelpPopover from \"../HelpPopover\";\nimport MoreDropdown from \"../MoreDropdown\";\nimport Search from \"../Search\";\n\nconst Header = ({\n  title,\n  titleHelpPopoverProps = {},\n  searchProps,\n  className = \"\",\n  actionBlock,\n  breadcrumbs = [],\n  renderDropdown = noop,\n  size = \"small\",\n  \"data-testid\": dataTestId = \"neeto-molecules-header\",\n}) => {\n  const headerRef = useRef(null);\n\n  useLayoutEffect(() => {\n    const updateHeaderHeight = () => {\n      if (!headerRef.current) return;\n      const height = headerRef.current.offsetHeight;\n      document.body.style.setProperty(\n        \"--neeto-molecules-effective-header-height\",\n        `${height}px`\n      );\n    };\n\n    updateHeaderHeight();\n\n    window.addEventListener(\"resize\", updateHeaderHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeaderHeight);\n      document.body.style.removeProperty(\n        \"--neeto-molecules-effective-header-height\"\n      );\n    };\n  }, []);\n\n  const isNano = size === SIZES.nano;\n  const hasBreadcrumbs = isNotEmpty(breadcrumbs);\n  const TitleTag = isNano ? \"h3\" : \"h1\";\n\n  return (\n    <div\n      data-testid={dataTestId}\n      ref={headerRef}\n      className={classnames(\n        \"bg-background text-foreground flex w-full shrink-0 flex-row items-start justify-between gap-4 pt-10 pb-6\",\n        \"flex-wrap lg:flex-nowrap\",\n        { \"min-h-0\": isNano || size === SIZES.small },\n        className\n      )}\n    >\n      <div className=\"flex flex-row flex-wrap items-start justify-start\">\n        <div className=\"flex flex-wrap\">\n          {hasBreadcrumbs && <Breadcrumbs {...{ breadcrumbs }} />}\n          <div\n            className={classnames(\n              \"flex w-full flex-row items-center gap-3\",\n              hasBreadcrumbs\n                ? \"mt-0\"\n                : \"-mt-1 max-lg:-mt-2.5 max-md:-mt-2 max-sm:-mt-1\"\n            )}\n          >\n            <Typography\n              asChild\n              variant={isNano ? \"h3\" : \"h1\"}\n              weight=\"semibold\"\n            >\n              <TitleTag data-testid=\"main-header\">\n                {title}\n                {isPresent(titleHelpPopoverProps) && (\n                  <HelpPopover\n                    className=\"ms-2 inline-flex align-middle\"\n                    side=\"right\"\n                    {...titleHelpPopoverProps}\n                  />\n                )}\n                {renderDropdown(\n                  ({ dropdownButtonProps = {}, ...dropdownProps }) => (\n                    <span className=\"ms-2 inline-flex align-middle\">\n                      <MoreDropdown\n                        dropdownButtonProps={{\n                          size: DROPDOWN_BUTTON_SIZES[size],\n                          ...dropdownButtonProps,\n                        }}\n                        {...dropdownProps}\n                      />\n                    </span>\n                  )\n                )}\n              </TitleTag>\n            </Typography>\n          </div>\n        </div>\n      </div>\n      <div\n        className={classnames(\n          \"flex items-center gap-3 empty:hidden\",\n          \"flex-wrap justify-start md:flex-nowrap md:justify-end\"\n        )}\n      >\n        {searchProps && (\n          <Search\n            enableUrlSync\n            className={classnames(\n              \"min-w-[12.6rem] grow-0\",\n              searchProps.className\n            )}\n            {...searchProps}\n          />\n        )}\n        {actionBlock && (\n          <div className=\"flex shrink-0 items-center justify-end gap-3 max-[360px]:shrink max-[360px]:flex-wrap max-[360px]:justify-start\">\n            {actionBlock}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  /**\n   * To set a title in the Header section.\n   */\n  title: PropTypes.node,\n  /**\n   * To set props for the HelpPopover component in the title.\n   */\n  titleHelpPopoverProps: PropTypes.object,\n  /**\n   * To specify additional class names.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered in the right side of the Header section.\n   */\n  actionBlock: PropTypes.node,\n  /**\n   * To add **Search** molecule to the subheader section.\n   */\n  searchProps: PropTypes.object,\n  /**\n   * To show breadcrumbs in the Header section. `text` accepts a text string to be shown as the breadcrumb and `link` accepts relative URL path for the breadcrumb.\n   */\n  breadcrumbs: PropTypes.arrayOf(\n    PropTypes.shape({\n      text: PropTypes.string,\n      link: PropTypes.string,\n    })\n  ),\n  /**\n   * A function to render the Dropdown next to the title. It provides the MoreDropdown component as argument.\n   */\n  renderDropdown: PropTypes.func,\n  /**\n   * To specify size of the Header.\n   * `small` - Default size.\n   *\n   * `nano` - To be used in inner pages with menubar.\n   */\n  size: PropTypes.oneOf([\"nano\", \"small\"]),\n};\n\nexport default Header;\n"],"names":["SIZES","nano","small","DROPDOWN_BUTTON_SIZES","Header","_ref","title","_ref$titleHelpPopover","titleHelpPopoverProps","searchProps","_ref$className","className","actionBlock","_ref$breadcrumbs","breadcrumbs","_ref$renderDropdown","renderDropdown","noop","_ref$size","size","_ref$dataTestid","dataTestId","headerRef","useRef","useLayoutEffect","updateHeaderHeight","current","height","offsetHeight","document","body","style","setProperty","concat","window","addEventListener","removeEventListener","removeProperty","isNano","hasBreadcrumbs","isNotEmpty","TitleTag","_jsxs","ref","classnames","children","_jsx","Breadcrumbs","Typography","asChild","variant","weight","isPresent","HelpPopover","_objectSpread","side","_ref2","_ref2$dropdownButtonP","dropdownButtonProps","dropdownProps","_objectWithoutProperties","_excluded","MoreDropdown","Search","enableUrlSync"],"mappings":"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"}

package/dist/v2/HelpPopover.js

@@ -0,0 +1,91 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { HoverCard, HoverCardTrigger, HoverCardContent, Typography } from '@bigbinary/neeto-atoms';
+import classnames from 'classnames';
+import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { C as CircleQuestionMark } from '../circle-question-mark-Dib48f5Z.js';
+import '../createLucideIcon-mNMhCCpf.js';
+import 'react';
+
+var SIZE = {
+  "default": 16,
+  large: 20
+};
+
+var _excluded = ["label"];
+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), true).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; }
+var HelpPopover = withT(function (_ref) {
+  var t = _ref.t,
+    title = _ref.title,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "large" : _ref$size,
+    description = _ref.description,
+    helpLinkProps = _ref.helpLinkProps,
+    className = _ref.className,
+    _ref$iconColor = _ref.iconColor,
+    iconColor = _ref$iconColor === void 0 ? "currentColor" : _ref$iconColor,
+    _ref$icon = _ref.icon,
+    IconComponent = _ref$icon === void 0 ? CircleQuestionMark : _ref$icon,
+    side = _ref.side,
+    sideOffset = _ref.sideOffset,
+    align = _ref.align,
+    alignOffset = _ref.alignOffset;
+  return /*#__PURE__*/jsxs(HoverCard, {
+    closeDelay: 150,
+    openDelay: 0,
+    children: [/*#__PURE__*/jsx(HoverCardTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/jsx("button", {
+        "data-testid": "help-popover-button",
+        type: "button",
+        className: classnames("inline-flex cursor-pointer items-center justify-center rounded-full border-none bg-transparent p-0", className),
+        children: /*#__PURE__*/jsx(IconComponent, {
+          color: iconColor,
+          size: SIZE[size]
+        })
+      })
+    }), /*#__PURE__*/jsx(HoverCardContent, {
+      align: align,
+      alignOffset: alignOffset,
+      side: side,
+      sideOffset: sideOffset,
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col",
+        onClick: function onClick(event) {
+          return event.stopPropagation();
+        },
+        children: [title && /*#__PURE__*/jsx(Typography, {
+          asChild: true,
+          variant: "body2",
+          weight: "semibold",
+          children: /*#__PURE__*/jsx("h3", {
+            className: "mb-2",
+            "data-testid": "help-popover-title",
+            children: title
+          })
+        }), typeof description === "string" ? /*#__PURE__*/jsx(Typography, {
+          color: "muted",
+          "data-testid": "help-popover-description",
+          variant: "body2",
+          children: description
+        }) : description, helpLinkProps && function () {
+          var linkLabel = helpLinkProps.label,
+            restLinkProps = _objectWithoutProperties(helpLinkProps, _excluded);
+          return /*#__PURE__*/jsx("a", _objectSpread(_objectSpread({
+            className: "text-primary mt-3 text-sm hover:underline",
+            "data-testid": "help-popover-link-button",
+            rel: "noreferrer",
+            target: "_blank"
+          }, restLinkProps), {}, {
+            children: linkLabel !== null && linkLabel !== void 0 ? linkLabel : t("neetoMolecules.common.viewHelpArticle")
+          }));
+        }()]
+      })
+    })]
+  });
+});
+
+export { HelpPopover as default };
+//# sourceMappingURL=HelpPopover.js.map

package/dist/v2/HelpPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpPopover.js","sources":["../../src/v2/components/HelpPopover/constants.js","../../src/v2/components/HelpPopover/index.jsx"],"sourcesContent":["export const SIZE = { default: 16, large: 20 };\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport {\n  HoverCard,\n  HoverCardContent,\n  HoverCardTrigger,\n  Typography,\n} from \"@bigbinary/neeto-atoms\";\nimport classNames from \"classnames\";\nimport { CircleHelp } from \"lucide-react\";\nimport { withT } from \"neetocommons/react-utils\";\nimport PropTypes from \"prop-types\";\n\nimport { SIZE } from \"./constants\";\n\nconst HelpPopover = withT(\n  ({\n    t,\n    title,\n    size = \"large\",\n    description,\n    helpLinkProps,\n    className,\n    iconColor = \"currentColor\",\n    icon: IconComponent = CircleHelp,\n    side,\n    sideOffset,\n    align,\n    alignOffset,\n  }) => (\n    <HoverCard closeDelay={150} openDelay={0}>\n      <HoverCardTrigger asChild>\n        <button\n          data-testid=\"help-popover-button\"\n          type=\"button\"\n          className={classNames(\n            \"inline-flex cursor-pointer items-center justify-center rounded-full border-none bg-transparent p-0\",\n            className\n          )}\n        >\n          <IconComponent color={iconColor} size={SIZE[size]} />\n        </button>\n      </HoverCardTrigger>\n      <HoverCardContent {...{ align, alignOffset, side, sideOffset }}>\n        <div\n          className=\"flex flex-col\"\n          onClick={event => event.stopPropagation()}\n        >\n          {title && (\n            <Typography asChild variant=\"body2\" weight=\"semibold\">\n              <h3 className=\"mb-2\" data-testid=\"help-popover-title\">\n                {title}\n              </h3>\n            </Typography>\n          )}\n          {typeof description === \"string\" ? (\n            <Typography\n              color=\"muted\"\n              data-testid=\"help-popover-description\"\n              variant=\"body2\"\n            >\n              {description}\n            </Typography>\n          ) : (\n            description\n          )}\n          {helpLinkProps &&\n            (() => {\n              const { label: linkLabel, ...restLinkProps } = helpLinkProps;\n\n              return (\n                <a\n                  className=\"text-primary mt-3 text-sm hover:underline\"\n                  data-testid=\"help-popover-link-button\"\n                  rel=\"noreferrer\"\n                  target=\"_blank\"\n                  {...restLinkProps}\n                >\n                  {linkLabel ?? t(\"neetoMolecules.common.viewHelpArticle\")}\n                </a>\n              );\n            })()}\n        </div>\n      </HoverCardContent>\n    </HoverCard>\n  )\n);\n\nHelpPopover.propTypes = {\n  title: PropTypes.string,\n  size: PropTypes.oneOf([\"default\", \"large\"]),\n  description: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  helpLinkProps: PropTypes.object,\n  className: PropTypes.string,\n  iconColor: PropTypes.string,\n  icon: PropTypes.node,\n  side: PropTypes.oneOf([\"top\", \"right\", \"bottom\", \"left\"]),\n  sideOffset: PropTypes.number,\n  align: PropTypes.oneOf([\"start\", \"center\", \"end\"]),\n  alignOffset: PropTypes.number,\n};\n\nexport default HelpPopover;\n"],"names":["SIZE","large","HelpPopover","withT","_ref","t","title","_ref$size","size","description","helpLinkProps","className","_ref$iconColor","iconColor","_ref$icon","icon","IconComponent","CircleHelp","side","sideOffset","align","alignOffset","_jsxs","HoverCard","closeDelay","openDelay","children","_jsx","HoverCardTrigger","asChild","type","classNames","color","HoverCardContent","onClick","event","stopPropagation","Typography","variant","weight","linkLabel","label","restLinkProps","_objectWithoutProperties","_excluded","_objectSpread","rel","target"],"mappings":"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"}

package/dist/v2/MenuBar.js

@@ -0,0 +1,263 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { createElement, useRef } from 'react';
+import classnames from 'classnames';
+import { usePrefersReducedMotion } from '@bigbinary/neeto-commons-frontend/react-utils';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { Button, Input } from '@bigbinary/neeto-atoms';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { P as Plus } from '../plus-clM1IC_E.js';
+import { noop } from '@bigbinary/neeto-cist';
+import { joinHyphenCase } from '@bigbinary/neeto-commons-frontend/utils/general';
+import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+import { S as Search$1 } from '../search-DCgpNjip.js';
+import { c as createLucideIcon } from '../createLucideIcon-mNMhCCpf.js';
+import { C as CSSTransition } from '../CSSTransition-DU3ZFKUe.js';
+import '@babel/runtime/helpers/esm/extends';
+import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
+import '@babel/runtime/helpers/esm/inheritsLoose';
+import '../index-DAYCJu79.js';
+import '../_commonjsHelpers-BFTU3MAI.js';
+import 'react-dom';
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+];
+const X = createLucideIcon("x", __iconNode);
+
+var _excluded$5 = ["label", "onClick"];
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AddNew = function AddNew(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    onClick = _ref.onClick,
+    otherProps = _objectWithoutProperties(_ref, _excluded$5);
+  return /*#__PURE__*/jsx("div", _objectSpread$4(_objectSpread$4({
+    className: "mb-2 px-2 py-1.5"
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsxs(Button, {
+      onClick: onClick,
+      className: "gap-1 text-sm",
+      size: "sm",
+      variant: "link",
+      children: [/*#__PURE__*/jsx(Plus, {
+        size: 16
+      }), label]
+    })
+  }));
+};
+
+var _excluded$4 = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
+function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Block = function Block(_ref) {
+  var url = _ref.url,
+    icon = _ref.icon,
+    label = _ref.label,
+    count = _ref.count,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    onEdit = _ref.onEdit,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
+    className = _ref.className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$4);
+  var handleEdit = function handleEdit(e) {
+    if (!onEdit) return;
+    e.stopPropagation();
+    onEdit();
+  };
+  var Parent = url ? Link : function (props) {
+    return /*#__PURE__*/jsx("button", _objectSpread$3({
+      type: "button"
+    }, props));
+  };
+  return /*#__PURE__*/jsxs(Parent, _objectSpread$3(_objectSpread$3({
+    "data-testid": otherProps["data-testid"] || "menubar-block",
+    to: url,
+    className: classnames("hover:bg-accent focus:bg-accent active:bg-accent relative mb-2 flex w-full cursor-pointer items-center justify-between rounded-md border border-transparent px-2 py-1.5 text-start transition-all hover:no-underline focus:outline-none motion-reduce:transition-none", _defineProperty({
+      "bg-primary/10 border-primary/10 after:bg-primary hover:bg-primary/10 focus:bg-primary/10 active:bg-primary/10 after:absolute after:inset-y-0 after:start-[-1px] after:w-[3px] after:rounded-s-md": active
+    }, className, className))
+  }, _objectSpread$3({
+    onClick: onClick
+  }, otherProps)), {}, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "flex items-center",
+      "data-testid": joinHyphenCase("menubar-block-label", label),
+      children: [icon && /*#__PURE__*/jsx("i", {
+        className: "me-1 flex items-center",
+        children: icon
+      }), /*#__PURE__*/jsx("span", {
+        className: "text-sm font-medium",
+        title: label,
+        children: label
+      })]
+    }), Number.isInteger(count) && /*#__PURE__*/jsx("div", {
+      onClick: handleEdit,
+      children: /*#__PURE__*/jsx("span", {
+        className: "text-sm font-medium",
+        children: count
+      })
+    })]
+  }));
+};
+
+var _excluded$3 = ["label", "description", "active", "className"];
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Item = function Item(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$description = _ref.description,
+    description = _ref$description === void 0 ? "" : _ref$description,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/jsxs("button", _objectSpread$2(_objectSpread$2({
+    type: "button",
+    className: classnames("hover:bg-accent focus:bg-accent active:bg-accent mb-2 w-full cursor-pointer rounded-md border border-transparent p-3 text-start transition-all focus:outline-none motion-reduce:transition-none max-lg:p-2.5 max-md:p-2", _defineProperty({
+      "border-border bg-background text-foreground hover:bg-background focus:bg-background active:bg-background shadow-sm": active
+    }, className, className))
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx("h5", {
+      className: "text-sm font-semibold",
+      children: label
+    }), /*#__PURE__*/jsx("p", {
+      className: "text-muted-foreground text-xs",
+      children: description
+    })]
+  }));
+};
+
+var _excluded$2 = ["isCollapsed", "onCollapse"];
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Search = function Search(_ref) {
+  var _ref$isCollapsed = _ref.isCollapsed,
+    isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
+    onCollapse = _ref.onCollapse,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isCollapsed) return null;
+  return /*#__PURE__*/jsxs("div", {
+    className: "mb-5 flex items-center gap-1",
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "relative flex-grow",
+      children: [/*#__PURE__*/jsx(Search$1, {
+        className: "text-muted-foreground absolute start-3 top-1/2 size-4 -translate-y-1/2"
+      }), /*#__PURE__*/jsx(Input, _objectSpread$1({
+        className: "ps-9",
+        placeholder: t("neetoMolecules.common.actions.search"),
+        type: "search"
+      }, props))]
+    }), /*#__PURE__*/jsx(Button, {
+      "data-testid": "menubar-search-close-icon",
+      size: "icon-sm",
+      variant: "ghost",
+      onClick: onCollapse,
+      children: /*#__PURE__*/jsx(X, {
+        size: 16
+      })
+    })]
+  });
+};
+
+var _excluded$1 = ["children", "iconProps"],
+  _excluded2 = ["icon", "onClick"];
+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), true).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; }
+var SubTitle = function SubTitle(_ref) {
+  var children = _ref.children,
+    iconProps = _ref.iconProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+    className: "my-5 flex items-center justify-between",
+    "data-testid": otherProps["data-testid"] || "menubar-subtitle-heading"
+  }, otherProps), {}, {
+    children: [children, /*#__PURE__*/jsx("div", {
+      className: "flex items-center gap-1",
+      children: iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (_ref2, index) {
+        var Icon = _ref2.icon,
+          onClick = _ref2.onClick,
+          rest = _objectWithoutProperties(_ref2, _excluded2);
+        return /*#__PURE__*/createElement(Button, _objectSpread({
+          onClick: onClick,
+          key: index,
+          size: "icon-sm",
+          variant: "ghost"
+        }, rest), Icon && /*#__PURE__*/jsx(Icon, {
+          size: 16
+        }));
+      })
+    })]
+  }));
+};
+
+var _excluded = ["title", "children", "showMenu", "className"];
+var MenuBar = function MenuBar(_ref) {
+  var _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    children = _ref.children,
+    _ref$showMenu = _ref.showMenu,
+    showMenu = _ref$showMenu === void 0 ? false : _ref$showMenu,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var prefersReducedMotion = usePrefersReducedMotion();
+  var nodeRef = useRef(null);
+  return /*#__PURE__*/jsx(CSSTransition, {
+    nodeRef: nodeRef,
+    unmountOnExit: true,
+    "in": showMenu,
+    timeout: prefersReducedMotion ? 0 : 300,
+    onEnter: function onEnter() {
+      if (nodeRef.current) nodeRef.current.style.width = "0";
+    },
+    onEntered: function onEntered() {
+      if (nodeRef.current) nodeRef.current.style.width = "";
+    },
+    onEntering: function onEntering() {
+      if (nodeRef.current) nodeRef.current.style.width = "20.25rem";
+    },
+    onExit: function onExit() {
+      if (nodeRef.current) nodeRef.current.style.width = "20.25rem";
+    },
+    onExiting: function onExiting() {
+      if (nodeRef.current) nodeRef.current.style.width = "0";
+    },
+    children: /*#__PURE__*/jsx("div", {
+      ref: nodeRef,
+      className: classnames("border-border bg-background shrink-0 overflow-hidden border-e transition-all duration-300 motion-reduce:transition-none", className),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "h-dvh w-[20.25rem] overflow-y-auto p-8 max-lg:w-[17.5rem] max-lg:px-6 max-lg:pt-10 max-lg:pb-6 max-md:w-60 max-md:px-5 max-md:pt-10 max-md:pb-6",
+        "data-testid": "menubar-container",
+        children: [title && /*#__PURE__*/jsx("h2", {
+          className: "mb-4 text-xl leading-tight font-semibold",
+          "data-testid": otherProps["data-testid"] || "menubar-heading",
+          children: title
+        }), children]
+      })
+    })
+  });
+};
+MenuBar.Block = Block;
+MenuBar.Item = Item;
+MenuBar.SubTitle = SubTitle;
+MenuBar.Search = Search;
+MenuBar.AddNew = AddNew;
+
+export { MenuBar as default };
+//# sourceMappingURL=MenuBar.js.map

package/dist/v2/MenuBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBar.js","sources":["../../node_modules/lucide-react/dist/esm/icons/x.js","../../src/v2/components/MenuBar/AddNew.jsx","../../src/v2/components/MenuBar/Block.jsx","../../src/v2/components/MenuBar/Item.jsx","../../src/v2/components/MenuBar/Search.jsx","../../src/v2/components/MenuBar/SubTitle.jsx","../../src/v2/components/MenuBar/index.jsx"],"sourcesContent":["/**\n * @license lucide-react v1.7.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.js';\n\nconst __iconNode = [\n  [\"path\", { d: \"M18 6 6 18\", key: \"1bl5f8\" }],\n  [\"path\", { d: \"m6 6 12 12\", key: \"d8bk6v\" }]\n];\nconst X = createLucideIcon(\"x\", __iconNode);\n\nexport { __iconNode, X as default };\n//# sourceMappingURL=x.js.map\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { Plus } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\n\nconst AddNew = ({ label = \"\", onClick, ...otherProps }) => (\n  <div className=\"mb-2 px-2 py-1.5\" {...otherProps}>\n    <Button {...{ onClick }} className=\"gap-1 text-sm\" size=\"sm\" variant=\"link\">\n      <Plus size={16} />\n      {label}\n    </Button>\n  </div>\n);\n\nAddNew.propTypes = {\n  label: PropTypes.string,\n  onClick: PropTypes.func,\n};\n\nexport default AddNew;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport classnames from \"classnames\";\nimport { noop } from \"neetocist\";\nimport { joinHyphenCase } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { Link } from \"react-router-dom\";\n\nconst Block = ({\n  url,\n  icon,\n  label,\n  count,\n  active = false,\n  onEdit,\n  onClick = noop,\n  className,\n  ...otherProps\n}) => {\n  const handleEdit = e => {\n    if (!onEdit) return;\n\n    e.stopPropagation();\n    onEdit();\n  };\n\n  const Parent = url ? Link : props => <button type=\"button\" {...props} />;\n\n  return (\n    <Parent\n      data-testid={otherProps[\"data-testid\"] || \"menubar-block\"}\n      to={url}\n      className={classnames(\n        \"hover:bg-accent focus:bg-accent active:bg-accent relative mb-2 flex w-full cursor-pointer items-center justify-between rounded-md border border-transparent px-2 py-1.5 text-start transition-all hover:no-underline focus:outline-none motion-reduce:transition-none\",\n        {\n          \"bg-primary/10 border-primary/10 after:bg-primary hover:bg-primary/10 focus:bg-primary/10 active:bg-primary/10 after:absolute after:inset-y-0 after:start-[-1px] after:w-[3px] after:rounded-s-md\":\n            active,\n          [className]: className,\n        }\n      )}\n      {...{ onClick, ...otherProps }}\n    >\n      <div\n        className=\"flex items-center\"\n        data-testid={joinHyphenCase(\"menubar-block-label\", label)}\n      >\n        {icon && <i className=\"me-1 flex items-center\">{icon}</i>}\n        <span className=\"text-sm font-medium\" title={label}>\n          {label}\n        </span>\n      </div>\n      {Number.isInteger(count) && (\n        <div onClick={handleEdit}>\n          <span className=\"text-sm font-medium\">{count}</span>\n        </div>\n      )}\n    </Parent>\n  );\n};\n\nBlock.propTypes = {\n  url: PropTypes.string,\n  icon: PropTypes.node,\n  label: PropTypes.string,\n  count: PropTypes.number,\n  active: PropTypes.bool,\n  onEdit: PropTypes.func,\n  onClick: PropTypes.func,\n  className: PropTypes.string,\n};\n\nexport default Block;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Item = ({\n  label = \"\",\n  description = \"\",\n  active = false,\n  className = \"\",\n  ...otherProps\n}) => (\n  <button\n    type=\"button\"\n    className={classnames(\n      \"hover:bg-accent focus:bg-accent active:bg-accent mb-2 w-full cursor-pointer rounded-md border border-transparent p-3 text-start transition-all focus:outline-none motion-reduce:transition-none max-lg:p-2.5 max-md:p-2\",\n      {\n        \"border-border bg-background text-foreground hover:bg-background focus:bg-background active:bg-background shadow-sm\":\n          active,\n        [className]: className,\n      }\n    )}\n    {...otherProps}\n  >\n    <h5 className=\"text-sm font-semibold\">{label}</h5>\n    <p className=\"text-muted-foreground text-xs\">{description}</p>\n  </button>\n);\n\nItem.propTypes = {\n  label: PropTypes.string,\n  description: PropTypes.string,\n  active: PropTypes.bool,\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import { Button, Input } from \"@bigbinary/neeto-atoms\";\nimport { Search as SearchIcon, X } from \"lucide-react\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nconst Search = ({ isCollapsed = true, onCollapse, ...props }) => {\n  const { t } = useTranslation();\n\n  if (isCollapsed) return null;\n\n  return (\n    <div className=\"mb-5 flex items-center gap-1\">\n      <div className=\"relative flex-grow\">\n        <SearchIcon className=\"text-muted-foreground absolute start-3 top-1/2 size-4 -translate-y-1/2\" />\n        <Input\n          className=\"ps-9\"\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          type=\"search\"\n          {...props}\n        />\n      </div>\n      <Button\n        data-testid=\"menubar-search-close-icon\"\n        size=\"icon-sm\"\n        variant=\"ghost\"\n        onClick={onCollapse}\n      >\n        <X size={16} />\n      </Button>\n    </div>\n  );\n};\n\nSearch.propTypes = {\n  isCollapsed: PropTypes.bool,\n  onCollapse: PropTypes.func,\n};\n\nexport default Search;\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport PropTypes from \"prop-types\";\n\nconst SubTitle = ({ children, iconProps, ...otherProps }) => (\n  <div\n    className=\"my-5 flex items-center justify-between\"\n    data-testid={otherProps[\"data-testid\"] || \"menubar-subtitle-heading\"}\n    {...otherProps}\n  >\n    {children}\n    <div className=\"flex items-center gap-1\">\n      {iconProps?.map(({ icon: Icon, onClick, ...rest }, index) => (\n        <Button\n          {...{ onClick }}\n          key={index}\n          size=\"icon-sm\"\n          variant=\"ghost\"\n          {...rest}\n        >\n          {Icon && <Icon size={16} />}\n        </Button>\n      ))}\n    </div>\n  </div>\n);\n\nSubTitle.propTypes = {\n  children: PropTypes.node,\n  iconProps: PropTypes.array,\n};\n\nexport default SubTitle;\n","import { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { usePrefersReducedMotion } from \"neetocommons/react-utils\";\nimport PropTypes from \"prop-types\";\nimport { CSSTransition } from \"react-transition-group\";\n\nimport AddNew from \"./AddNew\";\nimport Block from \"./Block\";\nimport Item from \"./Item\";\nimport Search from \"./Search\";\nimport SubTitle from \"./SubTitle\";\n\nconst MenuBar = ({\n  title = \"\",\n  children,\n  showMenu = false,\n  className = \"\",\n  ...otherProps\n}) => {\n  const prefersReducedMotion = usePrefersReducedMotion();\n  const nodeRef = useRef(null);\n\n  return (\n    <CSSTransition\n      {...{ nodeRef }}\n      unmountOnExit\n      in={showMenu}\n      timeout={prefersReducedMotion ? 0 : 300}\n      onEnter={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"0\";\n      }}\n      onEntered={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"\";\n      }}\n      onEntering={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"20.25rem\";\n      }}\n      onExit={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"20.25rem\";\n      }}\n      onExiting={() => {\n        if (nodeRef.current) nodeRef.current.style.width = \"0\";\n      }}\n    >\n      <div\n        ref={nodeRef}\n        className={classnames(\n          \"border-border bg-background shrink-0 overflow-hidden border-e transition-all duration-300 motion-reduce:transition-none\",\n          className\n        )}\n      >\n        <div\n          className=\"h-dvh w-[20.25rem] overflow-y-auto p-8 max-lg:w-[17.5rem] max-lg:px-6 max-lg:pt-10 max-lg:pb-6 max-md:w-60 max-md:px-5 max-md:pt-10 max-md:pb-6\"\n          data-testid=\"menubar-container\"\n        >\n          {title && (\n            <h2\n              className=\"mb-4 text-xl leading-tight font-semibold\"\n              data-testid={otherProps[\"data-testid\"] || \"menubar-heading\"}\n            >\n              {title}\n            </h2>\n          )}\n          {children}\n        </div>\n      </div>\n    </CSSTransition>\n  );\n};\n\nMenuBar.Block = Block;\nMenuBar.Item = Item;\nMenuBar.SubTitle = SubTitle;\nMenuBar.Search = Search;\nMenuBar.AddNew = AddNew;\n\nMenuBar.propTypes = {\n  title: PropTypes.node,\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]),\n  showMenu: PropTypes.bool,\n  className: PropTypes.string,\n};\n\nexport default MenuBar;\n"],"names":["AddNew","_ref","_ref$label","label","onClick","otherProps","_objectWithoutProperties","_excluded","_jsx","_objectSpread","className","children","_jsxs","Button","size","variant","Plus","Block","url","icon","count","_ref$active","active","onEdit","_ref$onClick","noop","handleEdit","e","stopPropagation","Parent","Link","props","type","to","classnames","_defineProperty","joinHyphenCase","title","Number","isInteger","Item","_ref$description","description","_ref$className","Search","_ref$isCollapsed","isCollapsed","onCollapse","_useTranslation","useTranslation","t","SearchIcon","Input","placeholder","X","SubTitle","iconProps","map","_ref2","index","Icon","rest","_excluded2","_createElement","key","MenuBar","_ref$title","_ref$showMenu","showMenu","prefersReducedMotion","usePrefersReducedMotion","nodeRef","useRef","CSSTransition","unmountOnExit","timeout","onEnter","current","style","width","onEntered","onEntering","onExit","onExiting","ref"],"mappings":"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","x_google_ignoreList":[0]}