@fctc/sme-widget-ui 1.6.7 → 1.6.9

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 +15 -5
  2. package/dist/index.mjs +15 -5
  3. package/dist/widgets.js +15 -5
  4. package/dist/widgets.mjs +15 -5
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -33169,7 +33169,16 @@ var RenderFile = ({
33169
33169
  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
33170
33170
  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
33171
33171
  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
33172
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap", children: file?.name || file?.display_name || info?.name }),
33172
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
33173
+ "div",
33174
+ {
33175
+ style: {
33176
+ maxWidth: "100px"
33177
+ },
33178
+ className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap",
33179
+ children: file?.name || file?.display_name || info?.name
33180
+ }
33181
+ ),
33173
33182
  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
33174
33183
  ] }),
33175
33184
  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
@@ -33967,9 +33976,6 @@ var MonetaryField = (props) => {
33967
33976
  clearErrors(name2);
33968
33977
  }
33969
33978
  }, [value2]);
33970
- const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
33971
- const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
33972
- const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
33973
33979
  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
33974
33980
  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33975
33981
  "input",
@@ -34002,7 +34008,11 @@ var MonetaryField = (props) => {
34002
34008
  placeholder: placeholder ?? `${i18n_default.t("choose_place")} ${string}`,
34003
34009
  required: !invisible && required,
34004
34010
  style: invisible ? { display: "none" } : {},
34005
- className: `${baseClasses} ${editableClass} ${readonlyClass}`
34011
+ className: `w-full h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden
34012
+ ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
34013
+ ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
34014
+ ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}
34015
+ `
34006
34016
  }
34007
34017
  ),
34008
34018
  !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
