@bigbinary/neeto-molecules 1.1.16 → 1.1.18

package/dist/KeyboardShortcuts/Pane/HotKeyList.js

@@ -1,42 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
-
-// eslint-disable-next-line @bigbinary/neeto/use-webpack-alias
-import { Button, Typography } from "@bigbinary/neetoui";
-import { useTranslation } from "react-i18next";
-import { FULL_SHORTCUTS_LINK_PROP_NAME } from "./constants";
-import HotKey from "./HotKey";
-var HotKeyList = function HotKeyList(_ref) {
-  var hotkeys = _ref.hotkeys;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  return Object.keys(hotkeys).map(function (categoryName) {
-    var categoryValues = hotkeys[categoryName];
-    var fullShortcutsLink = categoryValues[FULL_SHORTCUTS_LINK_PROP_NAME];
-    return /*#__PURE__*/React.createElement("div", {
-      className: "mt-4 px-4",
-      key: categoryName
-    }, /*#__PURE__*/React.createElement(Typography, {
-      style: "h6",
-      textTransform: "uppercase",
-      weight: "bold"
-    }, categoryName), Object.entries(categoryValues).map(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        _ref3$ = _ref3[1],
-        sequence = _ref3$.sequence,
-        description = _ref3$.description;
-      return sequence && /*#__PURE__*/React.createElement(HotKey, {
-        description: description,
-        key: sequence,
-        sequence: sequence
-      });
-    }), fullShortcutsLink && /*#__PURE__*/React.createElement(Button, {
-      className: "mb-3",
-      href: fullShortcutsLink,
-      style: "link",
-      target: "_blank",
-      label: t("neetoMolecules.keyboardShortcuts.viewFullListOfShortcuts")
-    }));
-  });
-};
-export default /*#__PURE__*/React.memo(HotKeyList);

package/dist/KeyboardShortcuts/Pane/constants.js

@@ -1,25 +0,0 @@
-export var KEY_SHORTFORM_MAP = {
-  command: "⌘",
-  escape: "esc",
-  control: "ctrl",
-  option: "opt",
-  "return": "enter"
-};
-export var MAC_TO_WINDOWS_KEYS_MAP = {
-  option: "alt",
-  command: "ctrl",
-  "return": "enter",
-  "delete": "backspace"
-};
-export var OS = {
-  mac: "OS X",
-  windows: "Windows"
-};
-export var FULL_SHORTCUTS_LINK_PROP_NAME = "fullShortcutsLink";
-export var TOOLTIP_CONTENT = {
-  "⌘": "command",
-  esc: "escape",
-  ctrl: "control",
-  opt: "option",
-  backspace: "delete"
-};

package/dist/KeyboardShortcuts/Pane/index.js

