@viswa-test/creative-workspace-ui-component 0.0.10 → 0.0.12
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/components/AssignReminders/AssignLevelAccordions.js +1 -1
- package/dist/cjs/components/AssignReminders/components/AssignLevelsDatePicker.js +1 -1
- package/dist/cjs/components/AssignReminders/styles/AssignLevelsDatePickerStyles.js +2 -0
- package/dist/cjs/components/AssignReminders/styles/AssignLevelsDatePickerStyles.js.map +1 -0
- package/dist/components/AssignReminders/AssignLevelAccordions.js +1 -1
- package/dist/components/AssignReminders/components/AssignLevelsDatePicker.js +1 -1
- package/dist/components/AssignReminders/styles/AssignLevelsDatePickerStyles.js +2 -0
- package/dist/components/AssignReminders/styles/AssignLevelsDatePickerStyles.js.map +1 -0
- package/dist/types/components/AssignReminders/AssignLevelAccordions.d.ts.map +1 -1
- package/dist/types/components/AssignReminders/components/AssignLevelsDatePicker.d.ts +1 -1
- package/dist/types/components/AssignReminders/components/AssignLevelsDatePicker.d.ts.map +1 -1
- package/dist/types/components/AssignReminders/styles/AssignLevelsDatePickerStyles.d.ts +2 -0
- package/dist/types/components/AssignReminders/styles/AssignLevelsDatePickerStyles.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),s=require("react"),t=require("lucide-react"),i=require("./utils/generateRandomColorsPair.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),n=require("react/jsx-runtime"),s=require("react"),t=require("lucide-react"),i=require("./utils/generateRandomColorsPair.js"),o=require("./assets/VerticalLine.js"),r=require("./components/AssignLevelsDatePicker.js"),a=require("./components/LevelData.js");exports.default=function(l){var d,p,u=l.level,c=l.id,g=l.accessLevelOptions,x=l.fetchUsers,h=l.onToggleMandatory,y=l.onDueDateChange,f=l.onAssigneesChange,_=l.onTitleChange,j=l.onDeleteLevel,b=s.useMemo(function(){return i.getRandomColorPair()},[]),v=s.useState(!1),F=v[0],m=v[1],C=s.useState(!1),k=C[0],D=C[1];return n.jsxs("div",e.__assign({style:{width:"100%",border:"1.5px solid #E2E8F0",borderRadius:"5px"}},{children:[n.jsxs("div",e.__assign({style:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"#F8FAFC",padding:"0px 10px",minHeight:"48px"}},{children:[n.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:10,paddingLeft:"20px"}},{children:[n.jsx("span",e.__assign({style:{backgroundColor:b.backgroundColor,borderRadius:"10px",padding:"3px 12px",color:b.color,fontSize:"14px",fontWeight:500}},{children:u.headerName})),k?n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("input",{type:"text",value:u.title||"",onChange:function(e){return null==_?void 0:_(e.target.value)},onBlur:function(){return D(!1)},onKeyDown:function(e){return"Enter"===e.key&&D(!1)},autoFocus:!0,style:{border:"none",borderBottom:"2px solid #3B82F6",outline:"none",fontSize:"14px",fontWeight:500,color:"#374151",background:"transparent",padding:"0 2px",width:"150px"}}),n.jsx("button",e.__assign({type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),D(!1)},style:{background:"none",border:"none",cursor:"pointer",display:"flex",padding:"2px"}},{children:n.jsx(t.Check,{size:16,color:"#10B981"})}))]})):n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[n.jsx("span",e.__assign({style:{fontSize:"14px",fontWeight:500,color:"#374151"}},{children:u.title})),n.jsx("button",e.__assign({type:"button",onClick:function(e){e.stopPropagation(),D(!0)},style:{background:"none",border:"none",cursor:"pointer",display:"flex",padding:"2px"},title:"Edit Title"},{children:n.jsx(t.Edit2,{size:14,color:"#6B7280"})}))]}))]})),n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:16,marginLeft:"auto"}},{children:[F&&u.hasDueDate&&n.jsxs(n.Fragment,{children:[n.jsxs("span",e.__assign({style:{color:"#6B7280"}},{children:["Due Date: ",u.isMandatory&&n.jsx("sup",e.__assign({style:{color:"red"}},{children:"*"}))]})),n.jsx(r.default,{value:null!==(d=u.dueDate)&&void 0!==d?d:null,onSet:y,id:c}),n.jsx(o.default,{})]}),"0"!==c&&n.jsx("div",e.__assign({style:{display:"flex",alignItems:"center"}},{children:n.jsxs("button",e.__assign({type:"button",onClick:h,style:{position:"relative",width:"110px",height:"32px",border:"none",borderRadius:"999px",backgroundColor:u.isMandatory?"#5B4FE9":"#D1D5DB",cursor:"pointer",display:"flex",alignItems:"center",padding:"0 12px",transition:"all 0.2s ease",boxSizing:"border-box"}},{children:[n.jsx("span",{style:{position:"absolute",top:"4px",left:u.isMandatory?"78px":"4px",width:"24px",height:"24px",borderRadius:"50%",background:"#FFFFFF",transition:"all 0.2s ease",boxShadow:"0 1px 4px rgba(0,0,0,0.15)"}}),n.jsx("span",e.__assign({style:{color:"#FFFFFF",fontSize:"14px",fontWeight:500,userSelect:"none",paddingLeft:u.isMandatory?"0":"30px",paddingRight:u.isMandatory?"30px":"0",transition:"all 0.2s ease"}},{children:"Required"}))]}))})),j&&!1===u.isMandatory&&n.jsx(t.Trash2,{size:18,color:"#EF4444",onClick:function(e){e.stopPropagation(),j()},style:{cursor:"pointer",transition:"opacity 0.2s"}}),n.jsx(t.ChevronDown,{size:20,onClick:function(e){e.stopPropagation(),m(function(e){return!e})},style:{cursor:"pointer",flexShrink:0,transition:"transform 0.2s ease",transform:F?"rotate(180deg)":"rotate(0deg)"}})]}))]})),F&&n.jsx("div",e.__assign({style:{width:"100%",height:"auto"}},{children:n.jsx(a.default,{assignees:null!==(p=u.assignees)&&void 0!==p?p:[],onAssigneeChange:f,accessLevelOptions:g,fetchUsers:x})}))]}))};
|
|
2
2
|
//# sourceMappingURL=AssignLevelAccordions.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),l=require("../styles/AssignLevelsDatePickerStyles.js");exports.default=function(n){var i=n.value,s=n.onSet,u=t.useRef(null);return r.jsxs("div",e.__assign({style:l.DATE_PICKER_STYLES.wrapper,onClick:function(){var e,r;return null===(r=null===(e=u.current)||void 0===e?void 0:e.showPicker)||void 0===r?void 0:r.call(e)}},{children:[r.jsx("span",e.__assign({style:l.DATE_PICKER_STYLES.placeholder},{children:i?i.toLocaleDateString("en-GB"):"--/--/----"})),r.jsx("input",{ref:u,type:"date",style:l.DATE_PICKER_STYLES.input,value:i?i.toISOString().split("T")[0]:"",onChange:function(e){var r=e.target.value;s(r?new Date(r):null)}})]}))};
|
|
2
2
|
//# sourceMappingURL=AssignLevelsDatePicker.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.DATE_PICKER_STYLES={wrapper:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",minWidth:"140px",height:"32px",padding:"0 12px",border:"1px solid #D1D5DB",borderRadius:"8px",background:"#FFFFFF",cursor:"pointer",overflow:"hidden"},placeholder:{fontSize:"14px",fontWeight:500,color:"#6B7280",userSelect:"none",pointerEvents:"none"},input:{position:"absolute",inset:0,width:"100%",height:"100%",opacity:0,cursor:"pointer"}};
|
|
2
|
+
//# sourceMappingURL=AssignLevelsDatePickerStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssignLevelsDatePickerStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n,Fragment as o}from"react/jsx-runtime";import{useMemo as
|
|
1
|
+
import{__assign as e}from"../../_virtual/_tslib.js";import{jsxs as t,jsx as n,Fragment as o}from"react/jsx-runtime";import{useMemo as i,useState as r}from"react";import{Check as a,Edit2 as s,Trash2 as l,ChevronDown as d}from"lucide-react";import{getRandomColorPair as p}from"./utils/generateRandomColorsPair.js";import c from"./assets/VerticalLine.js";import u from"./components/AssignLevelsDatePicker.js";import g from"./components/LevelData.js";function f(f){var x,h,y=f.level,b=f.id,m=f.accessLevelOptions,v=f.fetchUsers,F=f.onToggleMandatory,C=f.onDueDateChange,k=f.onAssigneesChange,D=f.onTitleChange,w=f.onDeleteLevel,z=i(function(){return p()},[]),L=r(!1),S=L[0],B=L[1],M=r(!1),j=M[0],R=M[1];return t("div",e({style:{width:"100%",border:"1.5px solid #E2E8F0",borderRadius:"5px"}},{children:[t("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center",backgroundColor:"#F8FAFC",padding:"0px 10px",minHeight:"48px"}},{children:[t("span",e({style:{display:"flex",alignItems:"center",gap:10,paddingLeft:"20px"}},{children:[n("span",e({style:{backgroundColor:z.backgroundColor,borderRadius:"10px",padding:"3px 12px",color:z.color,fontSize:"14px",fontWeight:500}},{children:y.headerName})),t("div",e({style:{display:"flex",alignItems:"center",gap:"6px"}},j?{children:[n("input",{type:"text",value:y.title||"",onChange:function(e){return null==D?void 0:D(e.target.value)},onBlur:function(){return R(!1)},onKeyDown:function(e){return"Enter"===e.key&&R(!1)},autoFocus:!0,style:{border:"none",borderBottom:"2px solid #3B82F6",outline:"none",fontSize:"14px",fontWeight:500,color:"#374151",background:"transparent",padding:"0 2px",width:"150px"}}),n("button",e({type:"button",onMouseDown:function(e){return e.preventDefault()},onClick:function(e){e.stopPropagation(),R(!1)},style:{background:"none",border:"none",cursor:"pointer",display:"flex",padding:"2px"}},{children:n(a,{size:16,color:"#10B981"})}))]}:{children:[n("span",e({style:{fontSize:"14px",fontWeight:500,color:"#374151"}},{children:y.title})),n("button",e({type:"button",onClick:function(e){e.stopPropagation(),R(!0)},style:{background:"none",border:"none",cursor:"pointer",display:"flex",padding:"2px"},title:"Edit Title"},{children:n(s,{size:14,color:"#6B7280"})}))]}))]})),t("div",e({style:{display:"flex",alignItems:"center",gap:16,marginLeft:"auto"}},{children:[S&&y.hasDueDate&&t(o,{children:[t("span",e({style:{color:"#6B7280"}},{children:["Due Date: ",y.isMandatory&&n("sup",e({style:{color:"red"}},{children:"*"}))]})),n(u,{value:null!==(x=y.dueDate)&&void 0!==x?x:null,onSet:C,id:b}),n(c,{})]}),"0"!==b&&n("div",e({style:{display:"flex",alignItems:"center"}},{children:t("button",e({type:"button",onClick:F,style:{position:"relative",width:"110px",height:"32px",border:"none",borderRadius:"999px",backgroundColor:y.isMandatory?"#5B4FE9":"#D1D5DB",cursor:"pointer",display:"flex",alignItems:"center",padding:"0 12px",transition:"all 0.2s ease",boxSizing:"border-box"}},{children:[n("span",{style:{position:"absolute",top:"4px",left:y.isMandatory?"78px":"4px",width:"24px",height:"24px",borderRadius:"50%",background:"#FFFFFF",transition:"all 0.2s ease",boxShadow:"0 1px 4px rgba(0,0,0,0.15)"}}),n("span",e({style:{color:"#FFFFFF",fontSize:"14px",fontWeight:500,userSelect:"none",paddingLeft:y.isMandatory?"0":"30px",paddingRight:y.isMandatory?"30px":"0",transition:"all 0.2s ease"}},{children:"Required"}))]}))})),w&&!1===y.isMandatory&&n(l,{size:18,color:"#EF4444",onClick:function(e){e.stopPropagation(),w()},style:{cursor:"pointer",transition:"opacity 0.2s"}}),n(d,{size:20,onClick:function(e){e.stopPropagation(),B(function(e){return!e})},style:{cursor:"pointer",flexShrink:0,transition:"transform 0.2s ease",transform:S?"rotate(180deg)":"rotate(0deg)"}})]}))]})),S&&n("div",e({style:{width:"100%",height:"auto"}},{children:n(g,{assignees:null!==(h=y.assignees)&&void 0!==h?h:[],onAssigneeChange:k,accessLevelOptions:m,fetchUsers:v})}))]}))}export{f as default};
|
|
2
2
|
//# sourceMappingURL=AssignLevelAccordions.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as
|
|
1
|
+
import{__assign as e}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{useRef as l}from"react";import{DATE_PICKER_STYLES as n}from"../styles/AssignLevelsDatePickerStyles.js";function i(i){var o=i.value,a=i.onSet,u=l(null);return t("div",e({style:n.wrapper,onClick:function(){var e,t;return null===(t=null===(e=u.current)||void 0===e?void 0:e.showPicker)||void 0===t?void 0:t.call(e)}},{children:[r("span",e({style:n.placeholder},{children:o?o.toLocaleDateString("en-GB"):"--/--/----"})),r("input",{ref:u,type:"date",style:n.input,value:o?o.toISOString().split("T")[0]:"",onChange:function(e){var t=e.target.value;a(t?new Date(t):null)}})]}))}export{i as default};
|
|
2
2
|
//# sourceMappingURL=AssignLevelsDatePicker.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e={wrapper:{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",minWidth:"140px",height:"32px",padding:"0 12px",border:"1px solid #D1D5DB",borderRadius:"8px",background:"#FFFFFF",cursor:"pointer",overflow:"hidden"},placeholder:{fontSize:"14px",fontWeight:500,color:"#6B7280",userSelect:"none",pointerEvents:"none"},input:{position:"absolute",inset:0,width:"100%",height:"100%",opacity:0,cursor:"pointer"}};export{e as DATE_PICKER_STYLES};
|
|
2
|
+
//# sourceMappingURL=AssignLevelsDatePickerStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssignLevelsDatePickerStyles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignLevelAccordions.d.ts","sourceRoot":"","sources":["../../../../src/components/AssignReminders/AssignLevelAccordions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAKpD,UAAU,2BAA4B,SAAQ,mBAAmB;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,EAAE,EACF,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,aAAa,EAChB,EAAE,2BAA2B,
|
|
1
|
+
{"version":3,"file":"AssignLevelAccordions.d.ts","sourceRoot":"","sources":["../../../../src/components/AssignReminders/AssignLevelAccordions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAKpD,UAAU,2BAA4B,SAAQ,mBAAmB;IAC7D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACnC,KAAK,EACL,EAAE,EACF,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,aAAa,EACb,aAAa,EAChB,EAAE,2BAA2B,qBAqK7B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AssignLevelsDatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssignReminders/components/AssignLevelsDatePicker.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"AssignLevelsDatePicker.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssignReminders/components/AssignLevelsDatePicker.tsx"],"names":[],"mappings":";AAGA,iBAAS,qBAAqB,CAAC,EAC7B,KAAK,EACL,KAAK,GACN,EAAE;IACD,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAClC,EAAE,EAAE,MAAM,CAAC;CACZ,+BA0BA;AAED,eAAe,qBAAqB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AssignLevelsDatePickerStyles.d.ts","sourceRoot":"","sources":["../../../../../src/components/AssignReminders/styles/AssignLevelsDatePickerStyles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAgClE,CAAC"}
|