finform-react-builder 1.8.0 → 1.8.1

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.
Files changed (5) hide show
  1. package/dist/index.es.js +299 -92
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +2 -2
  4. package/dist/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -8668,6 +8668,7 @@ const ms = kt(/* @__PURE__ */ b("path", {
8668
8668
  /* @__PURE__ */ b(
8669
8669
  Si,
8670
8670
  {
8671
+ fullWidth: !0,
8671
8672
  size: "small",
8672
8673
  ...p,
8673
8674
  InputProps: S,
@@ -8906,6 +8907,7 @@ const ms = kt(/* @__PURE__ */ b("path", {
8906
8907
  loading: u,
8907
8908
  onOpen: m,
8908
8909
  noOptionsText: S,
8910
+ fullWidth: !0,
8909
8911
  componentsProps: {
8910
8912
  paper: {
8911
8913
  sx: {
@@ -9133,6 +9135,7 @@ const ms = kt(/* @__PURE__ */ b("path", {
9133
9135
  /* @__PURE__ */ b(
9134
9136
  Si,
9135
9137
  {
9138
+ fullWidth: !0,
9136
9139
  type: "date",
9137
9140
  size: "small",
9138
9141
  label: e === "inner" ? r : void 0,
@@ -9166,6 +9169,7 @@ const ms = kt(/* @__PURE__ */ b("path", {
9166
9169
  /* @__PURE__ */ b(
9167
9170
  Si,
9168
9171
  {
9172
+ fullWidth: !0,
9169
9173
  multiline: !0,
9170
9174
  minRows: 3,
9171
9175
  size: "small",
@@ -9671,14 +9675,31 @@ function ty(e, t) {
9671
9675
  }
9672
9676
  return !0;
9673
9677
  }
9674
- const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formData: a, setValue: o }) => {
9678
+ const nm = ({
9679
+ field: e,
9680
+ control: t,
9681
+ errors: r,
9682
+ baseUrl: n,
9683
+ apiHeaders: i,
9684
+ formData: a,
9685
+ setValue: o
9686
+ }) => {
9675
9687
  const s = r[e.name], l = !!s, [d, u] = Dt(!1), p = gt(!1), [f, m] = Dt(!1), [S, c] = Dt(!1), [w, g] = Dt(!1), O = gt(null), A = gt(null), C = () => {
9676
9688
  var H;
9677
9689
  return e.required !== void 0 ? e.required : ((H = e.validation) == null ? void 0 : H.required) !== void 0 ? e.validation.required : !1;
9678
9690
  }, y = (H) => C() ? `${H} *` : H, z = () => e.value !== void 0 ? e.value : e.type === "checkbox" ? !1 : e.type === "select" && e.default ? e.default : e.type === "autocomplete" && e.multiple ? [] : "", _ = Be(() => {
9679
9691
  const H = ec(e);
9680
9692
  return H && Array.isArray(e.passThroughFields) && (H.passThroughFields = e.passThroughFields), H;
9681
- }, [e.apiConfig, e.api_endpoint, e.api_method, e.value_field, e.label_field, e.depends_on, e.conditional, e.passThroughFields]), W = gt(null), q = _ != null && _.dependsOn ? a == null ? void 0 : a[_.dependsOn] : null, h = Be(() => {
9693
+ }, [
9694
+ e.apiConfig,
9695
+ e.api_endpoint,
9696
+ e.api_method,
9697
+ e.value_field,
9698
+ e.label_field,
9699
+ e.depends_on,
9700
+ e.conditional,
9701
+ e.passThroughFields
9702
+ ]), W = gt(null), q = _ != null && _.dependsOn ? a == null ? void 0 : a[_.dependsOn] : null, h = Be(() => {
9682
9703
  if (!(_ != null && _.dependsOn)) return !1;
9683
9704
  const H = q, X = W.current, se = H !== X;
9684
9705
  return se && (W.current = H), se;
@@ -9698,7 +9719,12 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9698
9719
  B !== void 0 && (H[se] = B);
9699
9720
  }
9700
9721
  return H;
9701
- }, [_ == null ? void 0 : _.endpoint, e == null ? void 0 : e.api_endpoint, _ == null ? void 0 : _.dependsOn, a]), {
9722
+ }, [
9723
+ _ == null ? void 0 : _.endpoint,
9724
+ e == null ? void 0 : e.api_endpoint,
9725
+ _ == null ? void 0 : _.dependsOn,
9726
+ a
9727
+ ]), {
9702
9728
  data: V = [],
9703
9729
  isLoading: G,
9704
9730
  error: te
@@ -9779,7 +9805,8 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9779
9805
  {
9780
9806
  ...B,
9781
9807
  id: e.id,
9782
- label: y(e.label),
9808
+ labelText: e.labelPosition === "top" ? y(e.label) : void 0,
9809
+ label: e.labelPosition !== "top" ? y(e.label) : void 0,
9783
9810
  labelVariant: e.labelVariant,
9784
9811
  type: e.type === "password" ? f ? "text" : "password" : e.type,
9785
9812
  placeholder: e.placeholder,
@@ -9787,7 +9814,15 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9787
9814
  hasError: l,
9788
9815
  helperText: (s == null ? void 0 : s.message) || e.helperText,
9789
9816
  InputProps: e.type === "password" ? {
9790
- endAdornment: /* @__PURE__ */ b(Kl, { position: "end", children: /* @__PURE__ */ b(ti, { "aria-label": "toggle password visibility", onClick: () => m((Z) => !Z), edge: "end", children: f ? /* @__PURE__ */ b(gs, {}) : /* @__PURE__ */ b(ms, {}) }) })
9817
+ endAdornment: /* @__PURE__ */ b(Kl, { position: "end", children: /* @__PURE__ */ b(
9818
+ ti,
9819
+ {
9820
+ "aria-label": "toggle password visibility",
9821
+ onClick: () => m((Z) => !Z),
9822
+ edge: "end",
9823
+ children: f ? /* @__PURE__ */ b(gs, {}) : /* @__PURE__ */ b(ms, {})
9824
+ }
9825
+ ) })
9791
9826
  } : void 0
9792
9827
  }
9793
9828
  )
@@ -9805,14 +9840,18 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9805
9840
  {
9806
9841
  ...B,
9807
9842
  id: e.id,
9808
- label: y(e.label),
9843
+ labelText: e.labelPosition === "top" ? y(e.label) : void 0,
9844
+ label: e.labelPosition !== "top" ? y(e.label) : void 0,
9809
9845
  labelVariant: e.labelVariant,
9810
9846
  type: "number",
9811
9847
  placeholder: e.placeholder,
9812
9848
  disabled: e.disabled,
9813
9849
  hasError: l,
9814
9850
  helperText: s == null ? void 0 : s.message,
9815
- inputProps: { min: e.min, max: e.max }
9851
+ inputProps: {
9852
+ min: e.min,
9853
+ max: e.max
9854
+ }
9816
9855
  }
9817
9856
  )
9818
9857
  }
@@ -9828,13 +9867,14 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9828
9867
  render: ({ field: B }) => /* @__PURE__ */ b(
9829
9868
  Hh,
9830
9869
  {
9831
- labelText: y(e.label),
9870
+ labelText: e.labelPosition === "top" ? y(e.label) : void 0,
9871
+ label: e.labelPosition !== "top" && e.labelPosition !== "none" ? y(e.label) : void 0,
9832
9872
  labelVariant: e.labelVariant,
9833
9873
  value: B.value,
9834
9874
  onChange: B.onChange,
9835
9875
  options: H,
9836
9876
  disabled: e.disabled || G,
9837
- placeholder: e.labelPosition === "inner" || !e.labelPosition ? e.placeholder || y(e.label) : e.placeholder,
9877
+ placeholder: e.labelPosition === "inner" || e.labelPosition === "none" || !e.labelPosition ? e.placeholder || (e.labelPosition === "none" ? y(e.label) : void 0) : e.placeholder,
9838
9878
  loading: G,
9839
9879
  error: l || !!te,
9840
9880
  helperText: (s == null ? void 0 : s.message) || (te == null ? void 0 : te.message) || e.helperText,
@@ -9931,10 +9971,13 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9931
9971
  render: ({ field: B }) => {
9932
9972
  const Z = B.value, re = e.multiple === !0, de = (_ == null ? void 0 : _.valueField) || e.value_field || "value", M = (_ == null ? void 0 : _.labelField) || e.label_field || "label", ie = (N) => {
9933
9973
  if (N != null) {
9934
- if (typeof N == "string" || typeof N == "number") return N;
9974
+ if (typeof N == "string" || typeof N == "number")
9975
+ return N;
9935
9976
  if (typeof N == "object") {
9936
- if (N[de] !== void 0) return N[de];
9937
- if (N.value !== void 0) return N.value;
9977
+ if (N[de] !== void 0)
9978
+ return N[de];
9979
+ if (N.value !== void 0)
9980
+ return N.value;
9938
9981
  if (N.id !== void 0) return N.id;
9939
9982
  }
9940
9983
  }
@@ -9953,11 +9996,14 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9953
9996
  };
9954
9997
  });
9955
9998
  {
9956
- if (Z == null || Z === "") return null;
9957
- const N = X.find((oe) => {
9958
- const we = ie(oe);
9959
- return we !== void 0 && we === Z;
9960
- });
9999
+ if (Z == null || Z === "")
10000
+ return null;
10001
+ const N = X.find(
10002
+ (oe) => {
10003
+ const we = ie(oe);
10004
+ return we !== void 0 && we === Z;
10005
+ }
10006
+ );
9961
10007
  return N || {
9962
10008
  [de]: Z,
9963
10009
  [M]: `Selected: ${Z}`,
@@ -9973,15 +10019,22 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9973
10019
  options: X,
9974
10020
  value: P,
9975
10021
  multiple: re,
9976
- label: y(e.label),
9977
- placeholder: se && (_ != null && _.dependsOn) && !q ? `Please select ${_.dependsOn.replace(/_/g, " ")} first` : e.placeholder,
10022
+ labelText: e.labelPosition === "top" ? y(e.label) : void 0,
10023
+ label: e.labelPosition !== "top" ? y(e.label) : void 0,
10024
+ placeholder: se && (_ != null && _.dependsOn) && !q ? `Please select ${_.dependsOn.replace(
10025
+ /_/g,
10026
+ " "
10027
+ )} first` : e.placeholder,
9978
10028
  labelVariant: e.labelVariant,
9979
10029
  disabled: se,
9980
10030
  loading: G,
9981
10031
  error: l || !!te,
9982
10032
  helperText: (s == null ? void 0 : s.message) || (te == null ? void 0 : te.message) || e.helperText || "",
9983
10033
  onOpen: ce,
9984
- noOptionsText: se && (_ != null && _.dependsOn) && !q ? `Please select ${_.dependsOn.replace(/_/g, " ")} first` : G ? "Fetching data..." : d && !G && X.length === 0 ? "No options available" : "Click to load options",
10034
+ noOptionsText: se && (_ != null && _.dependsOn) && !q ? `Please select ${_.dependsOn.replace(
10035
+ /_/g,
10036
+ " "
10037
+ )} first` : G ? "Fetching data..." : d && !G && X.length === 0 ? "No options available" : "Click to load options",
9985
10038
  onChange: (N) => {
9986
10039
  const oe = (_ == null ? void 0 : _.valueField) || e.value_field || "value";
9987
10040
  if (re) {
@@ -9992,11 +10045,17 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
9992
10045
  N && typeof N == "object" ? we = N[oe] || N.value || N.id || N : we = N, B.onChange(we);
9993
10046
  const Qe = e.selectedAssignments;
9994
10047
  if (Qe && N && typeof N == "object")
9995
- for (const [Fe, Je] of Object.entries(Qe)) {
10048
+ for (const [Fe, Je] of Object.entries(
10049
+ Qe
10050
+ )) {
9996
10051
  const et = N[Je];
9997
10052
  if (et !== void 0 && typeof o == "function")
9998
10053
  try {
9999
- o(Fe, et, { shouldDirty: !0, shouldTouch: !0, shouldValidate: !1 });
10054
+ o(Fe, et, {
10055
+ shouldDirty: !0,
10056
+ shouldTouch: !0,
10057
+ shouldValidate: !1
10058
+ });
10000
10059
  } catch {
10001
10060
  }
10002
10061
  }
@@ -10025,7 +10084,10 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10025
10084
  disabled: e.disabled,
10026
10085
  error: l,
10027
10086
  helperText: s == null ? void 0 : s.message,
10028
- inputProps: { min: e.minDate, max: e.maxDate }
10087
+ inputProps: {
10088
+ min: e.minDate,
10089
+ max: e.maxDate
10090
+ }
10029
10091
  }
10030
10092
  )
10031
10093
  }
@@ -10049,7 +10111,10 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10049
10111
  }, et = () => {
10050
10112
  B.onChange(""), typeof e.onRemove == "function" && e.onRemove();
10051
10113
  }, v = () => {
10052
- typeof e.onSave == "function" && e.onSave({ url: Z, file: A.current || void 0 });
10114
+ typeof e.onSave == "function" && e.onSave({
10115
+ url: Z,
10116
+ file: A.current || void 0
10117
+ });
10053
10118
  }, T = (k) => {
10054
10119
  const K = k.target.files && k.target.files[0];
10055
10120
  if (K) {
@@ -10088,67 +10153,150 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10088
10153
  onChange: T
10089
10154
  }
10090
10155
  ),
10091
- /* @__PURE__ */ pe(le, { sx: { display: "flex", flexDirection: "column", gap: 1 }, children: [
10092
- /* @__PURE__ */ b(le, { sx: { width: "30%", height: "10%", display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "6px", background: "#FFFFFF", overflow: "hidden", ...N.thumbnailSx }, children: /* @__PURE__ */ b("img", { src: Z, alt: e.alt || e.label, style: { maxWidth: "100%", maxHeight: "100%" } }) }),
10093
- /* @__PURE__ */ pe(le, { sx: { flexGrow: 1 }, children: [
10094
- /* @__PURE__ */ b(ve, { sx: { fontSize: "12px", fontWeight: 500, ...N.fileNameSx }, children: typeof Z == "string" ? Z.split("/").pop() : "Selected image" }),
10095
- /* @__PURE__ */ b(ve, { sx: { fontSize: "10px", ...N.fileMetaSx }, children: "Image selected" })
10096
- ] }),
10097
- /* @__PURE__ */ pe(le, { sx: { display: "flex", gap: 1 }, children: [
10098
- /* @__PURE__ */ b(
10099
- at,
10100
- {
10101
- type: "button",
10102
- sx: { ...N.previewButtonSx },
10103
- variant: "outlined",
10104
- onClick: Je,
10105
- startIcon: /* @__PURE__ */ b(ms, {}),
10106
- children: oe
10107
- }
10108
- ),
10109
- /* @__PURE__ */ b(
10110
- at,
10111
- {
10112
- variant: "outlined",
10113
- color: "error",
10114
- onClick: et,
10115
- sx: { ...N.removeButtonSx },
10116
- startIcon: /* @__PURE__ */ b(gs, {}),
10117
- children: we
10118
- }
10119
- ),
10120
- Fe && /* @__PURE__ */ b(
10121
- at,
10122
- {
10123
- variant: "contained",
10124
- onClick: v,
10125
- sx: { ...N.saveButtonSx },
10126
- children: Qe
10127
- }
10128
- )
10129
- ] })
10130
- ] }),
10131
- /* @__PURE__ */ pe(Yc, { open: w, onClose: () => g(!1), maxWidth: "md", fullWidth: !0, children: [
10132
- /* @__PURE__ */ b(Zc, { children: N.previewTitle || "Image preview" }),
10133
- /* @__PURE__ */ b(Xc, { children: /* @__PURE__ */ b(le, { sx: {
10134
- display: "flex",
10135
- alignItems: "center",
10136
- justifyContent: "center",
10137
- borderRadius: "8px",
10138
- border: "1px solid",
10139
- borderColor: "divider",
10140
- backgroundColor: "background.paper",
10141
- p: 1,
10142
- minHeight: 260
10143
- }, children: /* @__PURE__ */ b("img", { src: Z, alt: e.alt || e.label, style: { maxWidth: "100%", maxHeight: 380 } }) }) }),
10144
- /* @__PURE__ */ pe(Jc, { children: [
10145
- /* @__PURE__ */ b(at, { type: "button", variant: "outlined", onClick: () => {
10146
- var k;
10147
- return (k = O.current) == null ? void 0 : k.click();
10148
- }, children: N.replaceText || "Replace logo" }),
10149
- /* @__PURE__ */ b(at, { type: "button", variant: "contained", onClick: () => g(!1), children: N.closeText || "Close" })
10150
- ] })
10151
- ] })
10156
+ /* @__PURE__ */ pe(
10157
+ le,
10158
+ {
10159
+ sx: { display: "flex", flexDirection: "column", gap: 1 },
10160
+ children: [
10161
+ /* @__PURE__ */ b(
10162
+ le,
10163
+ {
10164
+ sx: {
10165
+ width: "30%",
10166
+ height: "10%",
10167
+ display: "flex",
10168
+ alignItems: "center",
10169
+ justifyContent: "center",
10170
+ borderRadius: "6px",
10171
+ background: "#FFFFFF",
10172
+ overflow: "hidden",
10173
+ ...N.thumbnailSx
10174
+ },
10175
+ children: /* @__PURE__ */ b(
10176
+ "img",
10177
+ {
10178
+ src: Z,
10179
+ alt: e.alt || e.label,
10180
+ style: { maxWidth: "100%", maxHeight: "100%" }
10181
+ }
10182
+ )
10183
+ }
10184
+ ),
10185
+ /* @__PURE__ */ pe(le, { sx: { flexGrow: 1 }, children: [
10186
+ /* @__PURE__ */ b(
10187
+ ve,
10188
+ {
10189
+ sx: {
10190
+ fontSize: "12px",
10191
+ fontWeight: 500,
10192
+ ...N.fileNameSx
10193
+ },
10194
+ children: typeof Z == "string" ? Z.split("/").pop() : "Selected image"
10195
+ }
10196
+ ),
10197
+ /* @__PURE__ */ b(
10198
+ ve,
10199
+ {
10200
+ sx: { fontSize: "10px", ...N.fileMetaSx },
10201
+ children: "Image selected"
10202
+ }
10203
+ )
10204
+ ] }),
10205
+ /* @__PURE__ */ pe(le, { sx: { display: "flex", gap: 1 }, children: [
10206
+ /* @__PURE__ */ b(
10207
+ at,
10208
+ {
10209
+ type: "button",
10210
+ sx: { ...N.previewButtonSx },
10211
+ variant: "outlined",
10212
+ onClick: Je,
10213
+ startIcon: /* @__PURE__ */ b(ms, {}),
10214
+ children: oe
10215
+ }
10216
+ ),
10217
+ /* @__PURE__ */ b(
10218
+ at,
10219
+ {
10220
+ variant: "outlined",
10221
+ color: "error",
10222
+ onClick: et,
10223
+ sx: { ...N.removeButtonSx },
10224
+ startIcon: /* @__PURE__ */ b(gs, {}),
10225
+ children: we
10226
+ }
10227
+ ),
10228
+ Fe && /* @__PURE__ */ b(
10229
+ at,
10230
+ {
10231
+ variant: "contained",
10232
+ onClick: v,
10233
+ sx: { ...N.saveButtonSx },
10234
+ children: Qe
10235
+ }
10236
+ )
10237
+ ] })
10238
+ ]
10239
+ }
10240
+ ),
10241
+ /* @__PURE__ */ pe(
10242
+ Yc,
10243
+ {
10244
+ open: w,
10245
+ onClose: () => g(!1),
10246
+ maxWidth: "md",
10247
+ fullWidth: !0,
10248
+ children: [
10249
+ /* @__PURE__ */ b(Zc, { children: N.previewTitle || "Image preview" }),
10250
+ /* @__PURE__ */ b(Xc, { children: /* @__PURE__ */ b(
10251
+ le,
10252
+ {
10253
+ sx: {
10254
+ display: "flex",
10255
+ alignItems: "center",
10256
+ justifyContent: "center",
10257
+ borderRadius: "8px",
10258
+ border: "1px solid",
10259
+ borderColor: "divider",
10260
+ backgroundColor: "background.paper",
10261
+ p: 1,
10262
+ minHeight: 260
10263
+ },
10264
+ children: /* @__PURE__ */ b(
10265
+ "img",
10266
+ {
10267
+ src: Z,
10268
+ alt: e.alt || e.label,
10269
+ style: { maxWidth: "100%", maxHeight: 380 }
10270
+ }
10271
+ )
10272
+ }
10273
+ ) }),
10274
+ /* @__PURE__ */ pe(Jc, { children: [
10275
+ /* @__PURE__ */ b(
10276
+ at,
10277
+ {
10278
+ type: "button",
10279
+ variant: "outlined",
10280
+ onClick: () => {
10281
+ var k;
10282
+ return (k = O.current) == null ? void 0 : k.click();
10283
+ },
10284
+ children: N.replaceText || "Replace logo"
10285
+ }
10286
+ ),
10287
+ /* @__PURE__ */ b(
10288
+ at,
10289
+ {
10290
+ type: "button",
10291
+ variant: "contained",
10292
+ onClick: () => g(!1),
10293
+ children: N.closeText || "Close"
10294
+ }
10295
+ )
10296
+ ] })
10297
+ ]
10298
+ }
10299
+ )
10152
10300
  ]
10153
10301
  }
10154
10302
  );
@@ -10194,9 +10342,47 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10194
10342
  onChange: P
10195
10343
  }
10196
10344
  ),
10197
- /* @__PURE__ */ b(ti, { sx: { borderRadius: "8px", ...re.iconSx }, children: de === "image" ? /* @__PURE__ */ b(Uh, { sx: { width: 36, height: 36, color: "primary.main" } }) : /* @__PURE__ */ b(gi, { sx: { width: 36, height: 36, color: "primary.main" } }) }),
10198
- /* @__PURE__ */ b(ve, { sx: { fontSize: "16px", fontWeight: 600, color: "primary.main", ...re.titleSx }, children: re.title || "Drag & Drop the image here" }),
10199
- /* @__PURE__ */ b(ve, { sx: { fontSize: "12px", fontWeight: 400, color: "primary.main", ...re.subtitleSx }, children: re.subtitle || "" }),
10345
+ /* @__PURE__ */ b(
10346
+ ti,
10347
+ {
10348
+ sx: { borderRadius: "8px", ...re.iconSx },
10349
+ children: de === "image" ? /* @__PURE__ */ b(
10350
+ Uh,
10351
+ {
10352
+ sx: { width: 36, height: 36, color: "primary.main" }
10353
+ }
10354
+ ) : /* @__PURE__ */ b(
10355
+ gi,
10356
+ {
10357
+ sx: { width: 36, height: 36, color: "primary.main" }
10358
+ }
10359
+ )
10360
+ }
10361
+ ),
10362
+ /* @__PURE__ */ b(
10363
+ ve,
10364
+ {
10365
+ sx: {
10366
+ fontSize: "16px",
10367
+ fontWeight: 600,
10368
+ color: "primary.main",
10369
+ ...re.titleSx
10370
+ },
10371
+ children: re.title || "Drag & Drop the image here"
10372
+ }
10373
+ ),
10374
+ /* @__PURE__ */ b(
10375
+ ve,
10376
+ {
10377
+ sx: {
10378
+ fontSize: "12px",
10379
+ fontWeight: 400,
10380
+ color: "primary.main",
10381
+ ...re.subtitleSx
10382
+ },
10383
+ children: re.subtitle || ""
10384
+ }
10385
+ ),
10200
10386
  /* @__PURE__ */ b(
10201
10387
  at,
10202
10388
  {
@@ -10208,7 +10394,17 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10208
10394
  children: re.buttonText || "Upload File"
10209
10395
  }
10210
10396
  ),
10211
- /* @__PURE__ */ b(ve, { sx: { fontSize: "12px", fontWeight: 400, ...re.helperTextSx }, children: re.helperText || e.helperText || "" })
10397
+ /* @__PURE__ */ b(
10398
+ ve,
10399
+ {
10400
+ sx: {
10401
+ fontSize: "12px",
10402
+ fontWeight: 400,
10403
+ ...re.helperTextSx
10404
+ },
10405
+ children: re.helperText || e.helperText || ""
10406
+ }
10407
+ )
10212
10408
  ]
10213
10409
  }
10214
10410
  );
@@ -10220,7 +10416,9 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10220
10416
  default:
10221
10417
  return null;
10222
10418
  }
10223
- }, U = Be(() => !e.disabled || e.copyWhenDisabled === !1 ? !1 : !["title", "section", "image", "component"].includes(e.type), [e.disabled, e.copyWhenDisabled, e.type]), ue = Le(async () => {
10419
+ }, U = Be(() => !e.disabled || e.copyWhenDisabled === !1 ? !1 : !["title", "section", "image", "component"].includes(
10420
+ e.type
10421
+ ), [e.disabled, e.copyWhenDisabled, e.type]), ue = Le(async () => {
10224
10422
  try {
10225
10423
  const H = a ? a[e.name] : void 0;
10226
10424
  let X = "";
@@ -10230,7 +10428,15 @@ const nm = ({ field: e, control: t, errors: r, baseUrl: n, apiHeaders: i, formDa
10230
10428
  }, [a, e.name]);
10231
10429
  return /* @__PURE__ */ pe(le, { sx: { display: "flex", alignItems: "center", gap: 0.3 }, children: [
10232
10430
  /* @__PURE__ */ b(le, { sx: { flexGrow: 1 }, children: j() }),
10233
- U && /* @__PURE__ */ b(ti, { "aria-label": `copy ${e.label || e.name}`, onClick: ue, size: "small", children: S ? /* @__PURE__ */ b(Jl, { fontSize: "small" }) : /* @__PURE__ */ b(qh, { fontSize: "small" }) })
10431
+ U && /* @__PURE__ */ b(
10432
+ ti,
10433
+ {
10434
+ "aria-label": `copy ${e.label || e.name}`,
10435
+ onClick: ue,
10436
+ size: "small",
10437
+ children: S ? /* @__PURE__ */ b(Jl, { fontSize: "small" }) : /* @__PURE__ */ b(qh, { fontSize: "small" })
10438
+ }
10439
+ )
10234
10440
  ] });
10235
10441
  };
10236
10442
  var Ki, ws;
@@ -12486,7 +12692,8 @@ const jm = (e) => {
12486
12692
  borderRadius: "4px",
12487
12693
  display: "grid",
12488
12694
  gridTemplateColumns: "repeat(12, 1fr)",
12489
- gap: 2
12695
+ gap: 2,
12696
+ width: "100%"
12490
12697
  },
12491
12698
  children: A.map((M) => {
12492
12699
  const ie = X(M);