@@ -1,61 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-/* eslint-disable @bigbinary/neeto/use-webpack-alias */
-import React from "react";
-import { useHotKeys } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Close } from "@bigbinary/neeto-icons";
-import { Typography, Button } from "@bigbinary/neetoui";
-import { manager } from "@bigbinary/neetoui/managers";
-import classnames from "classnames";
-import { useTranslation } from "react-i18next";
-import HotKeyList from "./HotKeyList";
-import "./keyboard-shortcuts.scss";
-import { getGlobalShortcuts } from "./utils";
-import useKeyboardShortcutsPaneState from "../hooks/useKeyboardShortcutsPaneState";
-var KeyboardShortcutsPane = function KeyboardShortcutsPane(_ref) {
-  var _ref$productShortcuts = _ref.productShortcuts,
-    productShortcuts = _ref$productShortcuts === void 0 ? {} : _ref$productShortcuts;
-  var _useKeyboardShortcuts = useKeyboardShortcutsPaneState(),
-    _useKeyboardShortcuts2 = _slicedToArray(_useKeyboardShortcuts, 2),
-    isOpen = _useKeyboardShortcuts2[0],
-    setIsOpen = _useKeyboardShortcuts2[1];
-  var hasOverlays = manager.hasOverlays();
-  // eslint-disable-next-line @bigbinary/neeto/no-dangling-constants
-  var GLOBAL_SHORTCUTS = getGlobalShortcuts();
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var shortcuts = GLOBAL_SHORTCUTS[t("neetoMolecules.keyboardShortcuts.global.categoryName")];
-  useHotKeys(shortcuts.openKeyboardShortcutsPane.sequence, function () {
-    return setIsOpen(function (prevIsOpen) {
-      return !prevIsOpen;
-    });
-  });
-  useHotKeys(shortcuts.close.sequence, function () {
-    return setIsOpen(false);
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    "data-cy": "keyboard-shortcuts-pane",
-    className: classnames("neeto-molecules-keyboard-shortcuts-pane neeto-ui-border-gray-300 transition-width neeto-ui-bg-white ml-auto h-screen overflow-hidden border-l duration-300 ease-in-out", {
-      "w-80": isOpen,
-      "w-0": !isOpen,
-      absolute: hasOverlays,
-      "right-0": hasOverlays
-    })
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-full w-80 overflow-y-auto"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-border-gray-300 my-2 flex items-center justify-between border-b px-4 pb-2"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "h4"
-  }, t("neetoMolecules.keyboardShortcuts.title")), /*#__PURE__*/React.createElement(Button, {
-    icon: Close,
-    style: "text",
-    onClick: function onClick() {
-      return setIsOpen(false);
-    }
-  })), /*#__PURE__*/React.createElement(HotKeyList, {
-    hotkeys: GLOBAL_SHORTCUTS
-  }), /*#__PURE__*/React.createElement(HotKeyList, {
-    hotkeys: productShortcuts
-  })));
-};
-export default KeyboardShortcutsPane;

package/dist/KeyboardShortcuts/Pane/keyboard-shortcuts.scss

@@ -1,5 +0,0 @@
-.neeto-molecules-keyboard-shortcuts-pane {
-  z-index: calc(var(--neeto-ui-modal-z-index) + 1);
-  flex-shrink: 0;
-  flex-grow: 0;
-}

package/dist/KeyboardShortcuts/Pane/utils.js

@@ -1,66 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import i18next from "i18next";
-import platform from "platform";
-import { toPairs } from "ramda";
-import { KEY_SHORTFORM_MAP, MAC_TO_WINDOWS_KEYS_MAP, OS, TOOLTIP_CONTENT } from "./constants";
-var isMultipleHotkey = function isMultipleHotkey(hotkey) {
-  return Array.isArray(hotkey);
-};
-var replaceKeys = function replaceKeys(hotkey, keyName, replaceWith) {
-  return isMultipleHotkey(hotkey) ? hotkey.map(function (item) {
-    return item.replaceAll(keyName, replaceWith);
-  }) : hotkey.replaceAll(keyName, replaceWith);
-};
-var convertHotKeyToWindows = function convertHotKeyToWindows(hotkey) {
-  toPairs(MAC_TO_WINDOWS_KEYS_MAP).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      macKey = _ref2[0],
-      windowsKey = _ref2[1];
-    hotkey = replaceKeys(hotkey, macKey, windowsKey);
-  });
-  return hotkey;
-};
-export var convertHotkeyToUsersPlatform = function convertHotkeyToUsersPlatform(hotkey) {
-  var _platformInfo$os, _platformInfo$os$fami;
-  var platformInfo = platform.parse(navigator.userAgent);
-  var isOSX = (_platformInfo$os = platformInfo.os) === null || _platformInfo$os === void 0 ? void 0 : (_platformInfo$os$fami = _platformInfo$os.family) === null || _platformInfo$os$fami === void 0 ? void 0 : _platformInfo$os$fami.includes(OS.mac);
-  if (isOSX) return hotkey;
-  return convertHotKeyToWindows(hotkey);
-};
-export var shortenHotKey = function shortenHotKey(hotkey) {
-  var result = hotkey;
-  Object.entries(KEY_SHORTFORM_MAP).forEach(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      longform = _ref4[0],
-      shortform = _ref4[1];
-    result = result.replaceAll(longform, shortform);
-  });
-  return result;
-};
-export var getGlobalShortcuts = function getGlobalShortcuts() {
-  return _defineProperty({}, i18next.t("neetoMolecules.keyboardShortcuts.global.categoryName"), {
-    openKeyboardShortcutsPane: {
-      sequence: "shift+/",
-      description: i18next.t("neetoMolecules.keyboardShortcuts.global.openKeyboardShortcutsPane")
-    },
-    close: {
-      sequence: "esc",
-      description: i18next.t("neetoMolecules.keyboardShortcuts.global.close")
-    },
-    submitForm: {
-      sequence: "command+return",
-      description: i18next.t("neetoMolecules.keyboardShortcuts.global.submitForm")
-    }
-  });
-};
-export var getTooltipProps = function getTooltipProps(key) {
-  if (TOOLTIP_CONTENT[key]) {
-    return {
-      position: "top",
-      content: TOOLTIP_CONTENT[key],
-      followCursor: "horizontal"
-    };
-  }
-  return null;
-};

