@kbgarcia8/react-dynamic-form 1.1.31 → 1.1.32
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/components/atoms/Input/Input.d.ts.map +1 -1
- package/dist/components/molecules/NestedEditableOption/NestedEditableOption.d.ts.map +1 -1
- package/dist/react-dynamic-form.cjs.js +6 -6
- package/dist/react-dynamic-form.es.js +111 -114
- package/dist/type/propTypes.d.ts +2 -2
- package/dist/type/propTypes.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,yBAAyB,CAAC;AAExE,QAAA,MAAM,KAAK,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,UAAU,EAAgB,MAAM,yBAAyB,CAAC;AAExE,QAAA,MAAM,KAAK,2GAmDT,CAAC;AAEH,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NestedEditableOption.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NestedEditableOption/NestedEditableOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGzE,QAAA,MAAM,oBAAoB,GAAI,uIAS5B,yBAAyB,
|
|
1
|
+
{"version":3,"file":"NestedEditableOption.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/NestedEditableOption/NestedEditableOption.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGzE,QAAA,MAAM,oBAAoB,GAAI,uIAS5B,yBAAyB,4CA+B1B,CAAA;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
display: flex;
|
|
40
40
|
align-items: center;
|
|
41
41
|
justify-content: center;
|
|
42
|
-
|
|
42
|
+
`,$=({onClick:a,id:o,buttonType:s,source:i,svg:m,alt:r="alt-button-icon",text:d="",className:b="",dataAttributes:h={}})=>e.jsx(K,{onClick:a,id:o,type:s,className:b,...h,children:e.jsxs(Q,{className:"button-icon-text-space",children:[i?e.jsx(V,{src:i,alt:r}):m||"",d&&e.jsx(X,{id:o,children:d})]})}),Y=c.div`
|
|
43
43
|
display: flex;
|
|
44
44
|
flex-direction: column;
|
|
45
45
|
align-items: left;
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
align-items: center;
|
|
82
82
|
`,ae=c.span`
|
|
83
83
|
font-weight: ${t.fontWeight.light};
|
|
84
|
-
`,R=({htmlFor:a,textLabel:
|
|
84
|
+
`,R=({htmlFor:a,textLabel:o,additionalInfo:s,$labelFlexDirection:i,source:m,svg:r,className:d,children:b})=>e.jsxs(_,{htmlFor:a,className:d,$labelFlexDirection:i,children:[(m||r)&&e.jsx(te,{className:"label-icon-container",children:m?e.jsx("img",{src:m,alt:`${a}-label-icon`}):r||""}),e.jsxs(I,{className:"label-text-container",children:[e.jsx(ee,{className:"main-label",children:o}),s&&e.jsx(ae,{className:"additional-info",children:s})]}),b]}),B=c.input`
|
|
85
85
|
display: flex;
|
|
86
86
|
place-content: center;
|
|
87
87
|
font-family: ${t.fonts.secondary}, ${t.fonts.fallback};
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
max-width: 100%;
|
|
112
112
|
resize: none;
|
|
113
113
|
overflow-y: auto;
|
|
114
|
-
`,A=F.forwardRef((a,
|
|
114
|
+
`,A=F.forwardRef((a,o)=>{const{type:s,id:i,onChange:m,isRequired:r,dataAttributes:d,disabled:b,className:h}=a;if(s==="textarea"){const{rows:y=5,cols:N=30,value:E,...v}=a;return e.jsx(ne,{onChange:m,value:E,rows:y,cols:N,className:h,ref:o,disabled:b,required:r,...v,...d})}if(s==="radio"||s==="checkbox"){const{checked:y,...N}=a;return e.jsx(B,{ref:o,checked:y,onChange:m,disabled:b,className:h,...N,...d})}const u=a,{value:j,pattern:f,placeholderText:k,...C}=u;return e.jsx(B,{placeholder:k,onChange:m,value:j,required:r,className:h,ref:o,disabled:b,pattern:f,...C,...d})}),w=a=>{const{className:o,type:s,id:i,textLabel:m,additionalInfo:r,$labelFlexDirection:d,svg:b,labelClass:h,onChange:u,isRequired:j,dataAttributes:f,inputClass:k,ref:C,disabled:y,isEditable:N,editIcon:E,onClickEdit:v,deleteIcon:D,onClickDelete:S,idx:T,children:q}=a;return e.jsxs(Y,{className:`${o} ${i.replace("#","")}-label-input-container`,children:[s!=="radio"&&s!=="checkbox"&&e.jsx(R,{htmlFor:i,textLabel:m,additionalInfo:r,$labelFlexDirection:d,svg:b,className:h}),s!=="radio"&&s!=="checkbox"&&s==="textarea"&&(()=>{const{rows:n=5,cols:g=30,value:l,...p}=a;return e.jsx(A,{id:i,name:i,type:"textarea",isRequired:j,onChange:u,value:l,rows:n,cols:g,dataAttributes:f,className:k,ref:C,disabled:y})})(),s!=="radio"&&s!=="checkbox"&&s!=="textarea"&&(()=>{const n=a,{value:g,pattern:l,placeholderText:p,...z}=n;return e.jsx(A,{id:i,name:i,placeholderText:p,onChange:u,value:g,type:s,isRequired:j,dataAttributes:f,className:k,ref:C,disabled:y,pattern:l})})(),(s==="radio"||s==="checkbox")&&(()=>{const{checked:n,...g}=a;return e.jsxs(e.Fragment,{children:[e.jsx(A,{ref:C,type:"checkbox",name:i,id:i,isRequired:j,checked:n,onChange:u,disabled:y,className:k,dataAttributes:f}),e.jsx(R,{htmlFor:i,textLabel:m,additionalInfo:r,$labelFlexDirection:d,svg:b,className:h})]})})(),N&&e.jsxs(Z,{className:"input-edit-buttons",children:[e.jsx($,{id:`editable-${i}-edit-btn`,svg:E,buttonType:"button",onClick:v,className:`edit-radio-${T}`,dataAttributes:f}),e.jsx($,{id:`editable-${i}-delete-btn`,svg:D,buttonType:"button",onClick:S,className:`delete-radio-${T}`,dataAttributes:f})]}),q]})},se=c.fieldset`
|
|
115
115
|
padding: 0;
|
|
116
116
|
height: auto;
|
|
117
117
|
width: 100%;
|
|
@@ -131,11 +131,11 @@
|
|
|
131
131
|
display: flex;
|
|
132
132
|
justify-content: space-between;
|
|
133
133
|
width: 100%;
|
|
134
|
-
`,P=({legend:a,fieldsetIndex:
|
|
134
|
+
`,P=({legend:a,fieldsetIndex:o,idx:s,editableInformation:i,onChangeOfEditableOption:m,onClickSaveEdit:r,onClickCancelEdit:d,onClickDeleteEntry:b})=>(console.log(o),e.jsxs(se,{className:"editable-option-fieldset",children:[e.jsx(oe,{children:`${a} ${s+1}`}),i?.map((h,u)=>e.jsx(ie,{className:"editable-option-container",children:e.jsx(A,{id:`editable-option-${u}`,name:`editable-option-${u}`,placeholderText:h.name.charAt(0).toUpperCase()+h.name.slice(1),onChange:m,value:h.info,type:h.type,isRequired:!0,className:"editable-option",dataAttributes:{"data-index":u,"data-fieldsetindex":o,"data-key":h.info}})},`${h.name}-${u}`)),e.jsxs(le,{className:"editable-option-button-space",children:[e.jsx($,{id:`editable-option-${s}-submit`,buttonType:"button",text:"Save",onClick:r,className:"editable-option-btn",dataAttributes:{"data-index":s,"data-fieldsetindex":o}}),e.jsx($,{id:`editable-option-${s}-cancel`,buttonType:"button",text:"Cancel",onClick:d,className:"editable-option-btn",dataAttributes:{"data-index":s,"data-fieldsetindex":o}}),e.jsx($,{id:`editable-option-${s}-delete`,buttonType:"button",text:"Delete",onClick:b,className:"editable-option-btn",dataAttributes:{"data-index":s,"data-fieldsetindex":o}})]})]})),ce=c.div`
|
|
135
135
|
display: flex;
|
|
136
136
|
justify-content: space-between;
|
|
137
137
|
max-width: 100%;
|
|
138
|
-
`,re=({id:a,hasSubmit:
|
|
138
|
+
`,re=({id:a,hasSubmit:o,submitText:s,handleSubmit:i,hasReset:m,resetText:r,handleReset:d,hasCancel:b,cancelText:h,handleCancel:u})=>e.jsxs(ce,{className:"form-main-button-container",children:[o&&e.jsx($,{id:`form-${a}-submit`,buttonType:"submit",text:s??"Submit",onClick:i,className:"submit-form-btn"}),m&&e.jsx($,{id:`form-${a}-edit`,buttonType:"button",text:r??"Reset",onClick:d,className:"reset-form-btn"}),b&&e.jsx($,{id:`form-${a}-cancel`,buttonType:"button",text:h??"Cancel",onClick:u,className:"cancel-form-btn"})]}),W=c.legend`
|
|
139
139
|
font-size: ${t.spacing.medium};
|
|
140
140
|
font-weight: 500;
|
|
141
141
|
margin-bottom: ${t.spacing.small};
|
|
@@ -174,4 +174,4 @@
|
|
|
174
174
|
flex-direction: column;
|
|
175
175
|
align-items: center;
|
|
176
176
|
justify-content: center;
|
|
177
|
-
`,xe=({fieldsets:a=null,legendText:
|
|
177
|
+
`,xe=({fieldsets:a=null,legendText:o,isExpandable:s,id:i,formInputs:m,labelAndInputContainerClass:r,labelClass:d,inputClass:b,onChangeOfEditableOption:h,handleAddingInputEntry:u,hasSubmit:j=!1,submitText:f,handleSubmit:k,hasReset:C=!1,resetText:y,handleReset:N,hasCancel:E=!1,cancelText:v,handleCancel:D,handleSubmitForm:S,className:T,children:q})=>e.jsxs(de,{id:`${i}-form`,className:T,onSubmit:S,children:[a?a.map((n,g)=>e.jsxs(U,{className:`${i}-fieldset-wrapper`,children:[e.jsxs(M,{id:`${i}-form-fieldset-${g}`,className:`${n.legend}-fieldset`,children:[n.legend&&e.jsx(W,{className:`${n.legend}-legend`,children:n.legend}),n.inputs.length!==0?n.inputs.map((l,p)=>e.jsxs(F.Fragment,{children:[l.type==="textarea"&&e.jsx(w,{...l,id:l.id??`${n.legend}-input`,labelClass:d,inputClass:b,idx:p,className:`${r} ${l?.uniqueClass}`}),l.type!=="textarea"&&l.type!=="radio"&&l.type!=="checkbox"&&e.jsx(w,{...l,id:l.id??`${n.legend}-input`,labelClass:d,inputClass:b,idx:p,className:`${r} ${l?.uniqueClass}`}),(l.type==="radio"||l.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(w,{...l,id:l.id??`${n.legend}-input`,labelClass:d,inputClass:b,idx:p,className:`${r} ${l?.uniqueClass}`}),l.editing&&l.isEditable&&e.jsx(P,{legend:`${n.legend}`,fieldsetIndex:g,idx:p,editableInformation:l?.editableInformation||[],onChangeOfEditableOption:h,onClickSaveEdit:l?.onClickSave||(z=>{}),onClickCancelEdit:l?.onClickCancel||(z=>{}),onClickDeleteEntry:l?.onClickDelete||(z=>{})})]})]},`form-${i}-${p}`)):n.isExpandable?e.jsx(O,{children:`No entry yet on ${n.legend}. Click "+" button to add entry.`}):""]}),n.isExpandable&&e.jsx(H,{className:"add-input-button-space",children:e.jsx($,{id:`expand-${n.legend}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry",dataAttributes:{"data-fieldsetindex":g}})})]},`${n.legend}-${g}`)):e.jsxs(U,{className:`${i}-fieldset-wrapper`,children:[e.jsxs(M,{id:`${i}-form-fieldset`,className:`${o}-fieldset`,children:[o&&e.jsx(W,{className:`${o}-legend`,children:o}),!a&&m&&m.length!==0?m.map((n,g)=>e.jsxs(F.Fragment,{children:[n.type==="textarea"&&e.jsx(w,{...n,id:n.id??`${o}-input`,labelClass:d,inputClass:b,idx:g,className:`${r} ${n?.uniqueClass}`}),n.type!=="textarea"&&n.type!=="radio"&&n.type!=="checkbox"&&e.jsx(w,{...n,id:n.id??`${o}-input`,labelClass:d,inputClass:b,idx:g,className:`${r} ${n?.uniqueClass}`}),(n.type==="radio"||n.type==="checkbox")&&e.jsxs(e.Fragment,{children:[e.jsx(w,{...n,id:n.id??`${o}-input`,labelClass:d,inputClass:b,idx:g,className:`${r} ${n?.uniqueClass}`}),n.editing&&n.isEditable&&e.jsx(P,{legend:`${o}`,idx:g,editableInformation:n?.editableInformation,onChangeOfEditableOption:h,onClickSaveEdit:n?.onClickSave||(l=>{}),onClickCancelEdit:n?.onClickCancel||(l=>{}),onClickDeleteEntry:n?.onClickDelete||(l=>{})})]})]},`form-${i}-${g}`)):s?e.jsx(O,{children:`No entry yet on ${o}. Please click "+" button to add`}):""]}),s&&e.jsx(H,{className:"add-input-button-space",children:e.jsx($,{id:`expand-${o}-inputs`,buttonType:"button",text:"+",onClick:u,className:"add-input-entry"})})]}),e.jsx(re,{id:i,hasSubmit:j,submitText:f,handleSubmit:k,hasReset:C,resetText:y,handleReset:N,hasCancel:E,cancelText:v,handleCancel:D}),e.jsx(me,{className:"children-container",children:q})]}),be=a=>{const o=/^#([0-9A-Fa-f]{3}){1,2}$/,s=/^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;return o.test(a)||s.test(a)||CSS.supports("color",a)},x=a=>{if(!be(a))throw new Error(`Invalid color: ${a}`);return a},he={mobile:"320px",tablet:"768px",desktop:"992px",largeDesktop:"1200px",largerDesktop:"1400px"},G={name:"light",colors:{text:x("#333446"),bg:x("#EEEEEE"),blue:x("#7F8CAA"),blue2:x("#80A6FF"),teal:x("#5b8280ff"),teal2:x("#AEEAE7"),gray:x("#AEAEAE"),information:x("#202234"),success:x("#123524"),warning:x("#F2C265"),error:x("#990000")}},J={name:"dark",colors:{bg:x("#333446"),text:x("#EEEEEE"),blue:x("#80A6FF"),blue2:x("#7F8CAA"),teal:x("#AEEAE7"),teal2:x("#5b8280ff"),gray:x("#D0D0DD"),information:x("#C9E6F0"),success:x("#9EDF9C"),warning:x("#FCFFC1"),error:x("#FAD4D4")}},L=F.createContext({}),ue=({children:a,initialTheme:o=G,secondTheme:s=J})=>{const[i,m]=F.useState(o),r=()=>{m(d=>d===o?s:o)};return e.jsx(L.Provider,{value:{currentTheme:i,toggleTheme:r},children:e.jsx(c.ThemeProvider,{theme:i,children:a})})},ge=()=>F.useContext(L);exports.DynamicForm=xe;exports.ThemeContext=L;exports.ThemeContextProvider=ue;exports.breakpoints=he;exports.darkTheme=J;exports.lightTheme=G;exports.useTheme=ge;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as a, jsxs as
|
|
1
|
+
import { jsx as a, jsxs as u, Fragment as R } from "react/jsx-runtime";
|
|
2
2
|
import q, { forwardRef as K, createContext as Q, useState as V, useContext as X } from "react";
|
|
3
3
|
import c, { ThemeProvider as Y } from "styled-components";
|
|
4
4
|
const e = {
|
|
@@ -75,25 +75,25 @@ const e = {
|
|
|
75
75
|
justify-content: center;
|
|
76
76
|
`, x = ({
|
|
77
77
|
onClick: t,
|
|
78
|
-
id:
|
|
78
|
+
id: l,
|
|
79
79
|
buttonType: o,
|
|
80
|
-
source:
|
|
80
|
+
source: i,
|
|
81
81
|
svg: m,
|
|
82
82
|
alt: r = "alt-button-icon",
|
|
83
83
|
text: d = "",
|
|
84
84
|
className: h = "",
|
|
85
|
-
dataAttributes:
|
|
85
|
+
dataAttributes: g = {}
|
|
86
86
|
}) => /* @__PURE__ */ a(
|
|
87
87
|
Z,
|
|
88
88
|
{
|
|
89
89
|
onClick: t,
|
|
90
|
-
id:
|
|
90
|
+
id: l,
|
|
91
91
|
type: o,
|
|
92
92
|
className: h,
|
|
93
|
-
...
|
|
94
|
-
children: /* @__PURE__ */
|
|
95
|
-
|
|
96
|
-
d && /* @__PURE__ */ a(ee, { id:
|
|
93
|
+
...g,
|
|
94
|
+
children: /* @__PURE__ */ u(_, { className: "button-icon-text-space", children: [
|
|
95
|
+
i ? /* @__PURE__ */ a(I, { src: i, alt: r }) : m || "",
|
|
96
|
+
d && /* @__PURE__ */ a(ee, { id: l, children: d })
|
|
97
97
|
] })
|
|
98
98
|
}
|
|
99
99
|
), te = c.div`
|
|
@@ -140,17 +140,17 @@ const e = {
|
|
|
140
140
|
font-weight: ${e.fontWeight.light};
|
|
141
141
|
`, B = ({
|
|
142
142
|
htmlFor: t,
|
|
143
|
-
textLabel:
|
|
143
|
+
textLabel: l,
|
|
144
144
|
additionalInfo: o,
|
|
145
|
-
$labelFlexDirection:
|
|
145
|
+
$labelFlexDirection: i,
|
|
146
146
|
source: m,
|
|
147
147
|
svg: r,
|
|
148
148
|
className: d,
|
|
149
149
|
children: h
|
|
150
|
-
}) => /* @__PURE__ */
|
|
150
|
+
}) => /* @__PURE__ */ u(ne, { htmlFor: t, className: d, $labelFlexDirection: i, children: [
|
|
151
151
|
(m || r) && /* @__PURE__ */ a(ie, { className: "label-icon-container", children: m ? /* @__PURE__ */ a("img", { src: m, alt: `${t}-label-icon` }) : r || "" }),
|
|
152
|
-
/* @__PURE__ */
|
|
153
|
-
/* @__PURE__ */ a(le, { className: "main-label", children:
|
|
152
|
+
/* @__PURE__ */ u(oe, { className: "label-text-container", children: [
|
|
153
|
+
/* @__PURE__ */ a(le, { className: "main-label", children: l }),
|
|
154
154
|
o && /* @__PURE__ */ a(se, { className: "additional-info", children: o })
|
|
155
155
|
] }),
|
|
156
156
|
h
|
|
@@ -184,23 +184,23 @@ const e = {
|
|
|
184
184
|
max-width: 100%;
|
|
185
185
|
resize: none;
|
|
186
186
|
overflow-y: auto;
|
|
187
|
-
`, D = K((t,
|
|
188
|
-
const { type: o, id:
|
|
187
|
+
`, D = K((t, l) => {
|
|
188
|
+
const { type: o, id: i, onChange: m, isRequired: r, dataAttributes: d, disabled: h, className: g } = t;
|
|
189
189
|
if (o === "textarea") {
|
|
190
190
|
const { rows: y = 5, cols: F = 30, value: v, ...A } = t;
|
|
191
191
|
return /* @__PURE__ */ a(
|
|
192
192
|
ce,
|
|
193
193
|
{
|
|
194
|
-
id: l,
|
|
195
194
|
onChange: m,
|
|
196
195
|
value: v,
|
|
197
196
|
rows: y,
|
|
198
197
|
cols: F,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
ref: i,
|
|
198
|
+
className: g,
|
|
199
|
+
ref: l,
|
|
202
200
|
disabled: h,
|
|
203
|
-
required: r
|
|
201
|
+
required: r,
|
|
202
|
+
...A,
|
|
203
|
+
...d
|
|
204
204
|
}
|
|
205
205
|
);
|
|
206
206
|
}
|
|
@@ -209,46 +209,43 @@ const e = {
|
|
|
209
209
|
return /* @__PURE__ */ a(
|
|
210
210
|
W,
|
|
211
211
|
{
|
|
212
|
-
ref:
|
|
213
|
-
type: "checkbox",
|
|
214
|
-
id: l,
|
|
212
|
+
ref: l,
|
|
215
213
|
checked: y,
|
|
216
214
|
onChange: m,
|
|
217
215
|
disabled: h,
|
|
218
|
-
className:
|
|
216
|
+
className: g,
|
|
217
|
+
...F,
|
|
219
218
|
...d
|
|
220
219
|
}
|
|
221
220
|
);
|
|
222
221
|
}
|
|
223
|
-
const
|
|
222
|
+
const f = t, { value: N, pattern: p, placeholderText: C, ...w } = f;
|
|
224
223
|
return /* @__PURE__ */ a(
|
|
225
224
|
W,
|
|
226
225
|
{
|
|
227
|
-
id: l,
|
|
228
|
-
name: l,
|
|
229
226
|
placeholder: C,
|
|
230
227
|
onChange: m,
|
|
231
228
|
value: N,
|
|
232
|
-
type: o,
|
|
233
229
|
required: r,
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
ref: i,
|
|
230
|
+
className: g,
|
|
231
|
+
ref: l,
|
|
237
232
|
disabled: h,
|
|
238
|
-
pattern: p
|
|
233
|
+
pattern: p,
|
|
234
|
+
...w,
|
|
235
|
+
...d
|
|
239
236
|
}
|
|
240
237
|
);
|
|
241
238
|
}), E = (t) => {
|
|
242
239
|
const {
|
|
243
|
-
className:
|
|
240
|
+
className: l,
|
|
244
241
|
type: o,
|
|
245
|
-
id:
|
|
242
|
+
id: i,
|
|
246
243
|
textLabel: m,
|
|
247
244
|
additionalInfo: r,
|
|
248
245
|
$labelFlexDirection: d,
|
|
249
246
|
svg: h,
|
|
250
|
-
labelClass:
|
|
251
|
-
onChange:
|
|
247
|
+
labelClass: g,
|
|
248
|
+
onChange: f,
|
|
252
249
|
isRequired: N,
|
|
253
250
|
dataAttributes: p,
|
|
254
251
|
inputClass: C,
|
|
@@ -262,18 +259,18 @@ const e = {
|
|
|
262
259
|
idx: T,
|
|
263
260
|
children: j
|
|
264
261
|
} = t;
|
|
265
|
-
return /* @__PURE__ */
|
|
266
|
-
o !== "radio" && o !== "checkbox" && /* @__PURE__ */ a(B, { htmlFor:
|
|
262
|
+
return /* @__PURE__ */ u(te, { className: `${l} ${i.replace("#", "")}-label-input-container`, children: [
|
|
263
|
+
o !== "radio" && o !== "checkbox" && /* @__PURE__ */ a(B, { htmlFor: i, textLabel: m, additionalInfo: r, $labelFlexDirection: d, svg: h, className: g }),
|
|
267
264
|
o !== "radio" && o !== "checkbox" && o === "textarea" && (() => {
|
|
268
265
|
const { rows: n = 5, cols: $ = 30, value: s, ...k } = t;
|
|
269
266
|
return /* @__PURE__ */ a(
|
|
270
267
|
D,
|
|
271
268
|
{
|
|
272
|
-
id:
|
|
273
|
-
name:
|
|
269
|
+
id: i,
|
|
270
|
+
name: i,
|
|
274
271
|
type: "textarea",
|
|
275
272
|
isRequired: N,
|
|
276
|
-
onChange:
|
|
273
|
+
onChange: f,
|
|
277
274
|
value: s,
|
|
278
275
|
rows: n,
|
|
279
276
|
cols: $,
|
|
@@ -289,10 +286,10 @@ const e = {
|
|
|
289
286
|
return /* @__PURE__ */ a(
|
|
290
287
|
D,
|
|
291
288
|
{
|
|
292
|
-
id:
|
|
293
|
-
name:
|
|
289
|
+
id: i,
|
|
290
|
+
name: i,
|
|
294
291
|
placeholderText: k,
|
|
295
|
-
onChange:
|
|
292
|
+
onChange: f,
|
|
296
293
|
value: $,
|
|
297
294
|
type: o,
|
|
298
295
|
isRequired: N,
|
|
@@ -306,28 +303,28 @@ const e = {
|
|
|
306
303
|
})(),
|
|
307
304
|
(o === "radio" || o === "checkbox") && (() => {
|
|
308
305
|
const { checked: n, ...$ } = t;
|
|
309
|
-
return /* @__PURE__ */
|
|
306
|
+
return /* @__PURE__ */ u(R, { children: [
|
|
310
307
|
/* @__PURE__ */ a(
|
|
311
308
|
D,
|
|
312
309
|
{
|
|
313
310
|
ref: w,
|
|
314
311
|
type: "checkbox",
|
|
315
|
-
name:
|
|
316
|
-
id:
|
|
312
|
+
name: i,
|
|
313
|
+
id: i,
|
|
317
314
|
isRequired: N,
|
|
318
315
|
checked: n,
|
|
319
|
-
onChange:
|
|
316
|
+
onChange: f,
|
|
320
317
|
disabled: y,
|
|
321
318
|
className: C,
|
|
322
319
|
dataAttributes: p
|
|
323
320
|
}
|
|
324
321
|
),
|
|
325
|
-
/* @__PURE__ */ a(B, { htmlFor:
|
|
322
|
+
/* @__PURE__ */ a(B, { htmlFor: i, textLabel: m, additionalInfo: r, $labelFlexDirection: d, svg: h, className: g })
|
|
326
323
|
] });
|
|
327
324
|
})(),
|
|
328
|
-
F && /* @__PURE__ */
|
|
329
|
-
/* @__PURE__ */ a(x, { id: `editable-${
|
|
330
|
-
/* @__PURE__ */ a(x, { id: `editable-${
|
|
325
|
+
F && /* @__PURE__ */ u(ae, { className: "input-edit-buttons", children: [
|
|
326
|
+
/* @__PURE__ */ a(x, { id: `editable-${i}-edit-btn`, svg: v, buttonType: "button", onClick: A, className: `edit-radio-${T}`, dataAttributes: p }),
|
|
327
|
+
/* @__PURE__ */ a(x, { id: `editable-${i}-delete-btn`, svg: S, buttonType: "button", onClick: z, className: `delete-radio-${T}`, dataAttributes: p })
|
|
331
328
|
] }),
|
|
332
329
|
j
|
|
333
330
|
] });
|
|
@@ -353,57 +350,57 @@ const e = {
|
|
|
353
350
|
width: 100%;
|
|
354
351
|
`, P = ({
|
|
355
352
|
legend: t,
|
|
356
|
-
fieldsetIndex:
|
|
353
|
+
fieldsetIndex: l,
|
|
357
354
|
idx: o,
|
|
358
|
-
editableInformation:
|
|
355
|
+
editableInformation: i,
|
|
359
356
|
onChangeOfEditableOption: m,
|
|
360
357
|
onClickSaveEdit: r,
|
|
361
358
|
onClickCancelEdit: d,
|
|
362
359
|
onClickDeleteEntry: h
|
|
363
|
-
}) => /* @__PURE__ */
|
|
360
|
+
}) => (console.log(l), /* @__PURE__ */ u(re, { className: "editable-option-fieldset", children: [
|
|
364
361
|
/* @__PURE__ */ a(de, { children: `${t} ${o + 1}` }),
|
|
365
|
-
|
|
362
|
+
i?.map((g, f) => /* @__PURE__ */ a(me, { className: "editable-option-container", children: /* @__PURE__ */ a(
|
|
366
363
|
D,
|
|
367
364
|
{
|
|
368
|
-
id: `editable-option-${
|
|
369
|
-
name: `editable-option-${
|
|
370
|
-
placeholderText:
|
|
365
|
+
id: `editable-option-${f}`,
|
|
366
|
+
name: `editable-option-${f}`,
|
|
367
|
+
placeholderText: g.name.charAt(0).toUpperCase() + g.name.slice(1),
|
|
371
368
|
onChange: m,
|
|
372
|
-
value:
|
|
373
|
-
type:
|
|
369
|
+
value: g.info,
|
|
370
|
+
type: g.type,
|
|
374
371
|
isRequired: !0,
|
|
375
372
|
className: "editable-option",
|
|
376
373
|
dataAttributes: {
|
|
377
|
-
"data-index":
|
|
378
|
-
"data-fieldsetindex":
|
|
379
|
-
"data-key":
|
|
374
|
+
"data-index": f,
|
|
375
|
+
"data-fieldsetindex": l,
|
|
376
|
+
"data-key": g.info
|
|
380
377
|
}
|
|
381
378
|
}
|
|
382
|
-
) }, `${
|
|
383
|
-
/* @__PURE__ */
|
|
384
|
-
/* @__PURE__ */ a(x, { id: `editable-option-${o}-submit`, buttonType: "button", text: "Save", onClick: r, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex":
|
|
385
|
-
/* @__PURE__ */ a(x, { id: `editable-option-${o}-cancel`, buttonType: "button", text: "Cancel", onClick: d, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex":
|
|
386
|
-
/* @__PURE__ */ a(x, { id: `editable-option-${o}-delete`, buttonType: "button", text: "Delete", onClick: h, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex":
|
|
379
|
+
) }, `${g.name}-${f}`)),
|
|
380
|
+
/* @__PURE__ */ u(be, { className: "editable-option-button-space", children: [
|
|
381
|
+
/* @__PURE__ */ a(x, { id: `editable-option-${o}-submit`, buttonType: "button", text: "Save", onClick: r, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex": l } }),
|
|
382
|
+
/* @__PURE__ */ a(x, { id: `editable-option-${o}-cancel`, buttonType: "button", text: "Cancel", onClick: d, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex": l } }),
|
|
383
|
+
/* @__PURE__ */ a(x, { id: `editable-option-${o}-delete`, buttonType: "button", text: "Delete", onClick: h, className: "editable-option-btn", dataAttributes: { "data-index": o, "data-fieldsetindex": l } })
|
|
387
384
|
] })
|
|
388
|
-
] }), he = c.div`
|
|
385
|
+
] })), he = c.div`
|
|
389
386
|
display: flex;
|
|
390
387
|
justify-content: space-between;
|
|
391
388
|
max-width: 100%;
|
|
392
|
-
`,
|
|
389
|
+
`, ge = ({
|
|
393
390
|
id: t,
|
|
394
|
-
hasSubmit:
|
|
391
|
+
hasSubmit: l,
|
|
395
392
|
submitText: o,
|
|
396
|
-
handleSubmit:
|
|
393
|
+
handleSubmit: i,
|
|
397
394
|
hasReset: m,
|
|
398
395
|
resetText: r,
|
|
399
396
|
handleReset: d,
|
|
400
397
|
hasCancel: h,
|
|
401
|
-
cancelText:
|
|
402
|
-
handleCancel:
|
|
403
|
-
}) => /* @__PURE__ */
|
|
404
|
-
|
|
398
|
+
cancelText: g,
|
|
399
|
+
handleCancel: f
|
|
400
|
+
}) => /* @__PURE__ */ u(he, { className: "form-main-button-container", children: [
|
|
401
|
+
l && /* @__PURE__ */ a(x, { id: `form-${t}-submit`, buttonType: "submit", text: o ?? "Submit", onClick: i, className: "submit-form-btn" }),
|
|
405
402
|
m && /* @__PURE__ */ a(x, { id: `form-${t}-edit`, buttonType: "button", text: r ?? "Reset", onClick: d, className: "reset-form-btn" }),
|
|
406
|
-
h && /* @__PURE__ */ a(x, { id: `form-${t}-cancel`, buttonType: "button", text:
|
|
403
|
+
h && /* @__PURE__ */ a(x, { id: `form-${t}-cancel`, buttonType: "button", text: g ?? "Cancel", onClick: f, className: "cancel-form-btn" })
|
|
407
404
|
] }), M = c.legend`
|
|
408
405
|
font-size: ${e.spacing.medium};
|
|
409
406
|
font-weight: 500;
|
|
@@ -428,7 +425,7 @@ const e = {
|
|
|
428
425
|
font-family: ${e.fonts.tertiary}, ${e.fonts.fallback};
|
|
429
426
|
font-size: ${e.fontSize.xsmall};
|
|
430
427
|
font-weight: ${e.fontWeight.bold};
|
|
431
|
-
`,
|
|
428
|
+
`, ue = c.form`
|
|
432
429
|
display: flex;
|
|
433
430
|
flex-direction: column;
|
|
434
431
|
align-items: center;
|
|
@@ -437,7 +434,7 @@ const e = {
|
|
|
437
434
|
display: flex;
|
|
438
435
|
justify-content: space-between;
|
|
439
436
|
width: 100%;
|
|
440
|
-
`,
|
|
437
|
+
`, fe = c.div`
|
|
441
438
|
width: 100%;
|
|
442
439
|
display: flex;
|
|
443
440
|
flex-direction: column;
|
|
@@ -445,15 +442,15 @@ const e = {
|
|
|
445
442
|
justify-content: center;
|
|
446
443
|
`, Ce = ({
|
|
447
444
|
fieldsets: t = null,
|
|
448
|
-
legendText:
|
|
445
|
+
legendText: l,
|
|
449
446
|
isExpandable: o,
|
|
450
|
-
id:
|
|
447
|
+
id: i,
|
|
451
448
|
formInputs: m,
|
|
452
449
|
labelAndInputContainerClass: r,
|
|
453
450
|
labelClass: d,
|
|
454
451
|
inputClass: h,
|
|
455
|
-
onChangeOfEditableOption:
|
|
456
|
-
handleAddingInputEntry:
|
|
452
|
+
onChangeOfEditableOption: g,
|
|
453
|
+
handleAddingInputEntry: f,
|
|
457
454
|
hasSubmit: N = !1,
|
|
458
455
|
submitText: p,
|
|
459
456
|
handleSubmit: C,
|
|
@@ -466,11 +463,11 @@ const e = {
|
|
|
466
463
|
handleSubmitForm: z,
|
|
467
464
|
className: T,
|
|
468
465
|
children: j
|
|
469
|
-
}) => /* @__PURE__ */
|
|
470
|
-
t ? t.map((n, $) => /* @__PURE__ */
|
|
471
|
-
/* @__PURE__ */
|
|
466
|
+
}) => /* @__PURE__ */ u(ue, { id: `${i}-form`, className: T, onSubmit: z, children: [
|
|
467
|
+
t ? t.map((n, $) => /* @__PURE__ */ u(H, { className: `${i}-fieldset-wrapper`, children: [
|
|
468
|
+
/* @__PURE__ */ u(U, { id: `${i}-form-fieldset-${$}`, className: `${n.legend}-fieldset`, children: [
|
|
472
469
|
n.legend && /* @__PURE__ */ a(M, { className: `${n.legend}-legend`, children: n.legend }),
|
|
473
|
-
n.inputs.length !== 0 ? n.inputs.map((s, k) => /* @__PURE__ */
|
|
470
|
+
n.inputs.length !== 0 ? n.inputs.map((s, k) => /* @__PURE__ */ u(q.Fragment, { children: [
|
|
474
471
|
s.type === "textarea" && /* @__PURE__ */ a(
|
|
475
472
|
E,
|
|
476
473
|
{
|
|
@@ -493,7 +490,7 @@ const e = {
|
|
|
493
490
|
className: `${r} ${s?.uniqueClass}`
|
|
494
491
|
}
|
|
495
492
|
),
|
|
496
|
-
(s.type === "radio" || s.type === "checkbox") && /* @__PURE__ */
|
|
493
|
+
(s.type === "radio" || s.type === "checkbox") && /* @__PURE__ */ u(R, { children: [
|
|
497
494
|
/* @__PURE__ */ a(
|
|
498
495
|
E,
|
|
499
496
|
{
|
|
@@ -512,7 +509,7 @@ const e = {
|
|
|
512
509
|
fieldsetIndex: $,
|
|
513
510
|
idx: k,
|
|
514
511
|
editableInformation: s?.editableInformation || [],
|
|
515
|
-
onChangeOfEditableOption:
|
|
512
|
+
onChangeOfEditableOption: g,
|
|
516
513
|
onClickSaveEdit: s?.onClickSave || ((L) => {
|
|
517
514
|
}),
|
|
518
515
|
onClickCancelEdit: s?.onClickCancel || ((L) => {
|
|
@@ -522,18 +519,18 @@ const e = {
|
|
|
522
519
|
}
|
|
523
520
|
)
|
|
524
521
|
] })
|
|
525
|
-
] }, `form-${
|
|
522
|
+
] }, `form-${i}-${k}`)) : n.isExpandable ? /* @__PURE__ */ a(O, { children: `No entry yet on ${n.legend}. Click "+" button to add entry.` }) : ""
|
|
526
523
|
] }),
|
|
527
|
-
n.isExpandable && /* @__PURE__ */ a(G, { className: "add-input-button-space", children: /* @__PURE__ */ a(x, { id: `expand-${n.legend}-inputs`, buttonType: "button", text: "+", onClick:
|
|
528
|
-
] }, `${n.legend}-${$}`)) : /* @__PURE__ */
|
|
529
|
-
/* @__PURE__ */
|
|
530
|
-
|
|
531
|
-
!t && m && m.length !== 0 ? m.map((n, $) => /* @__PURE__ */
|
|
524
|
+
n.isExpandable && /* @__PURE__ */ a(G, { className: "add-input-button-space", children: /* @__PURE__ */ a(x, { id: `expand-${n.legend}-inputs`, buttonType: "button", text: "+", onClick: f, className: "add-input-entry", dataAttributes: { "data-fieldsetindex": $ } }) })
|
|
525
|
+
] }, `${n.legend}-${$}`)) : /* @__PURE__ */ u(H, { className: `${i}-fieldset-wrapper`, children: [
|
|
526
|
+
/* @__PURE__ */ u(U, { id: `${i}-form-fieldset`, className: `${l}-fieldset`, children: [
|
|
527
|
+
l && /* @__PURE__ */ a(M, { className: `${l}-legend`, children: l }),
|
|
528
|
+
!t && m && m.length !== 0 ? m.map((n, $) => /* @__PURE__ */ u(q.Fragment, { children: [
|
|
532
529
|
n.type === "textarea" && /* @__PURE__ */ a(
|
|
533
530
|
E,
|
|
534
531
|
{
|
|
535
532
|
...n,
|
|
536
|
-
id: n.id ?? `${
|
|
533
|
+
id: n.id ?? `${l}-input`,
|
|
537
534
|
labelClass: d,
|
|
538
535
|
inputClass: h,
|
|
539
536
|
idx: $,
|
|
@@ -544,19 +541,19 @@ const e = {
|
|
|
544
541
|
E,
|
|
545
542
|
{
|
|
546
543
|
...n,
|
|
547
|
-
id: n.id ?? `${
|
|
544
|
+
id: n.id ?? `${l}-input`,
|
|
548
545
|
labelClass: d,
|
|
549
546
|
inputClass: h,
|
|
550
547
|
idx: $,
|
|
551
548
|
className: `${r} ${n?.uniqueClass}`
|
|
552
549
|
}
|
|
553
550
|
),
|
|
554
|
-
(n.type === "radio" || n.type === "checkbox") && /* @__PURE__ */
|
|
551
|
+
(n.type === "radio" || n.type === "checkbox") && /* @__PURE__ */ u(R, { children: [
|
|
555
552
|
/* @__PURE__ */ a(
|
|
556
553
|
E,
|
|
557
554
|
{
|
|
558
555
|
...n,
|
|
559
|
-
id: n.id ?? `${
|
|
556
|
+
id: n.id ?? `${l}-input`,
|
|
560
557
|
labelClass: d,
|
|
561
558
|
inputClass: h,
|
|
562
559
|
idx: $,
|
|
@@ -566,10 +563,10 @@ const e = {
|
|
|
566
563
|
n.editing && n.isEditable && /* @__PURE__ */ a(
|
|
567
564
|
P,
|
|
568
565
|
{
|
|
569
|
-
legend: `${
|
|
566
|
+
legend: `${l}`,
|
|
570
567
|
idx: $,
|
|
571
568
|
editableInformation: n?.editableInformation,
|
|
572
|
-
onChangeOfEditableOption:
|
|
569
|
+
onChangeOfEditableOption: g,
|
|
573
570
|
onClickSaveEdit: n?.onClickSave || ((s) => {
|
|
574
571
|
}),
|
|
575
572
|
onClickCancelEdit: n?.onClickCancel || ((s) => {
|
|
@@ -579,14 +576,14 @@ const e = {
|
|
|
579
576
|
}
|
|
580
577
|
)
|
|
581
578
|
] })
|
|
582
|
-
] }, `form-${
|
|
579
|
+
] }, `form-${i}-${$}`)) : o ? /* @__PURE__ */ a(O, { children: `No entry yet on ${l}. Please click "+" button to add` }) : ""
|
|
583
580
|
] }),
|
|
584
|
-
o && /* @__PURE__ */ a(G, { className: "add-input-button-space", children: /* @__PURE__ */ a(x, { id: `expand-${
|
|
581
|
+
o && /* @__PURE__ */ a(G, { className: "add-input-button-space", children: /* @__PURE__ */ a(x, { id: `expand-${l}-inputs`, buttonType: "button", text: "+", onClick: f, className: "add-input-entry" }) })
|
|
585
582
|
] }),
|
|
586
583
|
/* @__PURE__ */ a(
|
|
587
|
-
|
|
584
|
+
ge,
|
|
588
585
|
{
|
|
589
|
-
id:
|
|
586
|
+
id: i,
|
|
590
587
|
hasSubmit: N,
|
|
591
588
|
submitText: p,
|
|
592
589
|
handleSubmit: C,
|
|
@@ -598,10 +595,10 @@ const e = {
|
|
|
598
595
|
handleCancel: S
|
|
599
596
|
}
|
|
600
597
|
),
|
|
601
|
-
/* @__PURE__ */ a(
|
|
598
|
+
/* @__PURE__ */ a(fe, { className: "children-container", children: j })
|
|
602
599
|
] }), $e = (t) => {
|
|
603
|
-
const
|
|
604
|
-
return
|
|
600
|
+
const l = /^#([0-9A-Fa-f]{3}){1,2}$/, o = /^rgb(a)?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}(?:\s*,\s*(0|1|0?\.\d+))?\s*\)$/;
|
|
601
|
+
return l.test(t) || o.test(t) || CSS.supports("color", t);
|
|
605
602
|
}, b = (t) => {
|
|
606
603
|
if (!$e(t)) throw new Error(`Invalid color: ${t}`);
|
|
607
604
|
return t;
|
|
@@ -646,13 +643,13 @@ const e = {
|
|
|
646
643
|
}
|
|
647
644
|
}, J = Q({}), Fe = ({
|
|
648
645
|
children: t,
|
|
649
|
-
initialTheme:
|
|
646
|
+
initialTheme: l = xe,
|
|
650
647
|
secondTheme: o = pe
|
|
651
648
|
}) => {
|
|
652
|
-
const [
|
|
653
|
-
m((d) => d ===
|
|
649
|
+
const [i, m] = V(l), r = () => {
|
|
650
|
+
m((d) => d === l ? o : l);
|
|
654
651
|
};
|
|
655
|
-
return /* @__PURE__ */ a(J.Provider, { value: { currentTheme:
|
|
652
|
+
return /* @__PURE__ */ a(J.Provider, { value: { currentTheme: i, toggleTheme: r }, children: /* @__PURE__ */ a(Y, { theme: i, children: t }) });
|
|
656
653
|
}, Ee = () => X(J);
|
|
657
654
|
export {
|
|
658
655
|
Ce as DynamicForm,
|
package/dist/type/propTypes.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export type ChildrenProp = {
|
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
};
|
|
10
10
|
type stringType = string | undefined;
|
|
11
|
-
type dataAttributesType = Record<string, string | number | boolean |
|
|
11
|
+
type dataAttributesType = Record<string, string | number | boolean | undefined> | undefined;
|
|
12
12
|
type ButtonType = 'button' | 'submit';
|
|
13
13
|
export interface ButtonProps {
|
|
14
14
|
onClick: React.MouseEventHandler<HTMLButtonElement> | undefined;
|
|
@@ -94,7 +94,7 @@ export interface EditableInformation {
|
|
|
94
94
|
}
|
|
95
95
|
export interface NestedEditableOptionProps {
|
|
96
96
|
legend?: string;
|
|
97
|
-
fieldsetIndex?: number
|
|
97
|
+
fieldsetIndex?: number;
|
|
98
98
|
idx: number;
|
|
99
99
|
editableInformation: EditableInformation[];
|
|
100
100
|
onChangeOfEditableOption: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../src/type/propTypes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,KAAK,CAAC;IACpB,WAAW,EAAE,MAAM,IAAI,CAAC;CAC3B;AACD,MAAM,MAAM,YAAY,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AACF,KAAK,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC;AACrC,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,
|
|
1
|
+
{"version":3,"file":"propTypes.d.ts","sourceRoot":"","sources":["../../src/type/propTypes.ts"],"names":[],"mappings":"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"}
|