@bigbinary/neeto-molecules 4.1.49 → 4.1.51

package/dist/cjs/v2/MoreDropdown.js

@@ -0,0 +1,201 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var classnames = require('classnames');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var jsxRuntime = require('react/jsx-runtime');
+var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+var ellipsis = require('../ellipsis-BcfLTtl5.js');
+require('react');
+
+/**
+ * @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 = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
+  ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
+];
+const EllipsisVertical = createLucideIcon.createLucideIcon("ellipsis-vertical", __iconNode);
+
+var DEFAULT_TOOLTIP_PROPS = {
+  disabled: true,
+  position: "bottom",
+  touch: ["hold", 500]
+};
+var ICON_SIZES = {
+  small: 20,
+  medium: 24,
+  large: 30
+};
+var STYLE_TO_VARIANT = {
+  primary: "default",
+  secondary: "secondary",
+  tertiary: "ghost",
+  danger: "destructive",
+  danger_text: "destructive",
+  text: "ghost",
+  link: "link"
+};
+
+var _excluded$2 = ["isVisible", "key"];
+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 Submenu = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    label = _ref.label,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DropdownMenuSub, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuSubTrigger, {
+      "aria-haspopup": "menu",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuSubContent, {
+      "aria-label": t("neetoMolecules.moreDropdown.submenuAriaLabel", {
+        label: label
+      }),
+      children: menuItems.map(function (_ref2) {
+        var _ref2$isVisible = _ref2.isVisible,
+          isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+          key = _ref2.key,
+          itemProps = _objectWithoutProperties(_ref2, _excluded$2);
+        if (!isVisible) return null;
+        return /*#__PURE__*/jsxRuntime.jsx(MenuItem, _objectSpread$2({}, itemProps), key !== null && key !== void 0 ? key : neetoCist.hyphenate(itemProps.label || "menu-item"));
+      })
+    })]
+  });
+});
+
+var _excluded$1 = ["onClick", "label", "type", "hasSubItems", "menuItems", "dropdownProps"];
+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 MenuItem = function MenuItem(_ref) {
+  var onClick = _ref.onClick,
+    label = _ref.label,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "menuItem" : _ref$type,
+    _ref$hasSubItems = _ref.hasSubItems,
+    hasSubItems = _ref$hasSubItems === void 0 ? false : _ref$hasSubItems,
+    menuItems = _ref.menuItems,
+    dropdownProps = _ref.dropdownProps,
+    menuItemProps = _objectWithoutProperties(_ref, _excluded$1);
+  if (type === "divider") return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuSeparator, {
+    role: "separator"
+  });
+  if (hasSubItems) {
+    return /*#__PURE__*/jsxRuntime.jsx(Submenu, _objectSpread$1({}, _objectSpread$1({
+      dropdownProps: dropdownProps,
+      label: label,
+      menuItems: menuItems
+    }, menuItemProps)));
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuItem, _objectSpread$1(_objectSpread$1({
+    onClick: onClick,
+    role: "menuitem"
+  }, menuItemProps), {}, {
+    children: label
+  }));
+};
+
+var _excluded = ["isRounded", "size", "tooltipProps", "style"],
+  _excluded2 = ["isVisible", "key"];
+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 MoreDropdown = function MoreDropdown(_ref) {
+  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
+    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
+    _ref$isVertical = _ref.isVertical,
+    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
+    _ref$isDisabled = _ref.isDisabled,
+    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    menuTopChildren = _ref.menuTopChildren,
+    menuBottomChildren = _ref.menuBottomChildren,
+    _ref$menuItems = _ref.menuItems,
+    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var isRoundedButton = dropdownButtonProps.isRounded,
+    _dropdownButtonProps$ = dropdownButtonProps.size,
+    buttonSize = _dropdownButtonProps$ === void 0 ? "medium" : _dropdownButtonProps$,
+    customTooltipProps = dropdownButtonProps.tooltipProps,
+    buttonStyle = dropdownButtonProps.style,
+    buttonProps = _objectWithoutProperties(dropdownButtonProps, _excluded);
+  var tooltipProps = ramda.mergeRight(DEFAULT_TOOLTIP_PROPS, customTooltipProps);
+  var variant = STYLE_TO_VARIANT[buttonStyle] || "ghost";
+  var TargetIcon = isVertical ? EllipsisVertical : ellipsis.Ellipsis;
+  var iconSize = ICON_SIZES[buttonSize] || 20;
+  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
+  if (isDropdownDisabled && !tooltipProps.disabled) {
+    return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipProvider, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Tooltip, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipTrigger, {
+          asChild: true,
+          children: /*#__PURE__*/jsxRuntime.jsx("span", {
+            children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread(_objectSpread({
+              variant: variant,
+              disabled: true,
+              "data-dropdown-button-style": "more-dropdown",
+              "data-testid": "more-dropdown-button",
+              size: "icon",
+              className: classnames("shrink-0", {
+                "rounded-full": isRoundedButton
+              })
+            }, buttonProps), {}, {
+              children: /*#__PURE__*/jsxRuntime.jsx(TargetIcon, {
+                size: iconSize
+              })
+            }))
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TooltipContent, {
+          side: tooltipProps.position || "bottom",
+          children: tooltipProps.content
+        })]
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DropdownMenu, _objectSpread(_objectSpread({}, dropdownProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuTrigger, {
+      asChild: true,
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread(_objectSpread({
+        variant: variant,
+        "aria-haspopup": "menu",
+        "aria-label": t("neetoMolecules.moreDropdown.buttonAriaLabel"),
+        "data-dropdown-button-style": "more-dropdown",
+        disabled: isDropdownDisabled,
+        size: "icon",
+        className: classnames("shrink-0", {
+          "rounded-full": isRoundedButton
+        })
+      }, buttonProps), {}, {
+        children: /*#__PURE__*/jsxRuntime.jsx(TargetIcon, {
+          size: iconSize
+        })
+      }))
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DropdownMenuContent, {
+      "aria-label": t("neetoMolecules.moreDropdown.menuAriaLabel"),
+      children: [menuTopChildren, menuItems.map(function (_ref2) {
+        var _ref2$isVisible = _ref2.isVisible,
+          isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
+          key = _ref2.key,
+          menuItemProps = _objectWithoutProperties(_ref2, _excluded2);
+        if (!isVisible) return null;
+        return /*#__PURE__*/jsxRuntime.jsx(MenuItem, _objectSpread({}, menuItemProps), key !== null && key !== void 0 ? key : neetoCist.hyphenate(menuItemProps.label || "menu-item"));
+      }), menuBottomChildren]
+    })]
+  }));
+};
+
+module.exports = MoreDropdown;
+//# sourceMappingURL=MoreDropdown.js.map