package/dist/KeyboardShortcuts/hooks/useKeyboardShortcutsPaneState.js

@@ -1,31 +0,0 @@
-import { withImmutableActions } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { create } from "zustand";
-import { shallow } from "zustand/shallow";
-
-/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
-var useKeyboardShortcutsStore = create(withImmutableActions(function (set) {
-  return {
-    isOpen: false,
-    setIsOpen: function setIsOpen(arg) {
-      if (typeof arg === "function") {
-        set(function (state) {
-          return {
-            isOpen: arg(state.isOpen)
-          };
-        });
-      } else {
-        set({
-          isOpen: arg
-        });
-      }
-    }
-  };
-}));
-var useKeyboardShortcutsPaneState = function useKeyboardShortcutsPaneState() {
-  return useKeyboardShortcutsStore(function (_ref) {
-    var isOpen = _ref.isOpen,
-      setIsOpen = _ref.setIsOpen;
-    return [isOpen, setIsOpen];
-  }, shallow);
-};
-export default useKeyboardShortcutsPaneState;

package/dist/KeyboardShortcuts/index.js

@@ -1,9 +0,0 @@
-import useKeyboardShortcutsPaneState from "./hooks/useKeyboardShortcutsPaneState";
-import KeyboardShortcutsPane from "./Pane";
-import { getGlobalShortcuts } from "./Pane/utils";
-var KeyboardShortcuts = {
-  Pane: KeyboardShortcutsPane,
-  usePaneState: useKeyboardShortcutsPaneState,
-  GLOBAL_SHORTCUTS: getGlobalShortcuts()
-};
-export default KeyboardShortcuts;

package/dist/LoginPage/Form.js

