@kvdbil/components 15.0.39 → 15.0.41

package/cjs/components/EditRow/index.js

@@ -24,11 +24,11 @@
 `,p=d.default(l.BodyText)`
   flex: 1rem;
   flex: 4;
-`,y=d.default(p)`
+`,g=d.default(p)`
   color: ${i.default.colors.text.disabled};
-`,g=d.default.div`
+`,y=d.default.div`
   display: flex;
   flex-wrap: wrap;
 `,q=d.default(s.Chip)`
   margin: 0.5rem;
-`;exports.default=({value:r,label:i,onChange:l,onEdit:s,options:o=[],inputProps:a={},isClearable:d=!1,isEditionDisabled:v=!1,editText:b,saveText:C,cancelText:B,noValueText:T,formatterFunc:w,isSingleSelect:S,color:F="secondary"})=>{const[k,D]=t.useState(r),[E,_]=t.useState(r),[L,M]=t.useState(!1),P="string"==typeof k,$=w&&P?w?.(k):k,I=P?$:k.join(", "),O=k.length>0;t.useEffect((()=>s?.(L)),[s,L]);const V=()=>{L?D(E):_(k),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),O&&e.jsx(p,{children:I}),!O&&e.jsx(y,{children:T}),e.jsx(n.Button,{variant:"flat",color:F,onClick:V,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(k),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:k,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(g,{children:o.map((t=>e.jsx(q,{color:F,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof k)throw new Error("Cannot toggle chip on other than array");if(S)return k.includes(e)&&d?void D([]):void D([e]);if(k.includes(e)){const t=k.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:k.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:V,children:B}),e.jsx(h,{type:"submit",color:F,children:C})]})]})]})};
+`;exports.default=({value:r,label:i,onChange:l,onEdit:s,options:o=[],inputProps:a={},isClearable:d=!1,isEditionDisabled:v=!1,editText:b,saveText:C,cancelText:B,noValueText:T,formatterFunc:w,isSingleSelect:S,color:E="secondary",isInitialEditing:F})=>{const[k,D]=t.useState(r),[_,I]=t.useState(r),[L,M]=t.useState(!!F),P="string"==typeof k,$=w&&P?w?.(k):k,O=P?$:k.join(", "),V=k.length>0;t.useEffect((()=>s?.(L)),[s,L]);const z=()=>{L?D(_):I(k),M((e=>!e))};return e.jsxs(u,{children:[!L&&e.jsxs(e.Fragment,{children:[e.jsx(m,{children:i}),V&&e.jsx(p,{children:O}),!V&&e.jsx(g,{children:T}),e.jsx(n.Button,{variant:"flat",color:E,onClick:z,isDisabled:v,children:b})]}),L&&e.jsxs(c,{onSubmit:e=>{e.preventDefault(),l?.(k),M(!1)},children:[e.jsx(m,{children:i}),P&&e.jsx(x,{...a,autoFocus:!0,value:k,label:i,onChange:e=>D(e.target.value)}),!P&&e.jsx(y,{children:o.map((t=>e.jsx(q,{color:E,onClick:e=>{e.preventDefault(),(e=>{if("object"!=typeof k)throw new Error("Cannot toggle chip on other than array");if(S)return k.includes(e)&&d?void D([]):void D([e]);if(k.includes(e)){const t=k.filter((t=>t!==e));D(t)}else D((t=>[...t,e]))})(t)},variant:k.includes(t)?"solid":"outline",children:t},t)))}),e.jsxs(f,{children:[e.jsx(j,{type:"button",variant:"flat",color:"neutral",onClick:z,children:B}),e.jsx(h,{type:"submit",color:E,children:C})]})]})]})};

package/esm/components/EditRow/index.js

@@ -1,34 +1,34 @@
-import{jsxs as m,Fragment as P,jsx as o}from"react/jsx-runtime";import{useState as s,useEffect as Q}from"react";import i from"styled-components";import y from"../../theme.js";import{BodyLink as R,BodyText as U}from"../../typography/BodyText/index.js";import{Button as f}from"../Button/index.js";import{Chip as V}from"../Chip/index.js";import{TextField as W}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const X=i.div`
+import{jsxs as m,Fragment as Q,jsx as t}from"react/jsx-runtime";import{useState as s,useEffect as R}from"react";import i from"styled-components";import v from"../../theme.js";import{BodyLink as U,BodyText as V}from"../../typography/BodyText/index.js";import{Button as f}from"../Button/index.js";import{Chip as W}from"../Chip/index.js";import{TextField as X}from"../Textfield/index.js";import"../../shared/media-queries.js";import"../Spinner/index.js";import"../../typography/ButtonText/index.js";import"../Button/styles.js";import"../../icons/components/CloseIcon.js";import"../Chip/styles.js";import"../FieldLabel.js";import"../../shared/helpers.js";const Y=i.div`
   display: flex;
-  border-bottom: 1px solid ${y.colors.gray.light5};
-`,Y=i.form`
+  border-bottom: 1px solid ${v.colors.gray.light5};
+`,Z=i.form`
   flex: 1;
   flex-direction: column;
   margin-bottom: 1rem;
-`,Z=i(W)`
+`,_=i(X)`
   max-width: 20rem;
-`,_=i.div`
+`,q=i.div`
   flex: 1;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   margin-top: 1rem;
-`,q=i(f)`
-  min-width: 5rem;
 `,z=i(f)`
   min-width: 5rem;
+`,A=i(f)`
+  min-width: 5rem;
   margin-right: 1rem;
-`,v=i(R)`
+`,y=i(U)`
   flex: 1;
   margin-right: 1rem;