package/dist/cjs/v2/MoreDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoreDropdown.js","sources":["../../../node_modules/lucide-react/dist/esm/icons/ellipsis-vertical.js","../../../src/v2/components/MoreDropdown/constants.js","../../../src/v2/components/MoreDropdown/Submenu.jsx","../../../src/v2/components/MoreDropdown/MenuItem.jsx","../../../src/v2/components/MoreDropdown/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  [\"circle\", { cx: \"12\", cy: \"12\", r: \"1\", key: \"41hilf\" }],\n  [\"circle\", { cx: \"12\", cy: \"5\", r: \"1\", key: \"gxeob9\" }],\n  [\"circle\", { cx: \"12\", cy: \"19\", r: \"1\", key: \"lyex9k\" }]\n];\nconst EllipsisVertical = createLucideIcon(\"ellipsis-vertical\", __iconNode);\n\nexport { __iconNode, EllipsisVertical as default };\n//# sourceMappingURL=ellipsis-vertical.js.map\n","const BUTTON_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n  tertiary: \"tertiary\",\n  danger: \"danger\",\n  danger_text: \"danger_text\",\n  text: \"text\",\n  link: \"link\",\n};\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst STRATEGY = { absolute: \"absolute\", fixed: \"fixed\" };\n\nconst MENU_ITEM_TYPES = { menuItem: \"menuItem\", divider: \"divider\" };\n\nconst DEFAULT_TOOLTIP_PROPS = {\n  disabled: true,\n  position: \"bottom\",\n  touch: [\"hold\", 500],\n};\n\nconst ICON_SIZES = { small: 20, medium: 24, large: 30 };\n\nconst STYLE_TO_VARIANT = {\n  primary: \"default\",\n  secondary: \"secondary\",\n  tertiary: \"ghost\",\n  danger: \"destructive\",\n  danger_text: \"destructive\",\n  text: \"ghost\",\n  link: \"link\",\n};\n\nexport {\n  BUTTON_STYLES,\n  SIZES,\n  STRATEGY,\n  MENU_ITEM_TYPES,\n  DEFAULT_TOOLTIP_PROPS,\n  ICON_SIZES,\n  STYLE_TO_VARIANT,\n};\n","import {\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n} from \"@bigbinary/neeto-atoms\";\nimport { hyphenate } from \"neetocist\";\nimport { withT } from \"neetocommons/react-utils\";\n\nimport MenuItem from \"./MenuItem\";\n\nconst Submenu = withT(({ t, label, menuItems = [] }) => (\n  <DropdownMenuSub>\n    <DropdownMenuSubTrigger aria-haspopup=\"menu\">\n      {label}\n    </DropdownMenuSubTrigger>\n    <DropdownMenuSubContent\n      aria-label={t(\"neetoMolecules.moreDropdown.submenuAriaLabel\", {\n        label,\n      })}\n    >\n      {menuItems.map(({ isVisible = true, key, ...itemProps }) => {\n        if (!isVisible) return null;\n\n        return (\n          <MenuItem\n            key={key ?? hyphenate(itemProps.label || \"menu-item\")}\n            {...itemProps}\n          />\n        );\n      })}\n    </DropdownMenuSubContent>\n  </DropdownMenuSub>\n));\n\nexport default Submenu;\n","import {\n  DropdownMenuItem,\n  DropdownMenuSeparator,\n} from \"@bigbinary/neeto-atoms\";\n\nimport Submenu from \"./Submenu\";\n\nconst MenuItem = ({\n  onClick,\n  label,\n  type = \"menuItem\",\n  hasSubItems = false,\n  menuItems,\n  dropdownProps,\n  ...menuItemProps\n}) => {\n  if (type === \"divider\") return <DropdownMenuSeparator role=\"separator\" />;\n\n  if (hasSubItems) {\n    return (\n      <Submenu {...{ dropdownProps, label, menuItems, ...menuItemProps }} />\n    );\n  }\n\n  return (\n    <DropdownMenuItem {...{ onClick }} role=\"menuitem\" {...menuItemProps}>\n      {label}\n    </DropdownMenuItem>\n  );\n};\n\nexport default MenuItem;\n","/* eslint-disable @bigbinary/neeto/use-neetoui-classes */\nimport {\n  Button,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuTrigger,\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"@bigbinary/neeto-atoms\";\nimport classnames from \"classnames\";\nimport { Ellipsis, EllipsisVertical } from \"lucide-react\";\nimport { hyphenate } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { mergeRight } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  DEFAULT_TOOLTIP_PROPS,\n  ICON_SIZES,\n  MENU_ITEM_TYPES,\n  SIZES,\n  STYLE_TO_VARIANT,\n} from \"./constants\";\nimport MenuItem from \"./MenuItem\";\n\nconst MoreDropdown = ({\n  dropdownButtonProps = {},\n  isVertical = false,\n  isDisabled = false,\n  dropdownProps = {},\n  menuTopChildren,\n  menuBottomChildren,\n  menuItems = [],\n}) => {\n  const { t } = useTranslation();\n\n  const {\n    isRounded: isRoundedButton,\n    size: buttonSize = \"medium\",\n    tooltipProps: customTooltipProps,\n    style: buttonStyle,\n    ...buttonProps\n  } = dropdownButtonProps;\n\n  const tooltipProps = mergeRight(DEFAULT_TOOLTIP_PROPS, customTooltipProps);\n  const variant = STYLE_TO_VARIANT[buttonStyle] || \"ghost\";\n\n  const TargetIcon = isVertical ? EllipsisVertical : Ellipsis;\n  const iconSize = ICON_SIZES[buttonSize] || 20;\n\n  const isDropdownDisabled = isDisabled || dropdownProps.disabled;\n\n  if (isDropdownDisabled && !tooltipProps.disabled) {\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span>\n              <Button\n                {...{ variant }}\n                disabled\n                data-dropdown-button-style=\"more-dropdown\"\n                data-testid=\"more-dropdown-button\"\n                size=\"icon\"\n                className={classnames(\"shrink-0\", {\n                  \"rounded-full\": isRoundedButton,\n                })}\n                {...buttonProps}\n              >\n                <TargetIcon size={iconSize} />\n              </Button>\n            </span>\n          </TooltipTrigger>\n          <TooltipContent side={tooltipProps.position || \"bottom\"}>\n            {tooltipProps.content}\n          </TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return (\n    <DropdownMenu {...dropdownProps}>\n      <DropdownMenuTrigger asChild>\n        <Button\n          {...{ variant }}\n          aria-haspopup=\"menu\"\n          aria-label={t(\"neetoMolecules.moreDropdown.buttonAriaLabel\")}\n          data-dropdown-button-style=\"more-dropdown\"\n          disabled={isDropdownDisabled}\n          size=\"icon\"\n          className={classnames(\"shrink-0\", {\n            \"rounded-full\": isRoundedButton,\n          })}\n          {...buttonProps}\n        >\n          <TargetIcon size={iconSize} />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent\n        aria-label={t(\"neetoMolecules.moreDropdown.menuAriaLabel\")}\n      >\n        {menuTopChildren}\n        {menuItems.map(({ isVisible = true, key, ...menuItemProps }) => {\n          if (!isVisible) return null;\n\n          return (\n            <MenuItem\n              key={key ?? hyphenate(menuItemProps.label || \"menu-item\")}\n              {...menuItemProps}\n            />\n          );\n        })}\n        {menuBottomChildren}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n\nMoreDropdown.propTypes = {\n  dropdownButtonProps: PropTypes.shape({\n    style: PropTypes.oneOf([\n      \"primary\",\n      \"secondary\",\n      \"tertiary\",\n      \"danger\",\n      \"danger_text\",\n      \"text\",\n      \"link\",\n    ]),\n    size: PropTypes.oneOf(Object.values(SIZES)),\n    iconSize: PropTypes.number,\n    disabled: PropTypes.bool,\n    isRounded: PropTypes.bool,\n  }),\n  isVertical: PropTypes.bool,\n  isDisabled: PropTypes.bool,\n  dropdownProps: PropTypes.object,\n  menuTopChildren: PropTypes.node,\n  menuBottomChildren: PropTypes.node,\n  menuItems: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      onClick: PropTypes.func,\n      key: PropTypes.string,\n      type: PropTypes.oneOf(Object.values(MENU_ITEM_TYPES)),\n      isVisible: PropTypes.bool,\n      hasSubItems: PropTypes.bool,\n      dropdownProps: PropTypes.shape({\n        position: PropTypes.string,\n        trigger: PropTypes.string,\n      }),\n    })\n  ),\n};\n\nexport default MoreDropdown;\n"],"names":["createLucideIcon","DEFAULT_TOOLTIP_PROPS","disabled","position","touch","ICON_SIZES","small","medium","large","STYLE_TO_VARIANT","primary","secondary","tertiary","danger","danger_text","text","link","Submenu","withT","_ref","t","label","_ref$menuItems","menuItems","_jsxs","DropdownMenuSub","children","_jsx","DropdownMenuSubTrigger","DropdownMenuSubContent","map","_ref2","_ref2$isVisible","isVisible","key","itemProps","_objectWithoutProperties","_excluded","MenuItem","_objectSpread","hyphenate","onClick","_ref$type","type","_ref$hasSubItems","hasSubItems","dropdownProps","menuItemProps","DropdownMenuSeparator","role","DropdownMenuItem","MoreDropdown","_ref$dropdownButtonPr","dropdownButtonProps","_ref$isVertical","isVertical","_ref$isDisabled","isDisabled","_ref$dropdownProps","menuTopChildren","menuBottomChildren","_useTranslation","useTranslation","isRoundedButton","isRounded","_dropdownButtonProps$","size","buttonSize","customTooltipProps","tooltipProps","buttonStyle","style","buttonProps","mergeRight","variant","TargetIcon","EllipsisVertical","Ellipsis","iconSize","isDropdownDisabled","TooltipProvider","Tooltip","TooltipTrigger","asChild","Button","className","classnames","TooltipContent","side","content","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","_excluded2"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/v2/Search.js

@@ -0,0 +1,129 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var React = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var useFuncDebounce = require('@bigbinary/neeto-commons-frontend/react-utils/useFuncDebounce');
+var useQueryParams = require('@bigbinary/neeto-commons-frontend/react-utils/useQueryParams');
+var useUpdateEffect = require('@bigbinary/neeto-commons-frontend/react-utils/useUpdateEffect');
+var general = require('@bigbinary/neeto-commons-frontend/utils/general');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var jsxRuntime = require('react/jsx-runtime');
+var search = require('../search-BBuFYdmG.js');
+require('../createLucideIcon-DBDhE7kE.js');
+
+var getInitialSearchValue = function getInitialSearchValue(_ref) {
+  var _ref$initialValue = _ref.initialValue,
+    initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue,
+    enableUrlSync = _ref.enableUrlSync,
+    searchParamName = _ref.searchParamName;
+  if (enableUrlSync) {
+    var _queryParams$searchPa;
+    var queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    return (_queryParams$searchPa = queryParams[searchParamName]) !== null && _queryParams$searchPa !== void 0 ? _queryParams$searchPa : "";
+  }
+  return initialValue;
+};
+
+var _excluded = ["value", "debounceTime", "onSearch", "onChange", "enableUrlSync", "searchParamName", "className", "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 Search = function Search(_ref) {
+  var value = _ref.value,
+    _ref$debounceTime = _ref.debounceTime,
+    debounceTime = _ref$debounceTime === void 0 ? 300 : _ref$debounceTime,
+    onSearch = _ref.onSearch,
+    onChange = _ref.onChange,
+    _ref$enableUrlSync = _ref.enableUrlSync,
+    enableUrlSync = _ref$enableUrlSync === void 0 ? false : _ref$enableUrlSync,
+    _ref$searchParamName = _ref.searchParamName,
+    searchParamName = _ref$searchParamName === void 0 ? "search_term" : _ref$searchParamName,
+    className = _ref.className,
+    label = _ref.label,
+    inputProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var queryParams = useQueryParams({
+    toCamelCase: false
+  });
+  var history = reactRouterDom.useHistory();
+  var inputId = React.useId();
+  var _useState = React.useState(getInitialSearchValue({
+      initialValue: value,
+      enableUrlSync: enableUrlSync,
+      searchParamName: searchParamName
+    })),
+    _useState2 = _slicedToArray(_useState, 2),
+    internalValue = _useState2[0],
+    setInternalValue = _useState2[1];
+  var trimmedValue = value === null || value === void 0 ? void 0 : value.trim();
+  useUpdateEffect(function () {
+    var _queryParams$searchPa;
+    if (!enableUrlSync) return;
+    var searchParamValue = (_queryParams$searchPa = queryParams === null || queryParams === void 0 ? void 0 : queryParams[searchParamName]) !== null && _queryParams$searchPa !== void 0 ? _queryParams$searchPa : "";
+    setInternalValue(searchParamValue);
+  }, [queryParams === null || queryParams === void 0 ? void 0 : queryParams[searchParamName]]);
+  var handleSearchQueryParams = function handleSearchQueryParams(trimmedValue) {
+    if (!trimmedValue && !(queryParams !== null && queryParams !== void 0 && queryParams[searchParamName])) return;
+    if (trimmedValue === (queryParams === null || queryParams === void 0 ? void 0 : queryParams[searchParamName])) return;
+    var pathname = history.location.pathname;
+    if (trimmedValue) {
+      history.push(general.buildUrl(pathname, ramda.mergeLeft(_defineProperty({}, searchParamName, trimmedValue), queryParams)));
+    } else {
+      history.push(general.buildUrl(pathname, ramda.omit([searchParamName], queryParams)));
+    }
+  };
+  var handleDebouncedSearchTermChange = useFuncDebounce(function (trimmedValue) {
+    if (onSearch) onSearch(trimmedValue);else if (enableUrlSync) handleSearchQueryParams(trimmedValue);
+  }, debounceTime);
+  useUpdateEffect(function () {
+    handleDebouncedSearchTermChange(trimmedValue);
+  }, [trimmedValue]);
+  var prevValueRef = React.useRef(value);
+  if (value !== undefined && value !== prevValueRef.current) {
+    setInternalValue(value);
+    prevValueRef.current = value;
+  }
+  var handleOnChange = function handleOnChange(e) {
+    var _e$target$value;
+    var trimmedValue = (_e$target$value = e.target.value) === null || _e$target$value === void 0 ? void 0 : _e$target$value.trim();
+    onChange === null || onChange === void 0 || onChange(e);
+    setInternalValue(e.target.value);
+    if ((internalValue === null || internalValue === void 0 ? void 0 : internalValue.trim()) !== trimmedValue) {
+      handleDebouncedSearchTermChange(trimmedValue);
+    }
+  };
+  React.useEffect(function () {
+    return handleDebouncedSearchTermChange.cancel;
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: className,
+    children: [label && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
+      className: "mb-1",
+      htmlFor: inputId,
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "relative",
+      children: [/*#__PURE__*/jsxRuntime.jsx(search.Search, {
+        className: "text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2"
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, _objectSpread({
+        className: "pl-9 [&::-webkit-search-cancel-button:hover]:cursor-pointer [&::-webkit-search-decoration:hover]:cursor-pointer",
+        id: inputId,
+        placeholder: t("neetoMolecules.common.actions.search"),
+        type: "search",
+        value: internalValue,
+        onChange: handleOnChange
+      }, inputProps))]
+    })]
+  });
+};
+
+module.exports = Search;
+//# sourceMappingURL=Search.js.map