@@ -1,57 +0,0 @@
-import React from "react";
-import { Form, Formik } from "formik";
-import { Button, Input } from "@bigbinary/neetoui/formik";
-import { assoc } from "ramda";
-import { useTranslation, Trans } from "react-i18next";
-import { INITIAL_FORM_VALUES, LOGIN_FORM_VALIDATION_SCHEMA } from "./constants";
-var SignInForm = function SignInForm(_ref) {
-  var handleFormSubmit = _ref.handleFormSubmit;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var emailFromSearchParams = function emailFromSearchParams() {
-    return new URLSearchParams(window.location.search).get("email") || "";
-  };
-  var emailPrefilledInitialValues = function emailPrefilledInitialValues() {
-    return assoc("email", emailFromSearchParams(), INITIAL_FORM_VALUES);
-  };
-  if (Button === undefined) {
-    return /*#__PURE__*/React.createElement(Trans, {
-      components: {
-        code: /*#__PURE__*/React.createElement("code", null)
-      },
-      i18nKey: "neetoMolecules.login.installNeetoUI"
-    });
-  }
-  return /*#__PURE__*/React.createElement(Formik, {
-    initialValues: emailPrefilledInitialValues(),
-    validationSchema: LOGIN_FORM_VALIDATION_SCHEMA,
-    onSubmit: handleFormSubmit
-  }, /*#__PURE__*/React.createElement(Form, {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mb-6"
-  }, /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    "data-cy": "login-email-text-field",
-    "data-test-id": "login-email",
-    label: t("neetoMolecules.login.email"),
-    name: "email"
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "mb-6"
-  }, /*#__PURE__*/React.createElement(Input, {
-    required: true,
-    "data-cy": "login-password-text-field",
-    "data-test-id": "login-password",
-    label: t("neetoMolecules.login.password"),
-    name: "password",
-    type: "password"
-  })), /*#__PURE__*/React.createElement(Button, {
-    fullWidth: true,
-    "data-cy": "login-submit-button",
-    "data-test-id": "login-submit-button",
-    label: t("neetoMolecules.login.login"),
-    style: "secondary",
-    type: "submit"
-  })));
-};
-export default SignInForm;

package/dist/LoginPage/constants.js

@@ -1,12 +0,0 @@
-import { t } from "i18next";
-import * as Yup from "yup";
-export var INITIAL_FORM_VALUES = {
-  email: "",
-  password: ""
-};
-export var DEFAULT_EMAIL = "oliver@example.com";
-export var DEFAULT_PASSWORD = "welcome";
-export var LOGIN_FORM_VALIDATION_SCHEMA = Yup.object().shape({
-  email: Yup.string().email(t("neetoMolecules.login.invalidEmail")).required(t("neetoMolecules.login.emailRequired")),
-  password: Yup.string().required(t("neetoMolecules.login.passwordRequired"))
-});

package/dist/LoginPage/index.js

@@ -1,103 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import React, { useState } from "react";
-import { Button, Toastr } from "@bigbinary/neetoui";
-import { useTranslation, Trans } from "react-i18next";
-import { DEFAULT_EMAIL, DEFAULT_PASSWORD } from "./constants";
-import SignInForm from "./Form";
-var SignIn = function SignIn(_ref) {
-  var handleSubmit = _ref.handleSubmit;
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSubmitting = _useState2[0],
-    setIsSubmitting = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var redirectAfterSuccessfulLogin = function redirectAfterSuccessfulLogin(redirectTo) {
-    window.location.pathname = redirectTo || "/";
-  };
-  var handleFormSubmit = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(formValues) {
-      var response;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            _context.next = 3;
-            return handleSubmit({
-              user: formValues
-            });
-          case 3:
-            response = _context.sent;
-            Toastr.success(t("neetoMolecules.login.success"));
-            redirectAfterSuccessfulLogin(response.redirectTo);
-            _context.next = 10;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-          case 10:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 8]]);
-    }));
-    return function handleFormSubmit(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var loginAsOliver = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            setIsSubmitting(true);
-            _context2.next = 3;
-            return handleFormSubmit({
-              email: DEFAULT_EMAIL,
-              password: DEFAULT_PASSWORD
-            });
-          case 3:
-            setIsSubmitting(false);
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }, _callee2);
-    }));
-    return function loginAsOliver() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex h-screen w-full justify-center"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-white neeto-ui-rounded-lg neeto-ui-shadow-sm w-2/3 min-w-max max-w-lg self-center p-10"
-  }, /*#__PURE__*/React.createElement("h1", {
-    className: "mb-6 text-xl font-medium"
-  }, /*#__PURE__*/React.createElement(Trans, {
-    components: {
-      bold: /*#__PURE__*/React.createElement("b", {
-        "data-test-id": "organization-name"
-      })
-    },
-    i18nKey: "neetoMolecules.login.toOrganizationAccount",
-    values: {
-      organizationName: globalProps.organization.name
-    }
-  })), /*#__PURE__*/React.createElement(Button, {
-    fullWidth: true,
-    disabled: isSubmitting,
-    label: t("neetoMolecules.login.loginAsOliver"),
-    loading: isSubmitting,
-    size: "large",
-    style: "primary",
-    onClick: loginAsOliver
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "my-6 text-center text-lg font-semibold"
-  }, t("neetoMolecules.common.or").toLocaleUpperCase()), /*#__PURE__*/React.createElement(SignInForm, {
-    handleFormSubmit: handleFormSubmit
-  })));
-};
-export default SignIn;

