@fctc/sme-widget-ui 2.5.7 → 2.5.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.
package/dist/index.js CHANGED
@@ -17057,7 +17057,7 @@ var BinaryField = (props) => {
17057
17057
  "label",
17058
17058
  {
17059
17059
  htmlFor: inputId,
17060
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
17060
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
17061
17061
  children: [
17062
17062
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
17063
17063
  "input",
@@ -17603,7 +17603,12 @@ var SecureField = (props) => {
17603
17603
  {
17604
17604
  type: "button",
17605
17605
  onClick: () => setShowPlain((s4) => !s4),
17606
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
17606
+ style: {
17607
+ top: "50%",
17608
+ right: "12px",
17609
+ transform: "translateY(-50%)"
17610
+ },
17611
+ className: "absolute rounded-md text-[#60656c]",
17607
17612
  children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EyeIconComponent, { open: showPlain })
17608
17613
  }
17609
17614
  ),
@@ -32736,8 +32741,7 @@ var Many2ManyTagField = (props) => {
32736
32741
  onMenuOpen: fetchMoreOptions,
32737
32742
  menuPlacement: "auto",
32738
32743
  placeholder: readonly ? "" : t3("choose_place"),
32739
- classNames: `
32740
- ${isEditTable ? {
32744
+ classNames: isEditTable ? {
32741
32745
  valueContainer: () => "overflow-unset !px-0",
32742
32746
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32743
32747
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
@@ -32748,8 +32752,7 @@ var Many2ManyTagField = (props) => {
32748
32752
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32749
32753
  input: () => "!m-0 !p-0",
32750
32754
  dropdownIndicator: () => "!m-0 !p-0"
32751
- }}
32752
- `,
32755
+ },
32753
32756
  styles: {
32754
32757
  control: () => ({
32755
32758
  maxWidth: isEditTable ? "max-content" : "100%",
package/dist/index.mjs CHANGED
@@ -16930,7 +16930,7 @@ var BinaryField = (props) => {
16930
16930
  "label",
16931
16931
  {
16932
16932
  htmlFor: inputId,
16933
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16933
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16934
16934
  children: [
16935
16935
  /* @__PURE__ */ jsx75(
16936
16936
  "input",
@@ -17476,7 +17476,12 @@ var SecureField = (props) => {
17476
17476
  {
17477
17477
  type: "button",
17478
17478
  onClick: () => setShowPlain((s4) => !s4),
17479
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
17479
+ style: {
17480
+ top: "50%",
17481
+ right: "12px",
17482
+ transform: "translateY(-50%)"
17483
+ },
17484
+ className: "absolute rounded-md text-[#60656c]",
17480
17485
  children: /* @__PURE__ */ jsx80(EyeIconComponent, { open: showPlain })
17481
17486
  }
17482
17487
  ),
@@ -32609,8 +32614,7 @@ var Many2ManyTagField = (props) => {
32609
32614
  onMenuOpen: fetchMoreOptions,
32610
32615
  menuPlacement: "auto",
32611
32616
  placeholder: readonly ? "" : t3("choose_place"),
32612
- classNames: `
32613
- ${isEditTable ? {
32617
+ classNames: isEditTable ? {
32614
32618
  valueContainer: () => "overflow-unset !px-0",
32615
32619
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32616
32620
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
@@ -32621,8 +32625,7 @@ var Many2ManyTagField = (props) => {
32621
32625
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32622
32626
  input: () => "!m-0 !p-0",
32623
32627
  dropdownIndicator: () => "!m-0 !p-0"
32624
- }}
32625
- `,
32628
+ },
32626
32629
  styles: {
32627
32630
  control: () => ({
32628
32631
  maxWidth: isEditTable ? "max-content" : "100%",
package/dist/widgets.js CHANGED
@@ -16306,7 +16306,7 @@ var BinaryField = (props) => {
16306
16306
  "label",
16307
16307
  {
16308
16308
  htmlFor: inputId,
16309
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16309
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16310
16310
  children: [
16311
16311
  /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
16312
16312
  "input",
@@ -16852,7 +16852,12 @@ var SecureField = (props) => {
16852
16852
  {
16853
16853
  type: "button",
16854
16854
  onClick: () => setShowPlain((s4) => !s4),
16855
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
16855
+ style: {
16856
+ top: "50%",
16857
+ right: "12px",
16858
+ transform: "translateY(-50%)"
16859
+ },
16860
+ className: "absolute rounded-md text-[#60656c]",
16856
16861
  children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(EyeIconComponent, { open: showPlain })
16857
16862
  }
16858
16863
  ),
@@ -31985,8 +31990,7 @@ var Many2ManyTagField = (props) => {
31985
31990
  onMenuOpen: fetchMoreOptions,
31986
31991
  menuPlacement: "auto",
31987
31992
  placeholder: readonly ? "" : t3("choose_place"),
31988
- classNames: `
31989
- ${isEditTable ? {
31993
+ classNames: isEditTable ? {
31990
31994
  valueContainer: () => "overflow-unset !px-0",
31991
31995
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
31992
31996
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
@@ -31997,8 +32001,7 @@ var Many2ManyTagField = (props) => {
31997
32001
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
31998
32002
  input: () => "!m-0 !p-0",
31999
32003
  dropdownIndicator: () => "!m-0 !p-0"
32000
- }}
32001
- `,
32004
+ },
32002
32005
  styles: {
32003
32006
  control: () => ({
32004
32007
  maxWidth: isEditTable ? "max-content" : "100%",
package/dist/widgets.mjs CHANGED
@@ -16243,7 +16243,7 @@ var BinaryField = (props) => {
16243
16243
  "label",
16244
16244
  {
16245
16245
  htmlFor: inputId,
16246
- className: `relative p-2 flex cursor-pointer items-center justify-center rounded-lg transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16246
+ className: `relative p-2 flex cursor-pointer items-center justify-center rounded-[12px] transition-colors duration-300 ${readonly && "pointer-events-none"} ${onlyImage ? "h-32 w-32 border border-gray-300 hover:border-primary bg-white" : "w-fit h-fit "}`,
16247
16247
  children: [
16248
16248
  /* @__PURE__ */ jsx75(
16249
16249
  "input",
@@ -16789,7 +16789,12 @@ var SecureField = (props) => {
16789
16789
  {
16790
16790
  type: "button",
16791
16791
  onClick: () => setShowPlain((s4) => !s4),
16792
- className: "absolute right-[12px] top-[15px] rounded-md text-[#60656c]",
16792
+ style: {
16793
+ top: "50%",
16794
+ right: "12px",
16795
+ transform: "translateY(-50%)"
16796
+ },
16797
+ className: "absolute rounded-md text-[#60656c]",
16793
16798
  children: /* @__PURE__ */ jsx80(EyeIconComponent, { open: showPlain })
16794
16799
  }
16795
16800
  ),
@@ -31922,8 +31927,7 @@ var Many2ManyTagField = (props) => {
31922
31927
  onMenuOpen: fetchMoreOptions,
31923
31928
  menuPlacement: "auto",
31924
31929
  placeholder: readonly ? "" : t3("choose_place"),
31925
- classNames: `
31926
- ${isEditTable ? {
31930
+ classNames: isEditTable ? {
31927
31931
  valueContainer: () => "overflow-unset !px-0",
31928
31932
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
31929
31933
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
@@ -31934,8 +31938,7 @@ var Many2ManyTagField = (props) => {
31934
31938
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
31935
31939
  input: () => "!m-0 !p-0",
31936
31940
  dropdownIndicator: () => "!m-0 !p-0"
31937
- }}
31938
- `,
31941
+ },
31939
31942
  styles: {
31940
31943
  control: () => ({
31941
31944
  maxWidth: isEditTable ? "max-content" : "100%",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.5.7",
3
+ "version": "2.5.9",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",