@bigbinary/neeto-team-members-frontend 5.0.28 → 5.0.30

package/dist/index-DeYRFiJy.js

@@ -0,0 +1,119 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { cn, Avatar, Typography, Input } from '@bigbinary/neeto-atoms';
+import { Check, Search as Search$1, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef } from 'react';
+
+var CHECK_ICON_SIZE = 20;
+
+var _excluded$3 = ["active", "memberName", "imageUrl"];
+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 MembersListItem = function MembersListItem(_ref) {
+  var active = _ref.active,
+    memberName = _ref.memberName,
+    imageUrl = _ref.imageUrl,
+    otherProps = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/jsxs("button", _objectSpread$3(_objectSpread$3({
+    "data-testid": "inbox-member-list-item",
+    className: cn("relative mb-2 flex w-full transform cursor-pointer select-none items-center gap-2 neeto-ui-rounded-md px-2 py-1 pe-7 text-start transition-colors", active ? "bg-primary text-primary-foreground" : "hover:bg-muted focus:bg-muted")
+  }, otherProps), {}, {
+    children: [memberName && /*#__PURE__*/jsx(Avatar, {
+      className: "size-6 shrink-0",
+      user: {
+        name: memberName,
+        imageUrl: imageUrl
+      }
+    }), /*#__PURE__*/jsx(Typography, {
+      className: "min-w-0 break-words text-sm",
+      children: memberName
+    }), active && /*#__PURE__*/jsx("div", {
+      className: "absolute end-0 top-0 flex h-full items-center pe-2",
+      children: /*#__PURE__*/jsx(Check, {
+        size: CHECK_ICON_SIZE
+      })
+    })]
+  }));
+};
+
+var _excluded$2 = ["placeholder", "searchTerm", "handleClearSearchTerm"];
+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 Search = function Search(_ref) {
+  var placeholder = _ref.placeholder,
+    searchTerm = _ref.searchTerm,
+    handleClearSearchTerm = _ref.handleClearSearchTerm,
+    otherProps = _objectWithoutProperties(_ref, _excluded$2);
+  var inputRef = useRef(null);
+  return /*#__PURE__*/jsx("div", {
+    className: "sticky top-0 z-10 w-full bg-background p-3",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: "relative",
+      children: [/*#__PURE__*/jsx(Search$1, {
+        className: "absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+      }), /*#__PURE__*/jsx(Input, _objectSpread$2({
+        placeholder: placeholder,
+        autoFocus: true,
+        className: "pe-8 ps-8",
+        ref: inputRef,
+        value: searchTerm
+      }, otherProps)), /*#__PURE__*/jsx(X, {
+        className: cn("absolute right-2.5 top-1/2 size-4 -translate-y-1/2 cursor-pointer text-muted-foreground hover:text-foreground", !searchTerm && "hidden"),
+        onClick: function onClick() {
+          var _inputRef$current;
+          (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+          handleClearSearchTerm();
+        }
+      })]
+    })
+  });
+};
+
+var _excluded$1 = ["active", "teamName"];
+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 TeamsListItem = function TeamsListItem(_ref) {
+  var active = _ref.active,
+    teamName = _ref.teamName,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/jsxs("button", _objectSpread$1(_objectSpread$1({
+    "data-testid": "inbox-group-list-item",
+    className: cn("relative mb-2 flex w-full transform cursor-pointer select-none items-center gap-2 neeto-ui-rounded-md p-2 pe-8 text-start transition-colors", active ? "bg-primary text-primary-foreground" : "hover:bg-muted focus:bg-muted")
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsx(Typography, {
+      className: "flex min-w-0 grow flex-wrap items-center break-words text-sm",
+      children: teamName
+    }), active && /*#__PURE__*/jsx("div", {
+      className: "absolute end-0 top-0 flex h-full items-center pe-2",
+      children: /*#__PURE__*/jsx(Check, {
+        size: CHECK_ICON_SIZE
+      })
+    })]
+  }));
+};
+
+var _excluded = ["children"];
+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 AssignList = function AssignList(_ref) {
+  var children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
+    className: "w-64 pb-3"
+  }, otherProps), {}, {
+    children: /*#__PURE__*/jsx("div", {
+      className: "flex w-full flex-col",
+      children: children
+    })
+  }));
+};
+AssignList.Search = Search;
+AssignList.MembersListItem = MembersListItem;
+AssignList.TeamsListItem = TeamsListItem;
+
+export { AssignList as A };
+//# sourceMappingURL=index-DeYRFiJy.js.map