-`,C=i(U)`
+`,C=i(V)`
   flex: 1rem;
   flex: 4;
-`,A=i(C)`
-  color: ${y.colors.text.disabled};
-`,I=i.div`
+`,G=i(C)`
+  color: ${v.colors.text.disabled};
+`,M=i.div`
   display: flex;
   flex-wrap: wrap;
-`,M=i(V)`
+`,ee=i(W)`
   margin: 0.5rem;
-`,ee=({value:p,label:c,onChange:w,onEdit:u,options:j=[],inputProps:T={},isClearable:D=!1,isEditionDisabled:k=!1,editText:E,saveText:F,cancelText:S,noValueText:B,formatterFunc:h,isSingleSelect:$,color:d="secondary"})=>{const[r,t]=s(p),[G,H]=s(p),[l,x]=s(!1),a=typeof r=="string",J=h&&a?h?.(r):r,K=a?J:r.join(", "),g=r.length>0;Q(()=>u?.(l),[u,l]);const b=()=>{l?t(G):H(r),x(e=>!e)},L=e=>{e.preventDefault(),w?.(r),x(!1)},N=e=>{if(typeof r!="object")throw new Error("Cannot toggle chip on other than array");if($){if(r.includes(e)&&D){t([]);return}t([e]);return}if(r.includes(e)){const n=r.filter(O=>O!==e);t(n);return}t(n=>[...n,e])};return m(X,{children:[!l&&m(P,{children:[o(v,{children:c}),g&&o(C,{children:K}),!g&&o(A,{children:B}),o(f,{variant:"flat",color:d,onClick:b,isDisabled:k,children:E})]}),l&&m(Y,{onSubmit:L,children:[o(v,{children:c}),a&&o(Z,{...T,autoFocus:!0,value:r,label:c,onChange:e=>t(e.target.value)}),!a&&o(I,{children:j.map(e=>o(M,{color:d,onClick:n=>{n.preventDefault(),N(e)},variant:r.includes(e)?"solid":"outline",children:e},e))}),m(_,{children:[o(z,{type:"button",variant:"flat",color:"neutral",onClick:b,children:S}),o(q,{type:"submit",color:d,children:F})]})]})]})};export{ee as default};
+`,re=({value:p,label:d,onChange:w,onEdit:u,options:j=[],inputProps:E={},isClearable:T=!1,isEditionDisabled:k=!1,editText:D,saveText:F,cancelText:S,noValueText:B,formatterFunc:h,isSingleSelect:I,color:c="secondary",isInitialEditing:$})=>{const[r,o]=s(p),[H,J]=s(p),[l,x]=s(!!$),a=typeof r=="string",K=h&&a?h?.(r):r,L=a?K:r.join(", "),g=r.length>0;R(()=>u?.(l),[u,l]);const b=()=>{l?o(H):J(r),x(e=>!e)},N=e=>{e.preventDefault(),w?.(r),x(!1)},O=e=>{if(typeof r!="object")throw new Error("Cannot toggle chip on other than array");if(I){if(r.includes(e)&&T){o([]);return}o([e]);return}if(r.includes(e)){const n=r.filter(P=>P!==e);o(n);return}o(n=>[...n,e])};return m(Y,{children:[!l&&m(Q,{children:[t(y,{children:d}),g&&t(C,{children:L}),!g&&t(G,{children:B}),t(f,{variant:"flat",color:c,onClick:b,isDisabled:k,children:D})]}),l&&m(Z,{onSubmit:N,children:[t(y,{children:d}),a&&t(_,{...E,autoFocus:!0,value:r,label:d,onChange:e=>o(e.target.value)}),!a&&t(M,{children:j.map(e=>t(ee,{color:c,onClick:n=>{n.preventDefault(),O(e)},variant:r.includes(e)?"solid":"outline",children:e},e))}),m(q,{children:[t(A,{type:"button",variant:"flat",color:"neutral",onClick:b,children:S}),t(z,{type:"submit",color:c,children:F})]})]})]})};export{re as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.39",
+  "version": "15.0.41",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -69,7 +69,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "^2.2.11",
     "@types/jest": "^29.5.12",
-    "@types/node": "22.13.10",
+    "@types/node": "22.13.11",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",

package/package.json.tmp

@@ -1,6 +1,6 @@
 {
   "name": "@kvdbil/components",
-  "version": "15.0.39",
+  "version": "15.0.41",
   "sideEffects": false,
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -68,7 +68,7 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/classnames": "^2.2.11",
     "@types/jest": "^29.5.12",
-    "@types/node": "22.13.10",
+    "@types/node": "22.13.11",
     "@types/react": "^18.3.8",
     "@types/react-collapse": "^5.0.4",
     "@types/react-dom": "^18.3.0",

package/types/components/EditRow/index.d.ts

@@ -16,6 +16,7 @@ export interface EditRowProps<T> {
     onChange?(value: T): void;
     onEdit?(isEditing: boolean): void;
     formatterFunc?(value: string): string;
+    isInitialEditing?: boolean;
 }
-declare const EditRow: <T extends string | string[]>({ value: initialValue, label, onChange, onEdit, options, inputProps, isClearable, isEditionDisabled, editText, saveText, cancelText, noValueText, formatterFunc, isSingleSelect, color, }: EditRowProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const EditRow: <T extends string | string[]>({ value: initialValue, label, onChange, onEdit, options, inputProps, isClearable, isEditionDisabled, editText, saveText, cancelText, noValueText, formatterFunc, isSingleSelect, color, isInitialEditing, }: EditRowProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default EditRow;