@fctc/sme-widget-ui 2.1.4 → 2.1.6

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.js +21 -4
  2. package/dist/index.mjs +21 -4
  3. package/dist/widgets.js +21 -4
  4. package/dist/widgets.mjs +21 -4
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -16935,7 +16935,11 @@ var BinaryField = (props) => {
16935
16935
  {
16936
16936
  src: url,
16937
16937
  alt: name3,
16938
- className: "w-full h-full max-w-32 max-h-32 rounded-lg object-contain"
16938
+ className: `w-full h-full rounded-lg object-contain ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16939
+ style: {
16940
+ maxWidth: isEditTable ? "40px" : "128px",
16941
+ maxHeight: isEditTable ? "40px" : "128px"
16942
+ }
16939
16943
  }
16940
16944
  );
16941
16945
  if (type?.startsWith("video/"))
@@ -16943,7 +16947,11 @@ var BinaryField = (props) => {
16943
16947
  "video",
16944
16948
  {
16945
16949
  src: url,
16946
- className: "h-32 w-32 rounded-lg object-cover",
16950
+ className: `rounded-lg object-cover ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16951
+ style: {
16952
+ maxWidth: isEditTable ? "40px" : "128px",
16953
+ maxHeight: isEditTable ? "40px" : "128px"
16954
+ },
16947
16955
  controls: true
16948
16956
  }
16949
16957
  );
@@ -16959,7 +16967,16 @@ var BinaryField = (props) => {
16959
16967
  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
16960
16968
  getFileIcon(),
16961
16969
  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
16962
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-sm font-medium text-gray-600 truncate max-w-[120px]", children: name3 }),
16970
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16971
+ "p",
16972
+ {
16973
+ style: {
16974
+ maxWidth: "120px"
16975
+ },
16976
+ className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
16977
+ children: name3
16978
+ }
16979
+ ),
16963
16980
  isShowSize && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
16964
16981
  ] })
16965
16982
  ] });
