@fctc/sme-widget-ui 1.7.0 → 1.7.2

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
@@ -33856,18 +33856,22 @@ var Many2ManyTagField = (props) => {
33856
33856
  placeholder: readonly ? "" : instance.t("choose_place"),
33857
33857
  classNames: isEditTable ? {
33858
33858
  valueContainer: () => "overflow-unset !px-0",
33859
- control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
33859
+ control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-max max-w-max !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? `!cursor-not-allowed ${filteredValue?.length === 0 && "no-values"}` : ""}`,
33860
33860
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
33861
33861
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
33862
33862
  } : {
33863
33863
  valueContainer: () => "overflow-unset !m-0 !p-0",
33864
- control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"}`,
33864
+ control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"} ${filteredValue?.length === 0 && "no-values"}`,
33865
33865
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33866
33866
  input: () => "!m-0 !p-0",
33867
33867
  dropdownIndicator: () => "!m-0 !p-0"
33868
33868
  },
33869
33869
  styles: {
33870
- control: () => ({}),
33870
+ control: (base) => ({
33871
+ ...base,
33872
+ minWidth: "max-content",
33873
+ maxWidth: "max-content"
33874
+ }),
33871
33875
  multiValue: (provided, state) => {
33872
33876
  const { color, id } = state?.data ?? {};
33873
33877
  const bgColor = color !== null ? COLORS[color]?.color : COLORS[id]?.color;
@@ -33896,8 +33900,8 @@ var Many2ManyTagField = (props) => {
33896
33900
  menu: (base) => ({
33897
33901
  ...base,
33898
33902
  zIndex: 9999,
33899
- width: "300px",
33900
- minWidth: "300px",
33903
+ width: "auto",
33904
+ minWidth: "max-content",
33901
33905
  borderRadius: "10px"
33902
33906
  }),
33903
33907
  menuList: (base) => ({
@@ -33926,7 +33930,8 @@ var Many2ManyTagField = (props) => {
33926
33930
  }
33927
33931
  ),
33928
33932
  IndicatorSeparator: () => null,
33929
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.DropdownIndicator, { ...props2 })
33933
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.DropdownIndicator, { ...props2 }),
33934
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.ClearIndicator, { ...props2 })
33930
33935
  },
33931
33936
  required: !invisible && required
33932
33937
  }