package/dist/cjs/v2/Search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.js","sources":["../../../src/v2/components/Search/utils.js","../../../src/v2/components/Search/index.jsx"],"sourcesContent":["import { getQueryParams } from \"neetocommons/utils\";\n\nexport const getInitialSearchValue = ({\n  initialValue = \"\",\n  enableUrlSync,\n  searchParamName,\n}) => {\n  if (enableUrlSync) {\n    const queryParams = getQueryParams({ toCamelCase: false });\n\n    return queryParams[searchParamName] ?? \"\";\n  }\n\n  return initialValue;\n};\n","import { useEffect, useId, useRef, useState } from \"react\";\n\nimport { Input, Label } from \"@bigbinary/neeto-atoms\";\nimport { Search as SearchIcon } from \"lucide-react\";\nimport useFuncDebounce from \"neetocommons/react-utils/useFuncDebounce\";\nimport useQueryParams from \"neetocommons/react-utils/useQueryParams\";\nimport useUpdateEffect from \"neetocommons/react-utils/useUpdateEffect\";\nimport { buildUrl } from \"neetocommons/utils/general\";\nimport PropTypes from \"prop-types\";\nimport { mergeLeft, omit } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { getInitialSearchValue } from \"./utils\";\n\nconst Search = ({\n  value,\n  debounceTime = 300,\n  onSearch,\n  onChange,\n  enableUrlSync = false,\n  searchParamName = \"search_term\",\n  className,\n  label,\n  ...inputProps\n}) => {\n  const { t } = useTranslation();\n  const queryParams = useQueryParams({ toCamelCase: false });\n  const history = useHistory();\n  const inputId = useId();\n\n  const [internalValue, setInternalValue] = useState(\n    getInitialSearchValue({\n      initialValue: value,\n      enableUrlSync,\n      searchParamName,\n    })\n  );\n  const trimmedValue = value?.trim();\n\n  useUpdateEffect(() => {\n    if (!enableUrlSync) return;\n\n    const searchParamValue = queryParams?.[searchParamName] ?? \"\";\n    setInternalValue(searchParamValue);\n  }, [queryParams?.[searchParamName]]);\n\n  const handleSearchQueryParams = trimmedValue => {\n    if (!trimmedValue && !queryParams?.[searchParamName]) return;\n\n    if (trimmedValue === queryParams?.[searchParamName]) return;\n\n    const pathname = history.location.pathname;\n\n    if (trimmedValue) {\n      history.push(\n        buildUrl(\n          pathname,\n          mergeLeft({ [searchParamName]: trimmedValue }, queryParams)\n        )\n      );\n    } else {\n      history.push(buildUrl(pathname, omit([searchParamName], queryParams)));\n    }\n  };\n\n  const handleDebouncedSearchTermChange = useFuncDebounce(trimmedValue => {\n    if (onSearch) onSearch(trimmedValue);\n    else if (enableUrlSync) handleSearchQueryParams(trimmedValue);\n  }, debounceTime);\n\n  useUpdateEffect(() => {\n    handleDebouncedSearchTermChange(trimmedValue);\n  }, [trimmedValue]);\n\n  const prevValueRef = useRef(value);\n  if (value !== undefined && value !== prevValueRef.current) {\n    setInternalValue(value);\n    prevValueRef.current = value;\n  }\n\n  const handleOnChange = e => {\n    const trimmedValue = e.target.value?.trim();\n    onChange?.(e);\n    setInternalValue(e.target.value);\n\n    if (internalValue?.trim() !== trimmedValue) {\n      handleDebouncedSearchTermChange(trimmedValue);\n    }\n  };\n\n  useEffect(() => handleDebouncedSearchTermChange.cancel, []);\n\n  return (\n    <div {...{ className }}>\n      {label && (\n        <Label className=\"mb-1\" htmlFor={inputId}>\n          {label}\n        </Label>\n      )}\n      <div className=\"relative\">\n        <SearchIcon className=\"text-muted-foreground pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2\" />\n        <Input\n          className=\"pl-9 [&::-webkit-search-cancel-button:hover]:cursor-pointer [&::-webkit-search-decoration:hover]:cursor-pointer\"\n          id={inputId}\n          placeholder={t(\"neetoMolecules.common.actions.search\")}\n          type=\"search\"\n          value={internalValue}\n          onChange={handleOnChange}\n          {...inputProps}\n        />\n      </div>\n    </div>\n  );\n};\n\nSearch.propTypes = {\n  value: PropTypes.string,\n  debounceTime: PropTypes.number,\n  onChange: PropTypes.func,\n  onSearch: PropTypes.func,\n  enableUrlSync: PropTypes.bool,\n  searchParamName: PropTypes.string,\n  inputProps: PropTypes.object,\n};\n\nexport default Search;\n"],"names":["getInitialSearchValue","_ref","_ref$initialValue","initialValue","enableUrlSync","searchParamName","_queryParams$searchPa","queryParams","getQueryParams","toCamelCase","Search","value","_ref$debounceTime","debounceTime","onSearch","onChange","_ref$enableUrlSync","_ref$searchParamName","className","label","inputProps","_objectWithoutProperties","_excluded","_useTranslation","useTranslation","t","useQueryParams","history","useHistory","inputId","useId","_useState","useState","_useState2","_slicedToArray","internalValue","setInternalValue","trimmedValue","trim","useUpdateEffect","searchParamValue","handleSearchQueryParams","pathname","location","push","buildUrl","mergeLeft","_defineProperty","omit","handleDebouncedSearchTermChange","useFuncDebounce","prevValueRef","useRef","undefined","current","handleOnChange","e","_e$target$value","target","useEffect","cancel","_jsxs","children","_jsx","Label","htmlFor","SearchIcon","Input","_objectSpread","id","placeholder","type"],"mappings":"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"}