package/dist/MenuBar/AddNew.js

@@ -1,25 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "onClick"];
-import React from "react";
-import { Plus } from "@bigbinary/neeto-icons";
-import { Button } from "@bigbinary/neetoui";
-import "./menubar.scss";
-var AddNew = function AddNew(_ref) {
-  var _ref$label = _ref.label,
-    label = _ref$label === void 0 ? "" : _ref$label,
-    onClick = _ref.onClick,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "neeto-molecules-menubar__add-new-wrap"
-  }, otherProps), /*#__PURE__*/React.createElement(Button, {
-    icon: Plus,
-    iconPosition: "left",
-    iconSize: 16,
-    label: label,
-    size: "small",
-    style: "link",
-    onClick: onClick
-  }));
-};
-export default AddNew;

package/dist/MenuBar/Block.js

@@ -1,60 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["url", "icon", "label", "count", "active", "onEdit", "onClick", "className"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React from "react";
-import classnames from "classnames";
-import { noop } from "@bigbinary/neeto-commons-frontend/pure";
-import { joinHyphenCase } from "@bigbinary/neeto-commons-frontend/utils";
-import { Typography } from "@bigbinary/neetoui";
-import { Link } from "react-router-dom";
-import "./menubar.scss";
-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);
-  var handleEdit = function handleEdit(e) {
-    e.stopPropagation();
-    onEdit && onEdit();
-  };
-  var Parent = url ? Link : function (props) {
-    return /*#__PURE__*/React.createElement("button", props);
-  };
-  return /*#__PURE__*/React.createElement(Parent, _extends({
-    "data-cy": otherProps["data-cy"] || "menubar-block",
-    to: url,
-    className: classnames("neeto-molecules-menubar__block", _defineProperty({
-      "neeto-molecules-menubar__block--editable": !!onEdit,
-      "neeto-molecules-menubar__block--active": active
-    }, className, className))
-  }, _objectSpread({
-    onClick: onClick
-  }, otherProps)), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-menubar__block-label",
-    "data-cy": joinHyphenCase("menubar-block-label", label)
-  }, icon && /*#__PURE__*/React.createElement("i", {
-    className: "neeto-molecules-menubar__block-icon"
-  }, icon), /*#__PURE__*/React.createElement(Typography, {
-    component: "span",
-    style: "h5",
-    title: label,
-    weight: "medium"
-  }, label)), Number.isInteger(count) && /*#__PURE__*/React.createElement("div", {
-    onClick: handleEdit
-  }, /*#__PURE__*/React.createElement(Typography, {
-    component: "span",
-    style: "h5",
-    weight: "medium"
-  }, count)));
-};
-export default Block;

package/dist/MenuBar/Item.js

@@ -1,32 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["label", "description", "active", "className"];
-import React from "react";
-import classnames from "classnames";
-import { Typography } from "@bigbinary/neetoui";
-import "./menubar.scss";
-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);
-  return /*#__PURE__*/React.createElement("button", _extends({
-    className: classnames("neeto-molecules-menubar__item", _defineProperty({
-      "neeto-molecules-menubar__item--active": active
-    }, className, className))
-  }, otherProps), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-menubar__item-header",
-    component: "h5",
-    style: "h4"
-  }, label), /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-menubar__item-desc",
-    style: "body3"
-  }, description));
-};
-export default Item;

