@fctc/sme-widget-ui 2.2.2 → 2.2.4

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/index.js CHANGED
@@ -11015,7 +11015,18 @@ var Row = (props) => {
11015
11015
  },
11016
11016
  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DeleteIcon, {})
11017
11017
  }
11018
- ) }) })
11018
+ ) }) }),
11019
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
11020
+ "td",
11021
+ {
11022
+ style: {
11023
+ maxWidth: "50px",
11024
+ minWidth: "50px",
11025
+ right: 0
11026
+ },
11027
+ className: `p-3 min-w-[40px]`
11028
+ }
11029
+ )
11019
11030
  ] })
11020
11031
  },
11021
11032
  `${row.id}_${indexRow}`
@@ -33133,7 +33144,7 @@ var ToggleButtonField = (props) => {
33133
33144
  style: {
33134
33145
  position: "absolute",
33135
33146
  inset: 0,
33136
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
33147
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
33137
33148
  },
33138
33149
  className: `rounded-full transition duration-300
33139
33150
  `,
@@ -33146,7 +33157,7 @@ var ToggleButtonField = (props) => {
33146
33157
  bottom: "2px",
33147
33158
  width: "16px",
33148
33159
  height: "16px",
33149
- backgroundColor: "white",
33160
+ background: "white",
33150
33161
  borderRadius: "9999px",
33151
33162
  transition: "transform 0.3s",
33152
33163
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/index.mjs CHANGED
@@ -10889,7 +10889,18 @@ var Row = (props) => {
10889
10889
  },
10890
10890
  children: /* @__PURE__ */ jsx47(DeleteIcon, {})
10891
10891
  }
10892
- ) }) })
10892
+ ) }) }),
10893
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx47(
10894
+ "td",
10895
+ {
10896
+ style: {
10897
+ maxWidth: "50px",
10898
+ minWidth: "50px",
10899
+ right: 0
10900
+ },
10901
+ className: `p-3 min-w-[40px]`
10902
+ }
10903
+ )
10893
10904
  ] })
10894
10905
  },
10895
10906
  `${row.id}_${indexRow}`
@@ -33007,7 +33018,7 @@ var ToggleButtonField = (props) => {
33007
33018
  style: {
33008
33019
  position: "absolute",
33009
33020
  inset: 0,
33010
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
33021
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
33011
33022
  },
33012
33023
  className: `rounded-full transition duration-300
33013
33024
  `,
@@ -33020,7 +33031,7 @@ var ToggleButtonField = (props) => {
33020
33031
  bottom: "2px",
33021
33032
  width: "16px",
33022
33033
  height: "16px",
33023
- backgroundColor: "white",
33034
+ background: "white",
33024
33035
  borderRadius: "9999px",
33025
33036
  transition: "transform 0.3s",
33026
33037
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/widgets.js CHANGED
@@ -10007,7 +10007,18 @@ var Row = (props) => {
10007
10007
  },
10008
10008
  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DeleteIcon, {})
10009
10009
  }
10010
- ) }) })
10010
+ ) }) }),
10011
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
10012
+ "td",
10013
+ {
10014
+ style: {
10015
+ maxWidth: "50px",
10016
+ minWidth: "50px",
10017
+ right: 0
10018
+ },
10019
+ className: `p-3 min-w-[40px]`
10020
+ }
10021
+ )
10011
10022
  ] })
10012
10023
  },
10013
10024
  `${row.id}_${indexRow}`
@@ -32384,7 +32395,7 @@ var ToggleButtonField = (props) => {
32384
32395
  style: {
32385
32396
  position: "absolute",
32386
32397
  inset: 0,
32387
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
32398
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
32388
32399
  },
32389
32400
  className: `rounded-full transition duration-300
32390
32401
  `,
@@ -32397,7 +32408,7 @@ var ToggleButtonField = (props) => {
32397
32408
  bottom: "2px",
32398
32409
  width: "16px",
32399
32410
  height: "16px",
32400
- backgroundColor: "white",
32411
+ background: "white",
32401
32412
  borderRadius: "9999px",
32402
32413
  transition: "transform 0.3s",
32403
32414
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/dist/widgets.mjs CHANGED
@@ -9945,7 +9945,18 @@ var Row = (props) => {
9945
9945
  },
9946
9946
  children: /* @__PURE__ */ jsx47(DeleteIcon, {})
9947
9947
  }
9948
- ) }) })
9948
+ ) }) }),
9949
+ columns && Array.isArray(columns) && columns?.some((column2) => column2?.optional) && /* @__PURE__ */ jsx47(
9950
+ "td",
9951
+ {
9952
+ style: {
9953
+ maxWidth: "50px",
9954
+ minWidth: "50px",
9955
+ right: 0
9956
+ },
9957
+ className: `p-3 min-w-[40px]`
9958
+ }
9959
+ )
9949
9960
  ] })
9950
9961
  },
9951
9962
  `${row.id}_${indexRow}`
@@ -32322,7 +32333,7 @@ var ToggleButtonField = (props) => {
32322
32333
  style: {
32323
32334
  position: "absolute",
32324
32335
  inset: 0,
32325
- backgroundColor: field.value ? "var(--color-primary)" : "#D1D5D8"
32336
+ background: field.value ? "var(--color-primary)" : "#D1D5D8"
32326
32337
  },
32327
32338
  className: `rounded-full transition duration-300
32328
32339
  `,
@@ -32335,7 +32346,7 @@ var ToggleButtonField = (props) => {
32335
32346
  bottom: "2px",
32336
32347
  width: "16px",
32337
32348
  height: "16px",
32338
- backgroundColor: "white",
32349
+ background: "white",
32339
32350
  borderRadius: "9999px",
32340
32351
  transition: "transform 0.3s",
32341
32352
  transform: field.value ? "translateX(12px)" : "translateX(0)"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.2.2",
3
+ "version": "2.2.4",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",