package/dist/cjs/v2/Sidebar.js

@@ -18,7 +18,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+var plus = require('../plus-MoDFAiKt.js');
+var ellipsis = require('../ellipsis-BcfLTtl5.js');
 var chevronRight = require('../chevron-right-DpleLIQp.js');
 require('zustand/shallow');
 require('@bigbinary/neeto-commons-frontend/react-utils/withImmutableActions');
@@ -27,6 +28,7 @@ require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
 require('@bigbinary/neeto-filters-frontend/Segments');
+require('../createLucideIcon-DBDhE7kE.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -47,35 +49,6 @@ function _interopNamespaceDefault(e) {
 
 var AppIcons__namespace = /*#__PURE__*/_interopNamespaceDefault(AppIcons);
 
-/**
- * @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$1 = [
-  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
-  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
-  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-];
-const Ellipsis = createLucideIcon.createLucideIcon("ellipsis", __iconNode$1);
-
-/**
- * @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: "M5 12h14", key: "1ays0h" }],
-  ["path", { d: "M12 5v14", key: "s699le" }]
-];
-const Plus = createLucideIcon.createLucideIcon("plus", __iconNode);
-
 var Header$1 = function Header(_ref) {
   var _ProductTypefaceLogos;
   var customLogo = _ref.customLogo,
@@ -121,7 +94,7 @@ var AddAction = function AddAction(_ref) {
           e.preventDefault();
           e.stopPropagation();
         },
-        children: /*#__PURE__*/jsxRuntime.jsx(Plus, {})
+        children: /*#__PURE__*/jsxRuntime.jsx(plus.Plus, {})
       })
     }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenuContent, {
       align: "end",
@@ -197,7 +170,7 @@ var MoreDropdown = function MoreDropdown(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsxs("button", {
           className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground flex w-full items-center gap-2 rounded-md p-2 text-sm outline-hidden",
           "data-testid": "more-nav-links-dropdown-button",
-          children: [/*#__PURE__*/jsxRuntime.jsx(Ellipsis, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
+          children: [/*#__PURE__*/jsxRuntime.jsx(ellipsis.Ellipsis, {}), /*#__PURE__*/jsxRuntime.jsx("span", {
             className: "truncate",
             children: t("neetoMolecules.sidebar.more")
           })]