package/dist/index.mjs CHANGED
@@ -33048,7 +33048,16 @@ var RenderFile = ({
33048
33048
  return /* @__PURE__ */ jsxs57("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
33049
33049
  /* @__PURE__ */ jsx86("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
33050
33050
  /* @__PURE__ */ jsxs57("div", { children: [
33051
- /* @__PURE__ */ jsx86("div", { className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap", children: file?.name || file?.display_name || info?.name }),
33051
+ /* @__PURE__ */ jsx86(
33052
+ "div",
33053
+ {
33054
+ style: {
33055
+ maxWidth: "100px"
33056
+ },
33057
+ className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap",
33058
+ children: file?.name || file?.display_name || info?.name
33059
+ }
33060
+ ),
33052
33061
  /* @__PURE__ */ jsx86("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
33053
33062
  ] }),
33054
33063
  /* @__PURE__ */ jsxs57("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
@@ -33846,9 +33855,6 @@ var MonetaryField = (props) => {
33846
33855
  clearErrors(name2);
33847
33856
  }
33848
33857
  }, [value2]);
33849
- const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
33850
- const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
33851
- const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
33852
33858
  return /* @__PURE__ */ jsxs62(Fragment28, { children: [
33853
33859
  /* @__PURE__ */ jsx93(
33854
33860
  "input",
@@ -33881,7 +33887,11 @@ var MonetaryField = (props) => {
33881
33887
  placeholder: placeholder ?? `${i18n_default.t("choose_place")} ${string}`,
33882
33888
  required: !invisible && required,
33883
33889
  style: invisible ? { display: "none" } : {},
33884
- className: `${baseClasses} ${editableClass} ${readonlyClass}`
33890
+ className: `w-full h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden
33891
+ ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
33892
+ ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
33893
+ ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}
33894
+ `
33885
33895
  }
33886
33896
  ),
33887
33897
  !isEditTable && error2 && /* @__PURE__ */ jsx93("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
package/dist/widgets.js CHANGED
@@ -32793,7 +32793,16 @@ var RenderFile = ({
32793
32793
  return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
32794
32794
  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
32795
32795
  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { children: [
32796
- /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap", children: file?.name || file?.display_name || info?.name }),
32796
+ /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(
32797
+ "div",
32798
+ {
32799
+ style: {
32800
+ maxWidth: "100px"
32801
+ },
32802
+ className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap",
32803
+ children: file?.name || file?.display_name || info?.name
32804
+ }
32805
+ ),
32797
32806
  /* @__PURE__ */ (0, import_jsx_runtime84.jsx)("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
32798
32807
  ] }),
32799
32808
  /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
@@ -33591,9 +33600,6 @@ var MonetaryField = (props) => {
33591
33600
  clearErrors(name2);
33592
33601
  }
33593
33602
  }, [value2]);
33594
- const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
33595
- const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
33596
- const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
33597
33603
  return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
33598
33604
  /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
33599
33605
  "input",
@@ -33626,7 +33632,11 @@ var MonetaryField = (props) => {
33626
33632
  placeholder: placeholder ?? `${i18n_default.t("choose_place")} ${string}`,
33627
33633
  required: !invisible && required,
33628
33634
  style: invisible ? { display: "none" } : {},
33629
- className: `${baseClasses} ${editableClass} ${readonlyClass}`
33635
+ className: `w-full h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden
33636
+ ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
33637
+ ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
33638
+ ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}
33639
+ `
33630
33640
  }
33631
33641
  ),
33632
33642
  !isEditTable && error2 && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
package/dist/widgets.mjs CHANGED
@@ -32730,7 +32730,16 @@ var RenderFile = ({
32730
32730
  return /* @__PURE__ */ jsxs57("div", { className: "flex gap-2 items-center bg-[#FAFAFA] rounded-[8px] p-[6px]", children: [
32731
32731
  /* @__PURE__ */ jsx86("div", { className: "w-6 h-6 file-icon", children: info?.type && fileTypeIcon?.[info?.type] }),
32732
32732
  /* @__PURE__ */ jsxs57("div", { children: [
32733
- /* @__PURE__ */ jsx86("div", { className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap", children: file?.name || file?.display_name || info?.name }),
32733
+ /* @__PURE__ */ jsx86(
32734
+ "div",
32735
+ {
32736
+ style: {
32737
+ maxWidth: "100px"
32738
+ },
32739
+ className: "max-w-[100px] truncate text-sm overflow-hidden text-ellipsis whitespace-nowrap",
32740
+ children: file?.name || file?.display_name || info?.name
32741
+ }
32742
+ ),
32734
32743
  /* @__PURE__ */ jsx86("div", { className: "text-xs text-[#666] font-semibold", children: isNaN(info?.size) ? "" : formatFileSize(info?.size) })
32735
32744
  ] }),
32736
32745
  /* @__PURE__ */ jsxs57("div", { className: "flex items-center rounded-[8px] p-[8px] gap-2 bg-white shadow-[0_2px_4px_0_rgba(27,28,29,0.04)]", children: [
@@ -33528,9 +33537,6 @@ var MonetaryField = (props) => {
33528
33537
  clearErrors(name2);
33529
33538
  }
33530
33539
  }, [value2]);
33531
- const baseClasses = `w-full min-h-[44px] ring-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden field-sizing-content`;
33532
- const editableClass = isEditTable ? `${error2 ? "hover:border-b-[1px] hover:border-b-[#de4747]" : "hover:border-b-[1px] hover:border-b-primary"} outline-0 hover:!outline-none` : `focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-[#f7f7f7] border border-[#f7f7f7] rounded-[10px]`;
33533
- const readonlyClass = readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer border-[#f7f7f7] text-[#525866]";
33534
33540
  return /* @__PURE__ */ jsxs62(Fragment28, { children: [
33535
33541
  /* @__PURE__ */ jsx93(
33536
33542
  "input",
@@ -33563,7 +33569,11 @@ var MonetaryField = (props) => {
33563
33569
  placeholder: placeholder ?? `${i18n_default.t("choose_place")} ${string}`,
33564
33570
  required: !invisible && required,
33565
33571
  style: invisible ? { display: "none" } : {},
33566
- className: `${baseClasses} ${editableClass} ${readonlyClass}`
33572
+ className: `w-full h-full ring-0 focus:ring-0 focus:!outline-none outline-0 px-3 py-[12px] text-sm font-normal gap-2 opacity-100 leading-[1.5] resize-none overflow-hidden
33573
+ ${readonly ? "cursor-not-allowed border border-[rgba(66,66,66,0.12)] text-[#5c5a5a]" : "cursor-pointer border border-[rgba(66,66,66,0.12)] text-[#525866]"}
33574
+ ${!isEditTable ? isForm ? "bg-white border-input-primary rounded-[10px]" : "" : `border-transparent bg-transparent ${readonly ? "" : "border-b-primary"}`}
33575
+ ${error2 && isEditTable && "focus:border-b-[1px] focus:border-[#de4747] hover:border-b-[1px] hover:border-[#de4747]"}
33576
+ `
33567
33577
  }
33568
33578
  ),
33569
33579
  !isEditTable && error2 && /* @__PURE__ */ jsx93("p", { className: "text-[#de4747] text-sm mt-1", children: error2.message })
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.6.7",
3
+ "version": "1.6.9",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",