package/dist/index-DeYRFiJy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-DeYRFiJy.js","sources":["../app/javascript/src/components/v2/common/AssignList/constants.js","../app/javascript/src/components/v2/common/AssignList/MembersListItem.jsx","../app/javascript/src/components/v2/common/AssignList/Search.jsx","../app/javascript/src/components/v2/common/AssignList/TeamsListItem.jsx","../app/javascript/src/components/v2/common/AssignList/index.jsx"],"sourcesContent":["export const CHECK_ICON_SIZE = 20;\n","import { Avatar, Typography, cn } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\n\nimport { CHECK_ICON_SIZE } from \"./constants\";\n\nconst MembersListItem = ({ active, memberName, imageUrl, ...otherProps }) => (\n  <button\n    data-testid=\"inbox-member-list-item\"\n    className={cn(\n      \"relative mb-2 flex w-full transform cursor-pointer select-none items-center gap-2 neeto-ui-rounded-md px-2 py-1 pe-7 text-start transition-colors\",\n      active\n        ? \"bg-primary text-primary-foreground\"\n        : \"hover:bg-muted focus:bg-muted\"\n    )}\n    {...otherProps}\n  >\n    {memberName && (\n      <Avatar\n        className=\"size-6 shrink-0\"\n        user={{ name: memberName, imageUrl }}\n      />\n    )}\n    <Typography className=\"min-w-0 break-words text-sm\">\n      {memberName}\n    </Typography>\n    {active && (\n      <div className=\"absolute end-0 top-0 flex h-full items-center pe-2\">\n        <Check size={CHECK_ICON_SIZE} />\n      </div>\n    )}\n  </button>\n);\n\nexport default MembersListItem;\n","import { useRef } from \"react\";\n\nimport { Input, cn } from \"@bigbinary/neeto-atoms\";\nimport { Search as SearchIcon, X } from \"lucide-react\";\n\nconst Search = ({\n  placeholder,\n  searchTerm,\n  handleClearSearchTerm,\n  ...otherProps\n}) => {\n  const inputRef = useRef(null);\n\n  return (\n    <div\n      className=\"sticky top-0 z-10 w-full bg-background p-3\"\n      onClick={e => e.stopPropagation()}\n    >\n      <div className=\"relative\">\n        <SearchIcon className=\"absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          {...{ placeholder }}\n          autoFocus\n          className=\"pe-8 ps-8\"\n          ref={inputRef}\n          value={searchTerm}\n          {...otherProps}\n        />\n        <X\n          className={cn(\n            \"absolute right-2.5 top-1/2 size-4 -translate-y-1/2 cursor-pointer text-muted-foreground hover:text-foreground\",\n            !searchTerm && \"hidden\"\n          )}\n          onClick={() => {\n            inputRef.current?.focus();\n            handleClearSearchTerm();\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Search;\n","import { Typography, cn } from \"@bigbinary/neeto-atoms\";\nimport { Check } from \"lucide-react\";\n\nimport { CHECK_ICON_SIZE } from \"./constants\";\n\nconst TeamsListItem = ({ active, teamName, ...otherProps }) => (\n  <button\n    data-testid=\"inbox-group-list-item\"\n    className={cn(\n      \"relative mb-2 flex w-full transform cursor-pointer select-none items-center gap-2 neeto-ui-rounded-md p-2 pe-8 text-start transition-colors\",\n      active\n        ? \"bg-primary text-primary-foreground\"\n        : \"hover:bg-muted focus:bg-muted\"\n    )}\n    {...otherProps}\n  >\n    <Typography className=\"flex min-w-0 grow flex-wrap items-center break-words text-sm\">\n      {teamName}\n    </Typography>\n    {active && (\n      <div className=\"absolute end-0 top-0 flex h-full items-center pe-2\">\n        <Check size={CHECK_ICON_SIZE} />\n      </div>\n    )}\n  </button>\n);\n\nexport default TeamsListItem;\n","import MembersListItem from \"./MembersListItem\";\nimport Search from \"./Search\";\nimport TeamsListItem from \"./TeamsListItem\";\n\nconst AssignList = ({ children, ...otherProps }) => (\n  <div className=\"w-64 pb-3\" {...otherProps}>\n    <div className=\"flex w-full flex-col\">{children}</div>\n  </div>\n);\n\nAssignList.Search = Search;\nAssignList.MembersListItem = MembersListItem;\nAssignList.TeamsListItem = TeamsListItem;\n\nexport default AssignList;\n"],"names":["CHECK_ICON_SIZE","MembersListItem","_ref","active","memberName","imageUrl","otherProps","_objectWithoutProperties","_excluded","_jsxs","_objectSpread","className","cn","children","_jsx","Avatar","user","name","Typography","Check","size","Search","placeholder","searchTerm","handleClearSearchTerm","inputRef","useRef","onClick","e","stopPropagation","SearchIcon","Input","autoFocus","ref","value","X","_inputRef$current","current","focus","TeamsListItem","teamName","AssignList"],"mappings":"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"}