@e-llm-studio/requirement-ai 0.0.277 → 0.0.279
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.js +1 -1
- package/dist/cjs/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.module.css.js +1 -1
- package/dist/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.js +1 -1
- package/dist/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.module.css.js +1 -1
- package/dist/types/src/ProjectTagSelectorDemo.d.ts.map +1 -1
- package/dist/types/src/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.d.ts +37 -0
- package/dist/types/src/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/cjs/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("lucide-react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("@mui/material"),s=require("lucide-react"),a=require("./ProjectTagSelector.module.css.js");exports.default=({selectedProjectTag:o,projectTags:c,isLoading:r=!1,onOpen:n,onProjectTagChange:i,triggerPrefix:d="Project : ",title:u="Modify the project tag for this requirement",controlled:j=!1,debounceMs:m=300,visibleItems:p=6,projectTagNameMaxLength:h=30,recentProjectTags:g=[],itemHeight:v=52,className:f="",width:x="460px",customStyles:y})=>{const N=t.useRef(null),[T,I]=t.useState(!1),[b,S]=t.useState(""),[k,C]=t.useState(""),[w,P]=t.useState(o);t.useEffect(()=>{P(o)},[o]),t.useEffect(()=>{const e=window.setTimeout(()=>{C(b.trim())},m);return()=>{window.clearTimeout(e)}},[b,m]),t.useEffect(()=>{if(!T)return;const e=e=>{N.current&&!N.current.contains(e.target)&&B()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[T]);const L=t.useCallback(()=>{I(!0),S(""),C(""),null==n||n()},[n]),B=t.useCallback(()=>{I(!1),S(""),C("")},[]),z=t.useCallback(e=>{j||P(e),null==i||i(e),B()},[j,B,i]),M=j?o:w,W=t.useMemo(()=>{if(!k)return c;const e=k.toLowerCase();return c.filter(t=>t.projectName.toLowerCase().includes(e))},[c,k]),q=t.useMemo(()=>new Set(g.map(e=>e.projectId)),[g]),$=p*v,E=M.projectName.length>h?`${M.projectName.slice(0,h)}...`:M.projectName;return e.jsxs("div",{ref:N,className:`${a.default.container} ${f}`,style:{width:x,...null==y?void 0:y.container},children:[e.jsxs("div",{className:a.default.trigger,style:null==y?void 0:y.trigger,children:[e.jsx("button",{type:"button",onClick:L,"aria-expanded":T,"aria-haspopup":"listbox",className:a.default.projectTagButton,style:null==y?void 0:y.projectTagButton,children:e.jsx(l.Tooltip,{title:M.projectName,placement:"top",arrow:!0,children:e.jsxs("span",{className:a.default.truncate,style:null==y?void 0:y.truncate,children:[d,E]})})}),e.jsx("button",{type:"button",onClick:L,"aria-label":"Modify Project Tag",className:a.default.editButton,style:null==y?void 0:y.editButton,children:e.jsx(s.Pencil,{size:20,strokeWidth:1.8,style:null==y?void 0:y.editIcon})})]}),T&&e.jsxs("div",{className:a.default.dropdown,style:{width:x,...null==y?void 0:y.dropdown},children:[e.jsxs("div",{className:a.default.header,style:null==y?void 0:y.header,children:[e.jsx("h3",{className:a.default.title,style:null==y?void 0:y.title,children:u}),e.jsx("button",{type:"button",onClick:B,"aria-label":"Close Project Tag selector",className:a.default.closeButton,style:null==y?void 0:y.closeButton,children:e.jsx(s.X,{size:22,strokeWidth:2,style:null==y?void 0:y.closeIcon})})]}),e.jsx("div",{className:a.default.searchSection,style:null==y?void 0:y.searchSection,children:e.jsxs("div",{className:a.default.searchWrapper,style:null==y?void 0:y.searchWrapper,children:[e.jsx(s.Search,{size:23,strokeWidth:1.7,className:a.default.searchIcon,style:null==y?void 0:y.searchIcon}),e.jsx("input",{type:"text",value:b,onChange:e=>S(e.target.value),placeholder:"Search Project",className:a.default.searchInput,style:null==y?void 0:y.searchInput}),b&&e.jsx("button",{type:"button",onClick:()=>S(""),"aria-label":"Clear Project Tag search",className:a.default.clearSearchButton,style:null==y?void 0:y.clearSearchButton,children:e.jsx(s.X,{size:17,style:null==y?void 0:y.clearSearchIcon})})]})}),e.jsxs("div",{className:a.default.projectTagList,style:{height:`${$}px`,...null==y?void 0:y.projectTagList},role:"listbox","aria-label":"Project Tags",children:[r&&0===c.length&&e.jsx("div",{className:a.default.emptyState,style:null==y?void 0:y.emptyState,children:e.jsxs("div",{className:a.default.loadingContent,style:null==y?void 0:y.loadingContent,children:[e.jsx(s.Loader2,{size:22,className:a.default.loadingIcon,style:null==y?void 0:y.loadingIcon}),e.jsx("span",{className:a.default.loadingText,style:null==y?void 0:y.loadingText,children:"Loading Project Tags..."})]})}),!r&&0===W.length&&e.jsx("div",{className:a.default.emptyState,style:null==y?void 0:y.emptyState,children:e.jsx("span",{className:a.default.noResultsText,style:null==y?void 0:y.noResultsText,children:"No Project Tags found"})}),W.map(t=>{const l=t.projectId===M.projectId,o=!l&&q.has(t.projectId);return e.jsxs("button",{type:"button",role:"option","aria-selected":l,onClick:()=>z(t),className:`${a.default.projectTagItem} ${l?a.default.projectTagItemSelected:""}`,style:{...null==y?void 0:y.projectTagItem,...l?null==y?void 0:y.projectTagItemSelected:{}},children:[e.jsx("span",{className:a.default.projectTagName,style:null==y?void 0:y.projectTagName,children:t.projectName}),l&&e.jsx(s.Check,{size:21,strokeWidth:2.5,className:a.default.checkIcon,style:null==y?void 0:y.checkIcon}),o&&e.jsx(s.Clock,{size:21,strokeWidth:2.5,className:a.default.clockIcon,style:null==y?void 0:y.clockIcon})]},t.projectId)})]})]})]})};
|
|
2
2
|
//# sourceMappingURL=ProjectTagSelector.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const o=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;o&&e.setAttribute("nonce",o),e.appendChild(document.createTextNode(".ProjectTagSelector-module_container__t7LHr{display:inline-block;position:relative;width:460px}.ProjectTagSelector-module_trigger__fDlEE{align-items:center;display:flex;gap:4px;justify-content:flex-end}.ProjectTagSelector-module_projectTagButton__PtZYL{align-items:center;background-color:#f8f5ff;border:0;border-radius:10px;color:#5b2dee;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:38px;padding:0 12px;transition:background-color .15s ease}.ProjectTagSelector-module_projectTagButton__PtZYL:hover{background-color:#f2edff}.ProjectTagSelector-module_clearSearchButton__4Auoi:focus-visible,.ProjectTagSelector-module_closeButton__ILTRX:focus-visible,.ProjectTagSelector-module_editButton__s-tEg:focus-visible,.ProjectTagSelector-module_projectTagButton__PtZYL:focus-visible,.ProjectTagSelector-module_projectTagItem__MIQRZ:focus-visible{outline:2px solid #a9b9d0;outline-offset:2px}.ProjectTagSelector-module_truncate__FEV94{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_editButton__s-tEg{align-items:center;background-color:#f8fafd;border:0;border-radius:10px;color:#53657d;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background-color .15s ease;width:44px}.ProjectTagSelector-module_editButton__s-tEg:hover{background-color:#f1f4f8}.ProjectTagSelector-module_dropdown__CHxVP{background-color:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 18px 45px #1e2a3c29;overflow:hidden;position:absolute;right:0;top:48px;width:460px;z-index:1000}.ProjectTagSelector-module_header__t2bVy{align-items:center;display:flex;height:76px;justify-content:space-between;padding:0 28px}.ProjectTagSelector-module_title__y8wH2{color:#273449;font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.ProjectTagSelector-module_closeButton__ILTRX{align-items:center;background:#0000;border:0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.ProjectTagSelector-module_closeButton__ILTRX:hover{background-color:#f4f6f9;color:#334155}.ProjectTagSelector-module_searchSection__rtycx{border-bottom:1px solid #e8ebf0;padding:0 28px 20px}.ProjectTagSelector-module_searchWrapper__fEylK{align-items:center;background-color:#fff;border:1px solid #c9d5e5;border-radius:10px;box-shadow:0 1px 3px #1e293b14;display:flex;height:52px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ProjectTagSelector-module_searchWrapper__fEylK:focus-within{border-color:#a9b9d0;box-shadow:0 0 0 1px #d7e0ed,0 1px 3px #1e293b14}.ProjectTagSelector-module_searchIcon__1wgpQ{color:#8ca0bb;left:16px;position:absolute}.ProjectTagSelector-module_searchInput__Iojau{background:#0000;border:0;border-radius:10px;color:#334155;font-size:12px;height:100%;outline:none;padding:0 48px 0 56px;width:100%}.ProjectTagSelector-module_searchInput__Iojau::placeholder{color:#667b99}.ProjectTagSelector-module_clearSearchButton__4Auoi{align-items:center;background:#0000;border:0;border-radius:50%;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:12px;width:28px}.ProjectTagSelector-module_clearSearchButton__4Auoi:hover{background-color:#f1f4f8}.ProjectTagSelector-module_projectTagList__h-OUL{overflow-y:auto;padding:16px 20px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar{width:6px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-track{background:#0000}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb{background-color:#d5dce7;border-radius:999px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb:hover{background-color:#bcc7d6}.ProjectTagSelector-module_emptyState__JhLBq{align-items:center;color:#64748b;display:flex;height:100%;justify-content:center}.ProjectTagSelector-module_loadingContent__flT2q{align-items:center;display:flex;gap:8px}.ProjectTagSelector-module_loadingIcon__D4Ay4{animation:ProjectTagSelector-module_spin__e7vzE 1s linear infinite;color:#5b2dee}.ProjectTagSelector-module_loadingText__Zsu0T{font-size:16px}.ProjectTagSelector-module_noResultsText__JL4lp{color:#718096;font-size:12px}.ProjectTagSelector-module_projectTagItem__MIQRZ{align-items:center;background-color:initial;border:0;border-radius:7px;color:#3c4d66;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:52px;justify-content:space-between;margin-bottom:4px;padding:0 17px;text-align:left;transition:background-color .15s ease;width:100%}.ProjectTagSelector-module_projectTagItem__MIQRZ:hover{background-color:#f8f9fc}.ProjectTagSelector-module_projectTagItemSelected__tdK6K{background-color:#f5f2ff;color:#34445c}.ProjectTagSelector-module_projectTagItemSelected__tdK6K:hover{background-color:#f5f2ff}.ProjectTagSelector-module_projectTagName__BuIWw{min-width:0;overflow:hidden;padding-right:16px;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_checkIcon__zRc-c{color:#5b2dee;flex-shrink:0}@keyframes ProjectTagSelector-module_spin__e7vzE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(e)}(),exports.default={container:"ProjectTagSelector-module_container__t7LHr",trigger:"ProjectTagSelector-module_trigger__fDlEE",projectTagButton:"ProjectTagSelector-module_projectTagButton__PtZYL",editButton:"ProjectTagSelector-module_editButton__s-tEg",closeButton:"ProjectTagSelector-module_closeButton__ILTRX",clearSearchButton:"ProjectTagSelector-module_clearSearchButton__4Auoi",projectTagItem:"ProjectTagSelector-module_projectTagItem__MIQRZ",truncate:"ProjectTagSelector-module_truncate__FEV94",dropdown:"ProjectTagSelector-module_dropdown__CHxVP",header:"ProjectTagSelector-module_header__t2bVy",title:"ProjectTagSelector-module_title__y8wH2",searchSection:"ProjectTagSelector-module_searchSection__rtycx",searchWrapper:"ProjectTagSelector-module_searchWrapper__fEylK",searchIcon:"ProjectTagSelector-module_searchIcon__1wgpQ",searchInput:"ProjectTagSelector-module_searchInput__Iojau",projectTagList:"ProjectTagSelector-module_projectTagList__h-OUL",emptyState:"ProjectTagSelector-module_emptyState__JhLBq",loadingContent:"ProjectTagSelector-module_loadingContent__flT2q",loadingIcon:"ProjectTagSelector-module_loadingIcon__D4Ay4",spin:"ProjectTagSelector-module_spin__e7vzE",loadingText:"ProjectTagSelector-module_loadingText__Zsu0T",noResultsText:"ProjectTagSelector-module_noResultsText__JL4lp",projectTagItemSelected:"ProjectTagSelector-module_projectTagItemSelected__tdK6K",projectTagName:"ProjectTagSelector-module_projectTagName__BuIWw",checkIcon:"ProjectTagSelector-module_checkIcon__zRc-c"};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const o=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;o&&e.setAttribute("nonce",o),e.appendChild(document.createTextNode(".ProjectTagSelector-module_container__t7LHr{display:inline-block;position:relative;width:460px}.ProjectTagSelector-module_trigger__fDlEE{align-items:center;display:flex;gap:4px;justify-content:flex-end}.ProjectTagSelector-module_projectTagButton__PtZYL{align-items:center;background-color:#f8f5ff;border:0;border-radius:10px;color:#5b2dee;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:38px;padding:0 12px;transition:background-color .15s ease}.ProjectTagSelector-module_projectTagButton__PtZYL:hover{background-color:#f2edff}.ProjectTagSelector-module_clearSearchButton__4Auoi:focus-visible,.ProjectTagSelector-module_closeButton__ILTRX:focus-visible,.ProjectTagSelector-module_editButton__s-tEg:focus-visible,.ProjectTagSelector-module_projectTagButton__PtZYL:focus-visible,.ProjectTagSelector-module_projectTagItem__MIQRZ:focus-visible{outline:2px solid #a9b9d0;outline-offset:2px}.ProjectTagSelector-module_truncate__FEV94{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_editButton__s-tEg{align-items:center;background-color:#f8fafd;border:0;border-radius:10px;color:#53657d;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background-color .15s ease;width:44px}.ProjectTagSelector-module_editButton__s-tEg:hover{background-color:#f1f4f8}.ProjectTagSelector-module_dropdown__CHxVP{background-color:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 18px 45px #1e2a3c29;overflow:hidden;position:absolute;right:0;top:48px;width:460px;z-index:1000}.ProjectTagSelector-module_header__t2bVy{align-items:center;display:flex;height:76px;justify-content:space-between;padding:0 28px}.ProjectTagSelector-module_title__y8wH2{color:#273449;font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.ProjectTagSelector-module_closeButton__ILTRX{align-items:center;background:#0000;border:0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.ProjectTagSelector-module_closeButton__ILTRX:hover{background-color:#f4f6f9;color:#334155}.ProjectTagSelector-module_searchSection__rtycx{border-bottom:1px solid #e8ebf0;padding:0 28px 20px}.ProjectTagSelector-module_searchWrapper__fEylK{align-items:center;background-color:#fff;border:1px solid #c9d5e5;border-radius:10px;box-shadow:0 1px 3px #1e293b14;display:flex;height:52px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ProjectTagSelector-module_searchWrapper__fEylK:focus-within{border-color:#a9b9d0;box-shadow:0 0 0 1px #d7e0ed,0 1px 3px #1e293b14}.ProjectTagSelector-module_searchIcon__1wgpQ{color:#8ca0bb;left:16px;position:absolute}.ProjectTagSelector-module_searchInput__Iojau{background:#0000;border:0;border-radius:10px;color:#334155;font-size:12px;height:100%;outline:none;padding:0 48px 0 56px;width:100%}.ProjectTagSelector-module_searchInput__Iojau::placeholder{color:#667b99}.ProjectTagSelector-module_clearSearchButton__4Auoi{align-items:center;background:#0000;border:0;border-radius:50%;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:12px;width:28px}.ProjectTagSelector-module_clearSearchButton__4Auoi:hover{background-color:#f1f4f8}.ProjectTagSelector-module_projectTagList__h-OUL{overflow-y:auto;padding:16px 20px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar{width:6px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-track{background:#0000}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb{background-color:#d5dce7;border-radius:999px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb:hover{background-color:#bcc7d6}.ProjectTagSelector-module_emptyState__JhLBq{align-items:center;color:#64748b;display:flex;height:100%;justify-content:center}.ProjectTagSelector-module_loadingContent__flT2q{align-items:center;display:flex;gap:8px}.ProjectTagSelector-module_loadingIcon__D4Ay4{animation:ProjectTagSelector-module_spin__e7vzE 1s linear infinite;color:#5b2dee}.ProjectTagSelector-module_loadingText__Zsu0T{font-size:16px}.ProjectTagSelector-module_noResultsText__JL4lp{color:#718096;font-size:12px}.ProjectTagSelector-module_projectTagItem__MIQRZ{align-items:center;background-color:initial;border:0;border-radius:7px;color:#3c4d66;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:52px;justify-content:space-between;margin-bottom:4px;padding:0 17px;text-align:left;transition:background-color .15s ease;width:100%}.ProjectTagSelector-module_projectTagItem__MIQRZ:hover{background-color:#f8f9fc}.ProjectTagSelector-module_projectTagItemSelected__tdK6K{background-color:#f5f2ff;color:#34445c}.ProjectTagSelector-module_projectTagItemSelected__tdK6K:hover{background-color:#f5f2ff}.ProjectTagSelector-module_projectTagName__BuIWw{min-width:0;overflow:hidden;padding-right:16px;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_checkIcon__zRc-c{color:#5b2dee;flex-shrink:0}.ProjectTagSelector-module_clockIcon__QhD-j{color:gray;flex-shrink:0}@keyframes ProjectTagSelector-module_spin__e7vzE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(e)}(),exports.default={container:"ProjectTagSelector-module_container__t7LHr",trigger:"ProjectTagSelector-module_trigger__fDlEE",projectTagButton:"ProjectTagSelector-module_projectTagButton__PtZYL",editButton:"ProjectTagSelector-module_editButton__s-tEg",closeButton:"ProjectTagSelector-module_closeButton__ILTRX",clearSearchButton:"ProjectTagSelector-module_clearSearchButton__4Auoi",projectTagItem:"ProjectTagSelector-module_projectTagItem__MIQRZ",truncate:"ProjectTagSelector-module_truncate__FEV94",dropdown:"ProjectTagSelector-module_dropdown__CHxVP",header:"ProjectTagSelector-module_header__t2bVy",title:"ProjectTagSelector-module_title__y8wH2",searchSection:"ProjectTagSelector-module_searchSection__rtycx",searchWrapper:"ProjectTagSelector-module_searchWrapper__fEylK",searchIcon:"ProjectTagSelector-module_searchIcon__1wgpQ",searchInput:"ProjectTagSelector-module_searchInput__Iojau",projectTagList:"ProjectTagSelector-module_projectTagList__h-OUL",emptyState:"ProjectTagSelector-module_emptyState__JhLBq",loadingContent:"ProjectTagSelector-module_loadingContent__flT2q",loadingIcon:"ProjectTagSelector-module_loadingIcon__D4Ay4",spin:"ProjectTagSelector-module_spin__e7vzE",loadingText:"ProjectTagSelector-module_loadingText__Zsu0T",noResultsText:"ProjectTagSelector-module_noResultsText__JL4lp",projectTagItemSelected:"ProjectTagSelector-module_projectTagItemSelected__tdK6K",projectTagName:"ProjectTagSelector-module_projectTagName__BuIWw",checkIcon:"ProjectTagSelector-module_checkIcon__zRc-c",clockIcon:"ProjectTagSelector-module_clockIcon__QhD-j"};
|
|
2
2
|
//# sourceMappingURL=ProjectTagSelector.module.css.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as l,useState as o,useEffect as a,useCallback as n,useMemo as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useRef as l,useState as o,useEffect as a,useCallback as n,useMemo as c}from"react";import{Tooltip as r}from"@mui/material";import{Pencil as s,X as i,Search as d,Loader2 as u,Check as m,Clock as p}from"lucide-react";import h from"./ProjectTagSelector.module.css.js";const g=({selectedProjectTag:g,projectTags:v,isLoading:y=!1,onOpen:j,onProjectTagChange:N,triggerPrefix:T="Project : ",title:I="Modify the project tag for this requirement",controlled:b=!1,debounceMs:f=300,visibleItems:w=6,projectTagNameMaxLength:S=30,recentProjectTags:k=[],itemHeight:x=52,className:C="",width:P="460px",customStyles:L})=>{const B=l(null),[z,W]=o(!1),[$,M]=o(""),[E,R]=o(""),[q,H]=o(g);a(()=>{H(g)},[g]),a(()=>{const e=window.setTimeout(()=>{R($.trim())},f);return()=>{window.clearTimeout(e)}},[$,f]),a(()=>{if(!z)return;const e=e=>{B.current&&!B.current.contains(e.target)&&A()};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[z]);const O=n(()=>{W(!0),M(""),R(""),null==j||j()},[j]),A=n(()=>{W(!1),M(""),R("")},[]),D=n(e=>{b||H(e),null==N||N(e),A()},[b,A,N]),F=b?g:q,G=c(()=>{if(!E)return v;const e=E.toLowerCase();return v.filter(t=>t.projectName.toLowerCase().includes(e))},[v,E]),J=c(()=>new Set(k.map(e=>e.projectId)),[k]),K=w*x,Q=F.projectName.length>S?`${F.projectName.slice(0,S)}...`:F.projectName;return e("div",{ref:B,className:`${h.container} ${C}`,style:{width:P,...null==L?void 0:L.container},children:[e("div",{className:h.trigger,style:null==L?void 0:L.trigger,children:[t("button",{type:"button",onClick:O,"aria-expanded":z,"aria-haspopup":"listbox",className:h.projectTagButton,style:null==L?void 0:L.projectTagButton,children:t(r,{title:F.projectName,placement:"top",arrow:!0,children:e("span",{className:h.truncate,style:null==L?void 0:L.truncate,children:[T,Q]})})}),t("button",{type:"button",onClick:O,"aria-label":"Modify Project Tag",className:h.editButton,style:null==L?void 0:L.editButton,children:t(s,{size:20,strokeWidth:1.8,style:null==L?void 0:L.editIcon})})]}),z&&e("div",{className:h.dropdown,style:{width:P,...null==L?void 0:L.dropdown},children:[e("div",{className:h.header,style:null==L?void 0:L.header,children:[t("h3",{className:h.title,style:null==L?void 0:L.title,children:I}),t("button",{type:"button",onClick:A,"aria-label":"Close Project Tag selector",className:h.closeButton,style:null==L?void 0:L.closeButton,children:t(i,{size:22,strokeWidth:2,style:null==L?void 0:L.closeIcon})})]}),t("div",{className:h.searchSection,style:null==L?void 0:L.searchSection,children:e("div",{className:h.searchWrapper,style:null==L?void 0:L.searchWrapper,children:[t(d,{size:23,strokeWidth:1.7,className:h.searchIcon,style:null==L?void 0:L.searchIcon}),t("input",{type:"text",value:$,onChange:e=>M(e.target.value),placeholder:"Search Project",className:h.searchInput,style:null==L?void 0:L.searchInput}),$&&t("button",{type:"button",onClick:()=>M(""),"aria-label":"Clear Project Tag search",className:h.clearSearchButton,style:null==L?void 0:L.clearSearchButton,children:t(i,{size:17,style:null==L?void 0:L.clearSearchIcon})})]})}),e("div",{className:h.projectTagList,style:{height:`${K}px`,...null==L?void 0:L.projectTagList},role:"listbox","aria-label":"Project Tags",children:[y&&0===v.length&&t("div",{className:h.emptyState,style:null==L?void 0:L.emptyState,children:e("div",{className:h.loadingContent,style:null==L?void 0:L.loadingContent,children:[t(u,{size:22,className:h.loadingIcon,style:null==L?void 0:L.loadingIcon}),t("span",{className:h.loadingText,style:null==L?void 0:L.loadingText,children:"Loading Project Tags..."})]})}),!y&&0===G.length&&t("div",{className:h.emptyState,style:null==L?void 0:L.emptyState,children:t("span",{className:h.noResultsText,style:null==L?void 0:L.noResultsText,children:"No Project Tags found"})}),G.map(l=>{const o=l.projectId===F.projectId,a=!o&&J.has(l.projectId);return e("button",{type:"button",role:"option","aria-selected":o,onClick:()=>D(l),className:`${h.projectTagItem} ${o?h.projectTagItemSelected:""}`,style:{...null==L?void 0:L.projectTagItem,...o?null==L?void 0:L.projectTagItemSelected:{}},children:[t("span",{className:h.projectTagName,style:null==L?void 0:L.projectTagName,children:l.projectName}),o&&t(m,{size:21,strokeWidth:2.5,className:h.checkIcon,style:null==L?void 0:L.checkIcon}),a&&t(p,{size:21,strokeWidth:2.5,className:h.clockIcon,style:null==L?void 0:L.clockIcon})]},l.projectId)})]})]})]})};export{g as default};
|
|
2
2
|
//# sourceMappingURL=ProjectTagSelector.js.map
|
package/dist/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.module.css.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={container:"ProjectTagSelector-module_container__t7LHr",trigger:"ProjectTagSelector-module_trigger__fDlEE",projectTagButton:"ProjectTagSelector-module_projectTagButton__PtZYL",editButton:"ProjectTagSelector-module_editButton__s-tEg",closeButton:"ProjectTagSelector-module_closeButton__ILTRX",clearSearchButton:"ProjectTagSelector-module_clearSearchButton__4Auoi",projectTagItem:"ProjectTagSelector-module_projectTagItem__MIQRZ",truncate:"ProjectTagSelector-module_truncate__FEV94",dropdown:"ProjectTagSelector-module_dropdown__CHxVP",header:"ProjectTagSelector-module_header__t2bVy",title:"ProjectTagSelector-module_title__y8wH2",searchSection:"ProjectTagSelector-module_searchSection__rtycx",searchWrapper:"ProjectTagSelector-module_searchWrapper__fEylK",searchIcon:"ProjectTagSelector-module_searchIcon__1wgpQ",searchInput:"ProjectTagSelector-module_searchInput__Iojau",projectTagList:"ProjectTagSelector-module_projectTagList__h-OUL",emptyState:"ProjectTagSelector-module_emptyState__JhLBq",loadingContent:"ProjectTagSelector-module_loadingContent__flT2q",loadingIcon:"ProjectTagSelector-module_loadingIcon__D4Ay4",spin:"ProjectTagSelector-module_spin__e7vzE",loadingText:"ProjectTagSelector-module_loadingText__Zsu0T",noResultsText:"ProjectTagSelector-module_noResultsText__JL4lp",projectTagItemSelected:"ProjectTagSelector-module_projectTagItemSelected__tdK6K",projectTagName:"ProjectTagSelector-module_projectTagName__BuIWw",checkIcon:"ProjectTagSelector-module_checkIcon__zRc-c"};!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const o=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;o&&e.setAttribute("nonce",o),e.appendChild(document.createTextNode(".ProjectTagSelector-module_container__t7LHr{display:inline-block;position:relative;width:460px}.ProjectTagSelector-module_trigger__fDlEE{align-items:center;display:flex;gap:4px;justify-content:flex-end}.ProjectTagSelector-module_projectTagButton__PtZYL{align-items:center;background-color:#f8f5ff;border:0;border-radius:10px;color:#5b2dee;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:38px;padding:0 12px;transition:background-color .15s ease}.ProjectTagSelector-module_projectTagButton__PtZYL:hover{background-color:#f2edff}.ProjectTagSelector-module_clearSearchButton__4Auoi:focus-visible,.ProjectTagSelector-module_closeButton__ILTRX:focus-visible,.ProjectTagSelector-module_editButton__s-tEg:focus-visible,.ProjectTagSelector-module_projectTagButton__PtZYL:focus-visible,.ProjectTagSelector-module_projectTagItem__MIQRZ:focus-visible{outline:2px solid #a9b9d0;outline-offset:2px}.ProjectTagSelector-module_truncate__FEV94{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_editButton__s-tEg{align-items:center;background-color:#f8fafd;border:0;border-radius:10px;color:#53657d;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background-color .15s ease;width:44px}.ProjectTagSelector-module_editButton__s-tEg:hover{background-color:#f1f4f8}.ProjectTagSelector-module_dropdown__CHxVP{background-color:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 18px 45px #1e2a3c29;overflow:hidden;position:absolute;right:0;top:48px;width:460px;z-index:1000}.ProjectTagSelector-module_header__t2bVy{align-items:center;display:flex;height:76px;justify-content:space-between;padding:0 28px}.ProjectTagSelector-module_title__y8wH2{color:#273449;font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.ProjectTagSelector-module_closeButton__ILTRX{align-items:center;background:#0000;border:0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.ProjectTagSelector-module_closeButton__ILTRX:hover{background-color:#f4f6f9;color:#334155}.ProjectTagSelector-module_searchSection__rtycx{border-bottom:1px solid #e8ebf0;padding:0 28px 20px}.ProjectTagSelector-module_searchWrapper__fEylK{align-items:center;background-color:#fff;border:1px solid #c9d5e5;border-radius:10px;box-shadow:0 1px 3px #1e293b14;display:flex;height:52px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ProjectTagSelector-module_searchWrapper__fEylK:focus-within{border-color:#a9b9d0;box-shadow:0 0 0 1px #d7e0ed,0 1px 3px #1e293b14}.ProjectTagSelector-module_searchIcon__1wgpQ{color:#8ca0bb;left:16px;position:absolute}.ProjectTagSelector-module_searchInput__Iojau{background:#0000;border:0;border-radius:10px;color:#334155;font-size:12px;height:100%;outline:none;padding:0 48px 0 56px;width:100%}.ProjectTagSelector-module_searchInput__Iojau::placeholder{color:#667b99}.ProjectTagSelector-module_clearSearchButton__4Auoi{align-items:center;background:#0000;border:0;border-radius:50%;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:12px;width:28px}.ProjectTagSelector-module_clearSearchButton__4Auoi:hover{background-color:#f1f4f8}.ProjectTagSelector-module_projectTagList__h-OUL{overflow-y:auto;padding:16px 20px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar{width:6px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-track{background:#0000}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb{background-color:#d5dce7;border-radius:999px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb:hover{background-color:#bcc7d6}.ProjectTagSelector-module_emptyState__JhLBq{align-items:center;color:#64748b;display:flex;height:100%;justify-content:center}.ProjectTagSelector-module_loadingContent__flT2q{align-items:center;display:flex;gap:8px}.ProjectTagSelector-module_loadingIcon__D4Ay4{animation:ProjectTagSelector-module_spin__e7vzE 1s linear infinite;color:#5b2dee}.ProjectTagSelector-module_loadingText__Zsu0T{font-size:16px}.ProjectTagSelector-module_noResultsText__JL4lp{color:#718096;font-size:12px}.ProjectTagSelector-module_projectTagItem__MIQRZ{align-items:center;background-color:initial;border:0;border-radius:7px;color:#3c4d66;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:52px;justify-content:space-between;margin-bottom:4px;padding:0 17px;text-align:left;transition:background-color .15s ease;width:100%}.ProjectTagSelector-module_projectTagItem__MIQRZ:hover{background-color:#f8f9fc}.ProjectTagSelector-module_projectTagItemSelected__tdK6K{background-color:#f5f2ff;color:#34445c}.ProjectTagSelector-module_projectTagItemSelected__tdK6K:hover{background-color:#f5f2ff}.ProjectTagSelector-module_projectTagName__BuIWw{min-width:0;overflow:hidden;padding-right:16px;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_checkIcon__zRc-c{color:#5b2dee;flex-shrink:0}@keyframes ProjectTagSelector-module_spin__e7vzE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(e)}();export{e as default};
|
|
1
|
+
var e={container:"ProjectTagSelector-module_container__t7LHr",trigger:"ProjectTagSelector-module_trigger__fDlEE",projectTagButton:"ProjectTagSelector-module_projectTagButton__PtZYL",editButton:"ProjectTagSelector-module_editButton__s-tEg",closeButton:"ProjectTagSelector-module_closeButton__ILTRX",clearSearchButton:"ProjectTagSelector-module_clearSearchButton__4Auoi",projectTagItem:"ProjectTagSelector-module_projectTagItem__MIQRZ",truncate:"ProjectTagSelector-module_truncate__FEV94",dropdown:"ProjectTagSelector-module_dropdown__CHxVP",header:"ProjectTagSelector-module_header__t2bVy",title:"ProjectTagSelector-module_title__y8wH2",searchSection:"ProjectTagSelector-module_searchSection__rtycx",searchWrapper:"ProjectTagSelector-module_searchWrapper__fEylK",searchIcon:"ProjectTagSelector-module_searchIcon__1wgpQ",searchInput:"ProjectTagSelector-module_searchInput__Iojau",projectTagList:"ProjectTagSelector-module_projectTagList__h-OUL",emptyState:"ProjectTagSelector-module_emptyState__JhLBq",loadingContent:"ProjectTagSelector-module_loadingContent__flT2q",loadingIcon:"ProjectTagSelector-module_loadingIcon__D4Ay4",spin:"ProjectTagSelector-module_spin__e7vzE",loadingText:"ProjectTagSelector-module_loadingText__Zsu0T",noResultsText:"ProjectTagSelector-module_noResultsText__JL4lp",projectTagItemSelected:"ProjectTagSelector-module_projectTagItemSelected__tdK6K",projectTagName:"ProjectTagSelector-module_projectTagName__BuIWw",checkIcon:"ProjectTagSelector-module_checkIcon__zRc-c",clockIcon:"ProjectTagSelector-module_clockIcon__QhD-j"};!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const o=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;o&&e.setAttribute("nonce",o),e.appendChild(document.createTextNode(".ProjectTagSelector-module_container__t7LHr{display:inline-block;position:relative;width:460px}.ProjectTagSelector-module_trigger__fDlEE{align-items:center;display:flex;gap:4px;justify-content:flex-end}.ProjectTagSelector-module_projectTagButton__PtZYL{align-items:center;background-color:#f8f5ff;border:0;border-radius:10px;color:#5b2dee;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:38px;padding:0 12px;transition:background-color .15s ease}.ProjectTagSelector-module_projectTagButton__PtZYL:hover{background-color:#f2edff}.ProjectTagSelector-module_clearSearchButton__4Auoi:focus-visible,.ProjectTagSelector-module_closeButton__ILTRX:focus-visible,.ProjectTagSelector-module_editButton__s-tEg:focus-visible,.ProjectTagSelector-module_projectTagButton__PtZYL:focus-visible,.ProjectTagSelector-module_projectTagItem__MIQRZ:focus-visible{outline:2px solid #a9b9d0;outline-offset:2px}.ProjectTagSelector-module_truncate__FEV94{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_editButton__s-tEg{align-items:center;background-color:#f8fafd;border:0;border-radius:10px;color:#53657d;cursor:pointer;display:flex;height:38px;justify-content:center;padding:0;transition:background-color .15s ease;width:44px}.ProjectTagSelector-module_editButton__s-tEg:hover{background-color:#f1f4f8}.ProjectTagSelector-module_dropdown__CHxVP{background-color:#fff;border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 18px 45px #1e2a3c29;overflow:hidden;position:absolute;right:0;top:48px;width:460px;z-index:1000}.ProjectTagSelector-module_header__t2bVy{align-items:center;display:flex;height:76px;justify-content:space-between;padding:0 28px}.ProjectTagSelector-module_title__y8wH2{color:#273449;font-size:16px;font-weight:500;letter-spacing:-.3px;margin:0}.ProjectTagSelector-module_closeButton__ILTRX{align-items:center;background:#0000;border:0;border-radius:50%;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;transition:background-color .15s ease,color .15s ease;width:32px}.ProjectTagSelector-module_closeButton__ILTRX:hover{background-color:#f4f6f9;color:#334155}.ProjectTagSelector-module_searchSection__rtycx{border-bottom:1px solid #e8ebf0;padding:0 28px 20px}.ProjectTagSelector-module_searchWrapper__fEylK{align-items:center;background-color:#fff;border:1px solid #c9d5e5;border-radius:10px;box-shadow:0 1px 3px #1e293b14;display:flex;height:52px;position:relative;transition:border-color .15s ease,box-shadow .15s ease}.ProjectTagSelector-module_searchWrapper__fEylK:focus-within{border-color:#a9b9d0;box-shadow:0 0 0 1px #d7e0ed,0 1px 3px #1e293b14}.ProjectTagSelector-module_searchIcon__1wgpQ{color:#8ca0bb;left:16px;position:absolute}.ProjectTagSelector-module_searchInput__Iojau{background:#0000;border:0;border-radius:10px;color:#334155;font-size:12px;height:100%;outline:none;padding:0 48px 0 56px;width:100%}.ProjectTagSelector-module_searchInput__Iojau::placeholder{color:#667b99}.ProjectTagSelector-module_clearSearchButton__4Auoi{align-items:center;background:#0000;border:0;border-radius:50%;color:#718096;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:12px;width:28px}.ProjectTagSelector-module_clearSearchButton__4Auoi:hover{background-color:#f1f4f8}.ProjectTagSelector-module_projectTagList__h-OUL{overflow-y:auto;padding:16px 20px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar{width:6px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-track{background:#0000}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb{background-color:#d5dce7;border-radius:999px}.ProjectTagSelector-module_projectTagList__h-OUL::-webkit-scrollbar-thumb:hover{background-color:#bcc7d6}.ProjectTagSelector-module_emptyState__JhLBq{align-items:center;color:#64748b;display:flex;height:100%;justify-content:center}.ProjectTagSelector-module_loadingContent__flT2q{align-items:center;display:flex;gap:8px}.ProjectTagSelector-module_loadingIcon__D4Ay4{animation:ProjectTagSelector-module_spin__e7vzE 1s linear infinite;color:#5b2dee}.ProjectTagSelector-module_loadingText__Zsu0T{font-size:16px}.ProjectTagSelector-module_noResultsText__JL4lp{color:#718096;font-size:12px}.ProjectTagSelector-module_projectTagItem__MIQRZ{align-items:center;background-color:initial;border:0;border-radius:7px;color:#3c4d66;cursor:pointer;display:flex;font-size:12px;font-weight:400;height:52px;justify-content:space-between;margin-bottom:4px;padding:0 17px;text-align:left;transition:background-color .15s ease;width:100%}.ProjectTagSelector-module_projectTagItem__MIQRZ:hover{background-color:#f8f9fc}.ProjectTagSelector-module_projectTagItemSelected__tdK6K{background-color:#f5f2ff;color:#34445c}.ProjectTagSelector-module_projectTagItemSelected__tdK6K:hover{background-color:#f5f2ff}.ProjectTagSelector-module_projectTagName__BuIWw{min-width:0;overflow:hidden;padding-right:16px;text-overflow:ellipsis;white-space:nowrap}.ProjectTagSelector-module_checkIcon__zRc-c{color:#5b2dee;flex-shrink:0}.ProjectTagSelector-module_clockIcon__QhD-j{color:gray;flex-shrink:0}@keyframes ProjectTagSelector-module_spin__e7vzE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}"));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(e)}();export{e as default};
|
|
2
2
|
//# sourceMappingURL=ProjectTagSelector.module.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectTagSelectorDemo.d.ts","sourceRoot":"","sources":["../../../src/ProjectTagSelectorDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProjectTagSelectorDemo.d.ts","sourceRoot":"","sources":["../../../src/ProjectTagSelectorDemo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgExC,QAAA,MAAM,sBAAsB,EAAE,KAAK,CAAC,EA+DnC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -10,15 +10,18 @@ export interface ProjectTagSelectorCustomStyles {
|
|
|
10
10
|
projectTagButton?: React.CSSProperties;
|
|
11
11
|
truncate?: React.CSSProperties;
|
|
12
12
|
editButton?: React.CSSProperties;
|
|
13
|
+
editIcon?: React.CSSProperties;
|
|
13
14
|
dropdown?: React.CSSProperties;
|
|
14
15
|
header?: React.CSSProperties;
|
|
15
16
|
title?: React.CSSProperties;
|
|
16
17
|
closeButton?: React.CSSProperties;
|
|
18
|
+
closeIcon?: React.CSSProperties;
|
|
17
19
|
searchSection?: React.CSSProperties;
|
|
18
20
|
searchWrapper?: React.CSSProperties;
|
|
19
21
|
searchIcon?: React.CSSProperties;
|
|
20
22
|
searchInput?: React.CSSProperties;
|
|
21
23
|
clearSearchButton?: React.CSSProperties;
|
|
24
|
+
clearSearchIcon?: React.CSSProperties;
|
|
22
25
|
projectTagList?: React.CSSProperties;
|
|
23
26
|
emptyState?: React.CSSProperties;
|
|
24
27
|
loadingContent?: React.CSSProperties;
|
|
@@ -29,6 +32,7 @@ export interface ProjectTagSelectorCustomStyles {
|
|
|
29
32
|
projectTagItemSelected?: React.CSSProperties;
|
|
30
33
|
projectTagName?: React.CSSProperties;
|
|
31
34
|
checkIcon?: React.CSSProperties;
|
|
35
|
+
clockIcon?: React.CSSProperties;
|
|
32
36
|
}
|
|
33
37
|
export interface ProjectTagSelectorProps {
|
|
34
38
|
/**
|
|
@@ -52,6 +56,23 @@ export interface ProjectTagSelectorProps {
|
|
|
52
56
|
* Called whenever a Project Tag is selected.
|
|
53
57
|
*/
|
|
54
58
|
onProjectTagChange?: (projectTag: ProjectTagOption) => void;
|
|
59
|
+
/**
|
|
60
|
+
* Text shown before the selected Project Tag name in
|
|
61
|
+
* the trigger. Pass an empty string to show the name
|
|
62
|
+
* on its own.
|
|
63
|
+
*/
|
|
64
|
+
triggerPrefix?: string;
|
|
65
|
+
/**
|
|
66
|
+
* Heading shown at the top of the dropdown.
|
|
67
|
+
*/
|
|
68
|
+
title?: string;
|
|
69
|
+
/**
|
|
70
|
+
* Treat `selectedProjectTag` as the single source of
|
|
71
|
+
* truth. By default the selector also updates itself
|
|
72
|
+
* as soon as an option is clicked, which a parent that
|
|
73
|
+
* confirms (or rejects) the change cannot undo.
|
|
74
|
+
*/
|
|
75
|
+
controlled?: boolean;
|
|
55
76
|
/**
|
|
56
77
|
* Search debounce delay in milliseconds.
|
|
57
78
|
*/
|
|
@@ -60,6 +81,22 @@ export interface ProjectTagSelectorProps {
|
|
|
60
81
|
* Number of Project Tag rows visible before scrolling.
|
|
61
82
|
*/
|
|
62
83
|
visibleItems?: number;
|
|
84
|
+
/**
|
|
85
|
+
* Maximum characters shown for Project Tag names
|
|
86
|
+
* before adding an ellipsis.
|
|
87
|
+
*/
|
|
88
|
+
projectTagNameMaxLength?: number;
|
|
89
|
+
/**
|
|
90
|
+
* Recent Project Tags shown with a clock icon.
|
|
91
|
+
*/
|
|
92
|
+
recentProjectTags?: ProjectTagOption[];
|
|
93
|
+
/**
|
|
94
|
+
* Height of a single Project Tag row, in pixels. Set
|
|
95
|
+
* this when overriding the row height through
|
|
96
|
+
* `customStyles.projectTagItem`, so the list viewport
|
|
97
|
+
* stays in step with it.
|
|
98
|
+
*/
|
|
99
|
+
itemHeight?: number;
|
|
63
100
|
/**
|
|
64
101
|
* Optional additional classes.
|
|
65
102
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProjectTagSelector.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ProjectTagSelector.d.ts","sourceRoot":"","sources":["../../../../../../../src/features/RequirementAI/components/project-tag-selector/ProjectTagSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAYf,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACxC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACtC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,sBAAsB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC7C,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,kBAAkB,EAAE,gBAAgB,CAAC;IAErC;;OAEG;IACH,WAAW,EAAE,gBAAgB,EAAE,CAAC;IAEhC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,kBAAkB,CAAC,EAAE,CACnB,UAAU,EAAE,gBAAgB,KACzB,IAAI,CAAC;IAEV;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IAEjC;;OAEG;IACH,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEvC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,8BAA8B,CAAC;CAC/C;AAID,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkazD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|