@@ -34315,7 +34320,7 @@ var SelectDropdownField = (props) => {
34315
34320
  {
34316
34321
  ...commonProps,
34317
34322
  classNames: {
34318
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34323
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34319
34324
  valueContainer: () => "!m-0 !p-0 ",
34320
34325
  singleValue: () => `!m-0`,
34321
34326
  input: () => "!m-0 !p-0",
@@ -35080,7 +35085,7 @@ var Many2OneField = (props) => {
35080
35085
  menuShouldScrollIntoView: false,
35081
35086
  options: listOptions,
35082
35087
  classNames: {
35083
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
35088
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
35084
35089
  valueContainer: () => "!m-0 !p-0 ",
35085
35090
  singleValue: () => `!m-0`,
35086
35091
  input: () => "!m-0 !p-0",
@@ -35109,7 +35114,11 @@ var Many2OneField = (props) => {
35109
35114
  menuPlacement: "auto",
35110
35115
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
35111
35116
  styles: {
35112
- control: () => ({}),
35117
+ control: (base) => ({
35118
+ ...base,
35119
+ minWidth: "max-content",
35120
+ maxWidth: "max-content"
35121
+ }),
35113
35122
  container: (base) => ({
35114
35123
  ...base,
35115
35124
  height: "100%"
@@ -35137,8 +35146,8 @@ var Many2OneField = (props) => {
35137
35146
  menu: (base) => ({
35138
35147
  ...base,
35139
35148
  zIndex: 999,
35140
- width: isEditTable ? "auto" : "100%",
35141
- minWidth: isEditTable ? "200px" : "100%",
35149
+ width: "100%",
35150
+ minWidth: "100%",
35142
35151
  borderRadius: "10px"
35143
35152
  }),
35144
35153
  menuList: (base) => ({
package/dist/index.mjs CHANGED
@@ -33735,18 +33735,22 @@ var Many2ManyTagField = (props) => {
33735
33735
  placeholder: readonly ? "" : instance.t("choose_place"),
33736
33736
  classNames: isEditTable ? {
33737
33737
  valueContainer: () => "overflow-unset !px-0",
33738
- control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
33738
+ control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-max max-w-max !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? `!cursor-not-allowed ${filteredValue?.length === 0 && "no-values"}` : ""}`,
33739
33739
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
33740
33740
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
33741
33741
  } : {
33742
33742
  valueContainer: () => "overflow-unset !m-0 !p-0",
33743
- control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"}`,
33743
+ control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"} ${filteredValue?.length === 0 && "no-values"}`,
33744
33744
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33745
33745
  input: () => "!m-0 !p-0",
33746
33746
  dropdownIndicator: () => "!m-0 !p-0"
33747
33747
  },
33748
33748
  styles: {
33749
- control: () => ({}),
33749
+ control: (base) => ({
33750
+ ...base,
33751
+ minWidth: "max-content",
33752
+ maxWidth: "max-content"
33753
+ }),
33750
33754
  multiValue: (provided, state) => {
33751
33755
  const { color, id } = state?.data ?? {};
33752
33756
  const bgColor = color !== null ? COLORS[color]?.color : COLORS[id]?.color;
@@ -33775,8 +33779,8 @@ var Many2ManyTagField = (props) => {
33775
33779
  menu: (base) => ({
33776
33780
  ...base,
33777
33781
  zIndex: 9999,
33778
- width: "300px",
33779
- minWidth: "300px",
33782
+ width: "auto",
33783
+ minWidth: "max-content",
33780
33784
  borderRadius: "10px"
33781
33785
  }),
33782
33786
  menuList: (base) => ({
@@ -33805,7 +33809,8 @@ var Many2ManyTagField = (props) => {
33805
33809
  }
33806
33810
  ),
33807
33811
  IndicatorSeparator: () => null,
33808
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.DropdownIndicator, { ...props2 })
33812
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.DropdownIndicator, { ...props2 }),
33813
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.ClearIndicator, { ...props2 })
33809
33814
  },
33810
33815
  required: !invisible && required
33811
33816
  }
@@ -34194,7 +34199,7 @@ var SelectDropdownField = (props) => {
34194
34199
  {
34195
34200
  ...commonProps,
34196
34201
  classNames: {
34197
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34202
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34198
34203
  valueContainer: () => "!m-0 !p-0 ",
34199
34204
  singleValue: () => `!m-0`,
34200
34205
  input: () => "!m-0 !p-0",
@@ -34959,7 +34964,7 @@ var Many2OneField = (props) => {
34959
34964
  menuShouldScrollIntoView: false,
34960
34965
  options: listOptions,
34961
34966
  classNames: {
34962
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34967
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34963
34968
  valueContainer: () => "!m-0 !p-0 ",
34964
34969
  singleValue: () => `!m-0`,
34965
34970
  input: () => "!m-0 !p-0",
@@ -34988,7 +34993,11 @@ var Many2OneField = (props) => {
34988
34993
  menuPlacement: "auto",
34989
34994
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
34990
34995
  styles: {
34991
- control: () => ({}),
34996
+ control: (base) => ({
34997
+ ...base,
34998
+ minWidth: "max-content",
34999
+ maxWidth: "max-content"
35000
+ }),
34992
35001
  container: (base) => ({
34993
35002
  ...base,
34994
35003
  height: "100%"
@@ -35016,8 +35025,8 @@ var Many2OneField = (props) => {
35016
35025
  menu: (base) => ({
35017
35026
  ...base,
35018
35027
  zIndex: 999,
35019
- width: isEditTable ? "auto" : "100%",
35020
- minWidth: isEditTable ? "200px" : "100%",
35028
+ width: "100%",
35029
+ minWidth: "100%",
35021
35030
  borderRadius: "10px"
35022
35031
  }),
35023
35032
  menuList: (base) => ({
package/dist/widgets.js CHANGED
@@ -33480,18 +33480,22 @@ var Many2ManyTagField = (props) => {
33480
33480
  placeholder: readonly ? "" : instance.t("choose_place"),
33481
33481
  classNames: isEditTable ? {
33482
33482
  valueContainer: () => "overflow-unset !px-0",
33483
- control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
33483
+ control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-max max-w-max !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? `!cursor-not-allowed ${filteredValue?.length === 0 && "no-values"}` : ""}`,
33484
33484
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
33485
33485
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
33486
33486
  } : {
33487
33487
  valueContainer: () => "overflow-unset !m-0 !p-0",
33488
- control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"}`,
33488
+ control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"} ${filteredValue?.length === 0 && "no-values"}`,
33489
33489
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33490
33490
  input: () => "!m-0 !p-0",
33491
33491
  dropdownIndicator: () => "!m-0 !p-0"
33492
33492
  },
33493
33493
  styles: {
33494
- control: () => ({}),
33494
+ control: (base) => ({
33495
+ ...base,
33496
+ minWidth: "max-content",
33497
+ maxWidth: "max-content"
33498
+ }),
33495
33499
  multiValue: (provided, state) => {
33496
33500
  const { color, id } = state?.data ?? {};
33497
33501
  const bgColor = color !== null ? COLORS[color]?.color : COLORS[id]?.color;
@@ -33520,8 +33524,8 @@ var Many2ManyTagField = (props) => {
33520
33524
  menu: (base) => ({
33521
33525
  ...base,
33522
33526
  zIndex: 9999,
33523
- width: "300px",
33524
- minWidth: "300px",
33527
+ width: "auto",
33528
+ minWidth: "max-content",
33525
33529
  borderRadius: "10px"
33526
33530
  }),
33527
33531
  menuList: (base) => ({
@@ -33550,7 +33554,8 @@ var Many2ManyTagField = (props) => {
33550
33554
  }
33551
33555
  ),
33552
33556
  IndicatorSeparator: () => null,
33553
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.DropdownIndicator, { ...props2 })
33557
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.DropdownIndicator, { ...props2 }),
33558
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(components.ClearIndicator, { ...props2 })
33554
33559
  },
33555
33560
  required: !invisible && required
33556
33561
  }
@@ -33939,7 +33944,7 @@ var SelectDropdownField = (props) => {
33939
33944
  {
33940
33945
  ...commonProps,
33941
33946
  classNames: {
33942
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
33947
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
33943
33948
  valueContainer: () => "!m-0 !p-0 ",
33944
33949
  singleValue: () => `!m-0`,
33945
33950
  input: () => "!m-0 !p-0",
@@ -34704,7 +34709,7 @@ var Many2OneField = (props) => {
34704
34709
  menuShouldScrollIntoView: false,
34705
34710
  options: listOptions,
34706
34711
  classNames: {
34707
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34712
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34708
34713
  valueContainer: () => "!m-0 !p-0 ",
34709
34714
  singleValue: () => `!m-0`,
34710
34715
  input: () => "!m-0 !p-0",
@@ -34733,7 +34738,11 @@ var Many2OneField = (props) => {
34733
34738
  menuPlacement: "auto",
34734
34739
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
34735
34740
  styles: {
34736
- control: () => ({}),
34741
+ control: (base) => ({
34742
+ ...base,
34743
+ minWidth: "max-content",
34744
+ maxWidth: "max-content"
34745
+ }),
34737
34746
  container: (base) => ({
34738
34747
  ...base,
34739
34748
  height: "100%"
@@ -34761,8 +34770,8 @@ var Many2OneField = (props) => {
34761
34770
  menu: (base) => ({
34762
34771
  ...base,
34763
34772
  zIndex: 999,
34764
- width: isEditTable ? "auto" : "100%",
34765
- minWidth: isEditTable ? "200px" : "100%",
34773
+ width: "100%",
34774
+ minWidth: "100%",
34766
34775
  borderRadius: "10px"
34767
34776
  }),
34768
34777
  menuList: (base) => ({
package/dist/widgets.mjs CHANGED
@@ -33417,18 +33417,22 @@ var Many2ManyTagField = (props) => {
33417
33417
  placeholder: readonly ? "" : instance.t("choose_place"),
33418
33418
  classNames: isEditTable ? {
33419
33419
  valueContainer: () => "overflow-unset !px-0",
33420
- control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-[300px] max-w-[300px] !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? "!cursor-not-allowed" : ""}`,
33420
+ control: () => `w-full flex ring-0 cursor-pointer outline-0 md:!min-w-max max-w-max !shadow-none p-2 pl-3 text-sm text-[#1A1A1B] font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden border border-transparent border-b border-[#f7f7f7] hover:border-b-primary ${readonly ? `!cursor-not-allowed ${filteredValue?.length === 0 && "no-values"}` : ""}`,
33421
33421
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
33422
33422
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
33423
33423
  } : {
33424
33424
  valueContainer: () => "overflow-unset !m-0 !p-0",
33425
- control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"}`,
33425
+ control: ({ isFocused }) => `w-full h-full flex ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-lg p-2 pl-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isFocused ? "border-[1px] border-primary ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]"} ${readonly && "!cursor-not-allowed"} ${filteredValue?.length === 0 && "no-values"}`,
33426
33426
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33427
33427
  input: () => "!m-0 !p-0",
33428
33428
  dropdownIndicator: () => "!m-0 !p-0"
33429
33429
  },
33430
33430
  styles: {
33431
- control: () => ({}),
33431
+ control: (base) => ({
33432
+ ...base,
33433
+ minWidth: "max-content",
33434
+ maxWidth: "max-content"
33435
+ }),
33432
33436
  multiValue: (provided, state) => {
33433
33437
  const { color, id } = state?.data ?? {};
33434
33438
  const bgColor = color !== null ? COLORS[color]?.color : COLORS[id]?.color;
@@ -33457,8 +33461,8 @@ var Many2ManyTagField = (props) => {
33457
33461
  menu: (base) => ({
33458
33462
  ...base,
33459
33463
  zIndex: 9999,
33460
- width: "300px",
33461
- minWidth: "300px",
33464
+ width: "auto",
33465
+ minWidth: "max-content",
33462
33466
  borderRadius: "10px"
33463
33467
  }),
33464
33468
  menuList: (base) => ({
@@ -33487,7 +33491,8 @@ var Many2ManyTagField = (props) => {
33487
33491
  }
33488
33492
  ),
33489
33493
  IndicatorSeparator: () => null,
33490
- DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.DropdownIndicator, { ...props2 })
33494
+ DropdownIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.DropdownIndicator, { ...props2 }),
33495
+ ClearIndicator: (props2) => readonly ? null : /* @__PURE__ */ jsx92(components.ClearIndicator, { ...props2 })
33491
33496
  },
33492
33497
  required: !invisible && required
33493
33498
  }
@@ -33876,7 +33881,7 @@ var SelectDropdownField = (props) => {
33876
33881
  {
33877
33882
  ...commonProps,
33878
33883
  classNames: {
33879
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
33884
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
33880
33885
  valueContainer: () => "!m-0 !p-0 ",
33881
33886
  singleValue: () => `!m-0`,
33882
33887
  input: () => "!m-0 !p-0",
@@ -34641,7 +34646,7 @@ var Many2OneField = (props) => {
34641
34646
  menuShouldScrollIntoView: false,
34642
34647
  options: listOptions,
34643
34648
  classNames: {
34644
- control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-[200px] max-w-[300px] rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34649
+ control: ({ isFocused }) => `w-full flex h-full ring-0 cursor-pointer outline-0 bg-white shadow-none rounded-[10px] py-2 px-3 text-sm text-[#1A1A1B] font-normal cursor-pointer gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content ${isForm && (isFocused ? "border-[1px] border-primary !ring-0 outline-none" : "border border-[rgba(66,66,66,0.12)]")} ${readonly && "!cursor-not-allowed"} ${isEditTable && "md:!min-w-max max-w-max rounded-none border border-transparent border-b border-b-primary bg-transparent min-h-auto"}`,
34645
34650
  valueContainer: () => "!m-0 !p-0 ",
34646
34651
  singleValue: () => `!m-0`,
34647
34652
  input: () => "!m-0 !p-0",
@@ -34670,7 +34675,11 @@ var Many2OneField = (props) => {
34670
34675
  menuPlacement: "auto",
34671
34676
  menuPortalTarget: typeof window !== "undefined" ? document.body : null,
34672
34677
  styles: {
34673
- control: () => ({}),
34678
+ control: (base) => ({
34679
+ ...base,
34680
+ minWidth: "max-content",
34681
+ maxWidth: "max-content"
34682
+ }),
34674
34683
  container: (base) => ({
34675
34684
  ...base,
34676
34685
  height: "100%"
@@ -34698,8 +34707,8 @@ var Many2OneField = (props) => {
34698
34707
  menu: (base) => ({
34699
34708
  ...base,
34700
34709
  zIndex: 999,
34701
- width: isEditTable ? "auto" : "100%",
34702
- minWidth: isEditTable ? "200px" : "100%",
34710
+ width: "100%",
34711
+ minWidth: "100%",
34703
34712
  borderRadius: "10px"
34704
34713
  }),
34705
34714
  menuList: (base) => ({
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.7.0",
3
+ "version": "1.7.2",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",