@@ -16980,7 +16997,7 @@ var BinaryField = (props) => {
16980
16997
  "div",
16981
16998
  {
16982
16999
  ref: binaryRef,
16983
- className: `flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
17000
+ className: `binary-field flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16984
17001
  children: hasFile ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16985
17002
  "div",
16986
17003
  {
package/dist/index.mjs CHANGED
@@ -16810,7 +16810,11 @@ var BinaryField = (props) => {
16810
16810
  {
16811
16811
  src: url,
16812
16812
  alt: name3,
16813
- className: "w-full h-full max-w-32 max-h-32 rounded-lg object-contain"
16813
+ className: `w-full h-full rounded-lg object-contain ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16814
+ style: {
16815
+ maxWidth: isEditTable ? "40px" : "128px",
16816
+ maxHeight: isEditTable ? "40px" : "128px"
16817
+ }
16814
16818
  }
16815
16819
  );
16816
16820
  if (type?.startsWith("video/"))
@@ -16818,7 +16822,11 @@ var BinaryField = (props) => {
16818
16822
  "video",
16819
16823
  {
16820
16824
  src: url,
16821
- className: "h-32 w-32 rounded-lg object-cover",
16825
+ className: `rounded-lg object-cover ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16826
+ style: {
16827
+ maxWidth: isEditTable ? "40px" : "128px",
16828
+ maxHeight: isEditTable ? "40px" : "128px"
16829
+ },
16822
16830
  controls: true
16823
16831
  }
16824
16832
  );
@@ -16834,7 +16842,16 @@ var BinaryField = (props) => {
16834
16842
  return /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
16835
16843
  getFileIcon(),
16836
16844
  /* @__PURE__ */ jsxs49("div", { children: [
16837
- /* @__PURE__ */ jsx74("p", { className: "text-sm font-medium text-gray-600 truncate max-w-[120px]", children: name3 }),
16845
+ /* @__PURE__ */ jsx74(
16846
+ "p",
16847
+ {
16848
+ style: {
16849
+ maxWidth: "120px"
16850
+ },
16851
+ className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
16852
+ children: name3
16853
+ }
16854
+ ),
16838
16855
  isShowSize && /* @__PURE__ */ jsx74("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
16839
16856
  ] })
16840
16857
  ] });
@@ -16855,7 +16872,7 @@ var BinaryField = (props) => {
16855
16872
  "div",
16856
16873
  {
16857
16874
  ref: binaryRef,
16858
- className: `flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16875
+ className: `binary-field flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16859
16876
  children: hasFile ? /* @__PURE__ */ jsx74(
16860
16877
  "div",
16861
16878
  {
package/dist/widgets.js CHANGED
@@ -16187,7 +16187,11 @@ var BinaryField = (props) => {
16187
16187
  {
16188
16188
  src: url,
16189
16189
  alt: name3,
16190
- className: "w-full h-full max-w-32 max-h-32 rounded-lg object-contain"
16190
+ className: `w-full h-full rounded-lg object-contain ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16191
+ style: {
16192
+ maxWidth: isEditTable ? "40px" : "128px",
16193
+ maxHeight: isEditTable ? "40px" : "128px"
16194
+ }
16191
16195
  }
16192
16196
  );
16193
16197
  if (type?.startsWith("video/"))
@@ -16195,7 +16199,11 @@ var BinaryField = (props) => {
16195
16199
  "video",
16196
16200
  {
16197
16201
  src: url,
16198
- className: "h-32 w-32 rounded-lg object-cover",
16202
+ className: `rounded-lg object-cover ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16203
+ style: {
16204
+ maxWidth: isEditTable ? "40px" : "128px",
16205
+ maxHeight: isEditTable ? "40px" : "128px"
16206
+ },
16199
16207
  controls: true
16200
16208
  }
16201
16209
  );
@@ -16211,7 +16219,16 @@ var BinaryField = (props) => {
16211
16219
  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
16212
16220
  getFileIcon(),
16213
16221
  /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { children: [
16214
- /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("p", { className: "text-sm font-medium text-gray-600 truncate max-w-[120px]", children: name3 }),
16222
+ /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16223
+ "p",
16224
+ {
16225
+ style: {
16226
+ maxWidth: "120px"
16227
+ },
16228
+ className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
16229
+ children: name3
16230
+ }
16231
+ ),
16215
16232
  isShowSize && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
16216
16233
  ] })
16217
16234
  ] });
@@ -16232,7 +16249,7 @@ var BinaryField = (props) => {
16232
16249
  "div",
16233
16250
  {
16234
16251
  ref: binaryRef,
16235
- className: `flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16252
+ className: `binary-field flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16236
16253
  children: hasFile ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
16237
16254
  "div",
16238
16255
  {
package/dist/widgets.mjs CHANGED
@@ -16125,7 +16125,11 @@ var BinaryField = (props) => {
16125
16125
  {
16126
16126
  src: url,
16127
16127
  alt: name3,
16128
- className: "w-full h-full max-w-32 max-h-32 rounded-lg object-contain"
16128
+ className: `w-full h-full rounded-lg object-contain ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16129
+ style: {
16130
+ maxWidth: isEditTable ? "40px" : "128px",
16131
+ maxHeight: isEditTable ? "40px" : "128px"
16132
+ }
16129
16133
  }
16130
16134
  );
16131
16135
  if (type?.startsWith("video/"))
@@ -16133,7 +16137,11 @@ var BinaryField = (props) => {
16133
16137
  "video",
16134
16138
  {
16135
16139
  src: url,
16136
- className: "h-32 w-32 rounded-lg object-cover",
16140
+ className: `rounded-lg object-cover ${isEditTable ? "max-h-10 max-w-10" : "max-w-32 max-h-32"}`,
16141
+ style: {
16142
+ maxWidth: isEditTable ? "40px" : "128px",
16143
+ maxHeight: isEditTable ? "40px" : "128px"
16144
+ },
16137
16145
  controls: true
16138
16146
  }
16139
16147
  );
@@ -16149,7 +16157,16 @@ var BinaryField = (props) => {
16149
16157
  return /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-2", children: [
16150
16158
  getFileIcon(),
16151
16159
  /* @__PURE__ */ jsxs49("div", { children: [
16152
- /* @__PURE__ */ jsx74("p", { className: "text-sm font-medium text-gray-600 truncate max-w-[120px]", children: name3 }),
16160
+ /* @__PURE__ */ jsx74(
16161
+ "p",
16162
+ {
16163
+ style: {
16164
+ maxWidth: "120px"
16165
+ },
16166
+ className: "text-sm font-medium text-gray-600 truncate max-w-[120px]",
16167
+ children: name3
16168
+ }
16169
+ ),
16153
16170
  isShowSize && /* @__PURE__ */ jsx74("span", { className: "text-xs text-[#666] font-semibold", children: formatFileSize(size4) })
16154
16171
  ] })
16155
16172
  ] });
@@ -16170,7 +16187,7 @@ var BinaryField = (props) => {
16170
16187
  "div",
16171
16188
  {
16172
16189
  ref: binaryRef,
16173
- className: `flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16190
+ className: `binary-field flex w-fit items-center gap-4 ${onlyImage && initialFile ? "shadow-md rounded-lg" : ""}`,
16174
16191
  children: hasFile ? /* @__PURE__ */ jsx74(
16175
16192
  "div",
16176
16193
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.1.4",
3
+ "version": "2.1.6",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",