@fctc/sme-widget-ui 2.9.5 → 2.9.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 +6 -6
  2. package/dist/index.mjs +6 -6
  3. package/dist/widgets.js +6 -6
  4. package/dist/widgets.mjs +6 -6
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -13124,7 +13124,7 @@ var TableHead = (props) => {
13124
13124
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
13125
13125
  "th",
13126
13126
  {
13127
- style: { maxWidth: "30px" },
13127
+ style: { width: "100px" },
13128
13128
  className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
13129
13129
  },
13130
13130
  "table-head-" + index4
@@ -32646,7 +32646,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32646
32646
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
32647
32647
  )
32648
32648
  )?.[0]?.action?.id;
32649
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32649
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 mr-2 relative border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
32650
32650
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32651
32651
  AvatarField,
32652
32652
  {
@@ -32661,9 +32661,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32661
32661
  ),
32662
32662
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32663
32663
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
32664
- "span",
32664
+ "button",
32665
32665
  {
32666
- className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
32666
+ type: "button",
32667
+ className: "ml-1 flex items-center justify-center rounded-full !cursor-pointer",
32667
32668
  onClick: (e3) => {
32668
32669
  e3.stopPropagation();
32669
32670
  props.removeProps.onClick();
@@ -32696,7 +32697,6 @@ var CustomMenuList = (props) => {
32696
32697
  };
32697
32698
  var Many2ManyTagField = (props) => {
32698
32699
  const {
32699
- relation,
32700
32700
  value,
32701
32701
  name,
32702
32702
  methods,
@@ -32809,7 +32809,7 @@ var Many2ManyTagField = (props) => {
32809
32809
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
32810
32810
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
32811
32811
  } : {
32812
- valueContainer: () => "overflow-unset !m-0 !p-0",
32812
+ valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
32813
32813
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32814
32814
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32815
32815
  input: () => "!m-0 !p-0",
package/dist/index.mjs CHANGED
@@ -12997,7 +12997,7 @@ var TableHead = (props) => {
12997
12997
  return /* @__PURE__ */ jsx51(
12998
12998
  "th",
12999
12999
  {
13000
- style: { maxWidth: "30px" },
13000
+ style: { width: "100px" },
13001
13001
  className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
13002
13002
  },
13003
13003
  "table-head-" + index4
@@ -32519,7 +32519,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32519
32519
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
32520
32520
  )
32521
32521
  )?.[0]?.action?.id;
32522
- return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
32522
+ return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 mr-2 relative border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
32523
32523
  /* @__PURE__ */ jsx99(
32524
32524
  AvatarField,
32525
32525
  {
@@ -32534,9 +32534,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
32534
32534
  ),
32535
32535
  /* @__PURE__ */ jsx99("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
32536
32536
  /* @__PURE__ */ jsx99(
32537
- "span",
32537
+ "button",
32538
32538
  {
32539
- className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
32539
+ type: "button",
32540
+ className: "ml-1 flex items-center justify-center rounded-full !cursor-pointer",
32540
32541
  onClick: (e3) => {
32541
32542
  e3.stopPropagation();
32542
32543
  props.removeProps.onClick();
@@ -32569,7 +32570,6 @@ var CustomMenuList = (props) => {
32569
32570
  };
32570
32571
  var Many2ManyTagField = (props) => {
32571
32572
  const {
32572
- relation,
32573
32573
  value,
32574
32574
  name,
32575
32575
  methods,
@@ -32682,7 +32682,7 @@ var Many2ManyTagField = (props) => {
32682
32682
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
32683
32683
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
32684
32684
  } : {
32685
- valueContainer: () => "overflow-unset !m-0 !p-0",
32685
+ valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
32686
32686
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32687
32687
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32688
32688
  input: () => "!m-0 !p-0",
package/dist/widgets.js CHANGED
@@ -12116,7 +12116,7 @@ var TableHead = (props) => {
12116
12116
  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
12117
12117
  "th",
12118
12118
  {
12119
- style: { maxWidth: "30px" },
12119
+ style: { width: "100px" },
12120
12120
  className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
12121
12121
  },
12122
12122
  "table-head-" + index4
@@ -31895,7 +31895,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31895
31895
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
31896
31896
  )
31897
31897
  )?.[0]?.action?.id;
31898
- return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
31898
+ return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center gap-2 mr-2 relative border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
31899
31899
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
31900
31900
  AvatarField,
31901
31901
  {
@@ -31910,9 +31910,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31910
31910
  ),
31911
31911
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
31912
31912
  /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
31913
- "span",
31913
+ "button",
31914
31914
  {
31915
- className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
31915
+ type: "button",
31916
+ className: "ml-1 flex items-center justify-center rounded-full !cursor-pointer",
31916
31917
  onClick: (e3) => {
31917
31918
  e3.stopPropagation();
31918
31919
  props.removeProps.onClick();
@@ -31945,7 +31946,6 @@ var CustomMenuList = (props) => {
31945
31946
  };
31946
31947
  var Many2ManyTagField = (props) => {
31947
31948
  const {
31948
- relation,
31949
31949
  value,
31950
31950
  name,
31951
31951
  methods,
@@ -32058,7 +32058,7 @@ var Many2ManyTagField = (props) => {
32058
32058
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
32059
32059
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
32060
32060
  } : {
32061
- valueContainer: () => "overflow-unset !m-0 !p-0",
32061
+ valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
32062
32062
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32063
32063
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32064
32064
  input: () => "!m-0 !p-0",
package/dist/widgets.mjs CHANGED
@@ -12053,7 +12053,7 @@ var TableHead = (props) => {
12053
12053
  return /* @__PURE__ */ jsx51(
12054
12054
  "th",
12055
12055
  {
12056
- style: { maxWidth: "30px" },
12056
+ style: { width: "100px" },
12057
12057
  className: `column handle whitespace-nowrap text-left p-0 text-sm font-semibold capitalize text-[#060606]`
12058
12058
  },
12059
12059
  "table-head-" + index4
@@ -31832,7 +31832,7 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31832
31832
  (childItem) => childItem?.is_display && childItem?.action?.res_model === relation
31833
31833
  )
31834
31834
  )?.[0]?.action?.id;
31835
- return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 relative mr-2 group", children: [
31835
+ return /* @__PURE__ */ jsxs65("div", { className: "flex items-center gap-2 mr-2 relative border-[1px] border-solid border-[rgba(66,66,66,0.12)] py-1 px-2 rounded", children: [
31836
31836
  /* @__PURE__ */ jsx99(
31837
31837
  AvatarField,
31838
31838
  {
@@ -31847,9 +31847,10 @@ var CustomMultiValue = ({ stringToColor, ...props }) => {
31847
31847
  ),
31848
31848
  /* @__PURE__ */ jsx99("span", { className: "capitalize", children: data?.label ?? data?.display_name }),
31849
31849
  /* @__PURE__ */ jsx99(
31850
- "span",
31850
+ "button",
31851
31851
  {
31852
- className: "absolute !cursor-pointer -top-1 -right-1 font-medium bg-white rounded-full !shadow-lg hidden group-hover:block",
31852
+ type: "button",
31853
+ className: "ml-1 flex items-center justify-center rounded-full !cursor-pointer",
31853
31854
  onClick: (e3) => {
31854
31855
  e3.stopPropagation();
31855
31856
  props.removeProps.onClick();
@@ -31882,7 +31883,6 @@ var CustomMenuList = (props) => {
31882
31883
  };
31883
31884
  var Many2ManyTagField = (props) => {
31884
31885
  const {
31885
- relation,
31886
31886
  value,
31887
31887
  name,
31888
31888
  methods,
@@ -31995,7 +31995,7 @@ var Many2ManyTagField = (props) => {
31995
31995
  dropdownIndicator: () => "invisible group-hover:visible !m-0 !p-0",
31996
31996
  clearIndicator: () => "invisible group-hover:visible !m-0 !p-0"
31997
31997
  } : {
31998
- valueContainer: () => "overflow-unset !m-0 !p-0",
31998
+ valueContainer: () => "overflow-unset !m-0 !p-0 flex gap-1",
31999
31999
  control: ({ isFocused }) => `widget many2many-tags-widget ${baseClassName} ${isFocused ? "focused" : ""} ${filteredValue?.length === 0 && "no-values"}`,
32000
32000
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
32001
32001
  input: () => "!m-0 !p-0",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "2.9.5",
3
+ "version": "2.9.6",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",