package/dist/MenuBar/Search.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["t", "isCollapsed", "onCollapse"];
-import React from "react";
-import { withT } from "@bigbinary/neeto-commons-frontend/react-utils";
-import { Search as NeetoUISearchIcon, Close } from "@bigbinary/neeto-icons";
-import { Button, Input } from "@bigbinary/neetoui";
-import PropTypes from "prop-types";
-import "./menubar.scss";
-var Search = withT(function (_ref) {
-  var t = _ref.t,
-    _ref$isCollapsed = _ref.isCollapsed,
-    isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
-    onCollapse = _ref.onCollapse,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, !isCollapsed && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-menubar__search"
-  }, /*#__PURE__*/React.createElement(Input, _extends({
-    placeholder: t("neetoMolecules.common.actions.search"),
-    prefix: /*#__PURE__*/React.createElement(NeetoUISearchIcon, null),
-    type: "search"
-  }, props)), /*#__PURE__*/React.createElement(Button, {
-    "data-cy": "menubar-search-close-icon",
-    icon: Close,
-    style: "text",
-    onClick: onCollapse
-  })));
-});
-Search.propTypes = {
-  /**
-   * To specify whether the search field is collapsed.
-   */
-  isCollapsed: PropTypes.bool,
-  /**
-   * To provide a callback function on collapse of the search field.
-   */
-  onCollapse: PropTypes.func
-};
-export default Search;

package/dist/MenuBar/SubTitle.js

@@ -1,23 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "iconProps"];
-import React from "react";
-import { Button } from "@bigbinary/neetoui";
-import "./menubar.scss";
-var SubTitle = function SubTitle(_ref) {
-  var children = _ref.children,
-    iconProps = _ref.iconProps,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
-    className: "neeto-molecules-menubar__subtitle",
-    "data-cy": otherProps["data-cy"] || "menubar-subtitle-heading"
-  }, otherProps), children, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-menubar__subtitle-actions"
-  }, iconProps === null || iconProps === void 0 ? void 0 : iconProps.map(function (iconProp, index) {
-    return /*#__PURE__*/React.createElement(Button, _extends({
-      key: index,
-      style: "text"
-    }, iconProp));
-  })));
-};
-export default SubTitle;

package/dist/MenuBar/index.js

@@ -1,46 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "children", "showMenu", "className"];
-import React from "react";
-import classnames from "classnames";
-import { Typography } from "@bigbinary/neetoui";
-import { CSSTransition } from "react-transition-group";
-import AddNew from "./AddNew";
-import Block from "./Block";
-import Item from "./Item";
-import "./menubar.scss";
-import Search from "./Search";
-import SubTitle from "./SubTitle";
-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);
-  return /*#__PURE__*/React.createElement(CSSTransition, {
-    unmountOnExit: true,
-    classNames: "neeto-molecules-menubar",
-    "in": showMenu,
-    timeout: 300
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classnames("neeto-molecules-menubar__wrapper", _defineProperty({}, className, className))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "neeto-molecules-menubar__container",
-    "data-cy": "menubar-container"
-  }, title && /*#__PURE__*/React.createElement(Typography, {
-    className: "neeto-molecules-menubar__title",
-    "data-cy": otherProps["data-cy"] || "menubar-heading",
-    lineHeight: "tight",
-    style: "h2",
-    weight: "semibold"
-  }, title), children)));
-};
-MenuBar.Block = Block;
-MenuBar.Item = Item;
-MenuBar.SubTitle = SubTitle;
-MenuBar.Search = Search;
-MenuBar.AddNew = AddNew;
-export default MenuBar;