@fctc/sme-widget-ui 1.1.0 → 1.1.1

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
@@ -12692,8 +12692,14 @@ var TableHead = (props) => {
12692
12692
  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12693
12693
  "tr",
12694
12694
  {
12695
- style: { userSelect: "none", WebkitUserSelect: "none" },
12696
- className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
12695
+ style: {
12696
+ userSelect: "none",
12697
+ WebkitUserSelect: "none",
12698
+ zIndex: 1,
12699
+ position: "sticky",
12700
+ top: 0
12701
+ },
12702
+ className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12697
12703
  children: [
12698
12704
  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12699
12705
  "th",
@@ -12714,7 +12720,7 @@ var TableHead = (props) => {
12714
12720
  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12715
12721
  "th",
12716
12722
  {
12717
- className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
12723
+ className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12718
12724
  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12719
12725
  },
12720
12726
  "table-head-" + index4
@@ -15230,7 +15236,7 @@ var Search = ({
15230
15236
  "input",
15231
15237
  {
15232
15238
  value: searchString,
15233
- className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15239
+ className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15234
15240
  placeholder: instance.t("search..."),
15235
15241
  onChange: (e3) => {
15236
15242
  onSearchString(e3.target.value);
@@ -18174,7 +18180,7 @@ var CharField = (props) => {
18174
18180
  disabled: readonly,
18175
18181
  placeholder,
18176
18182
  required: !invisible && required,
18177
- className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
18183
+ className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
18178
18184
  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
18179
18185
  `
18180
18186
  }
@@ -34305,7 +34311,7 @@ var Many2OneField = (props) => {
34305
34311
  menuShouldScrollIntoView: false,
34306
34312
  options: options2,
34307
34313
  classNames: {
34308
- control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] 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 ${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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
34314
+ control: ({ isFocused }) => `w-full flex min-h-[44px] 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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
34309
34315
  valueContainer: () => "!m-0 !p-0",
34310
34316
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
34311
34317
  input: () => "!m-0 !p-0",
package/dist/index.mjs CHANGED
@@ -12573,8 +12573,14 @@ var TableHead = (props) => {
12573
12573
  return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
12574
12574
  "tr",
12575
12575
  {
12576
- style: { userSelect: "none", WebkitUserSelect: "none" },
12577
- className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
12576
+ style: {
12577
+ userSelect: "none",
12578
+ WebkitUserSelect: "none",
12579
+ zIndex: 1,
12580
+ position: "sticky",
12581
+ top: 0
12582
+ },
12583
+ className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12578
12584
  children: [
12579
12585
  isDisplayCheckbox && /* @__PURE__ */ jsx45(
12580
12586
  "th",
@@ -12595,7 +12601,7 @@ var TableHead = (props) => {
12595
12601
  return /* @__PURE__ */ jsx45(
12596
12602
  "th",
12597
12603
  {
12598
- className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
12604
+ className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12599
12605
  children: /* @__PURE__ */ jsx45("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12600
12606
  },
12601
12607
  "table-head-" + index4
@@ -15111,7 +15117,7 @@ var Search = ({
15111
15117
  "input",
15112
15118
  {
15113
15119
  value: searchString,
15114
- className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15120
+ className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
15115
15121
  placeholder: instance.t("search..."),
15116
15122
  onChange: (e3) => {
15117
15123
  onSearchString(e3.target.value);
@@ -18055,7 +18061,7 @@ var CharField = (props) => {
18055
18061
  disabled: readonly,
18056
18062
  placeholder,
18057
18063
  required: !invisible && required,
18058
- className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
18064
+ className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
18059
18065
  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
18060
18066
  `
18061
18067
  }
@@ -34186,7 +34192,7 @@ var Many2OneField = (props) => {
34186
34192
  menuShouldScrollIntoView: false,
34187
34193
  options: options2,
34188
34194
  classNames: {
34189
- control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] 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 ${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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
34195
+ control: ({ isFocused }) => `w-full flex min-h-[44px] 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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
34190
34196
  valueContainer: () => "!m-0 !p-0",
34191
34197
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
34192
34198
  input: () => "!m-0 !p-0",
package/dist/widgets.js CHANGED
@@ -12326,8 +12326,14 @@ var TableHead = (props) => {
12326
12326
  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("thead", { className: "relative z-10", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
12327
12327
  "tr",
12328
12328
  {
12329
- style: { userSelect: "none", WebkitUserSelect: "none" },
12330
- className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
12329
+ style: {
12330
+ userSelect: "none",
12331
+ WebkitUserSelect: "none",
12332
+ zIndex: 1,
12333
+ position: "sticky",
12334
+ top: 0
12335
+ },
12336
+ className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12331
12337
  children: [
12332
12338
  isDisplayCheckbox && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12333
12339
  "th",
@@ -12348,7 +12354,7 @@ var TableHead = (props) => {
12348
12354
  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
12349
12355
  "th",
12350
12356
  {
12351
- className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
12357
+ className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12352
12358
  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12353
12359
  },
12354
12360
  "table-head-" + index4
@@ -14875,7 +14881,7 @@ var Search = ({
14875
14881
  "input",
14876
14882
  {
14877
14883
  value: searchString,
14878
- className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14884
+ className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14879
14885
  placeholder: instance.t("search..."),
14880
14886
  onChange: (e3) => {
14881
14887
  onSearchString(e3.target.value);
@@ -17819,7 +17825,7 @@ var CharField = (props) => {
17819
17825
  disabled: readonly,
17820
17826
  placeholder,
17821
17827
  required: !invisible && required,
17822
- className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
17828
+ className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
17823
17829
  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
17824
17830
  `
17825
17831
  }
@@ -33950,7 +33956,7 @@ var Many2OneField = (props) => {
33950
33956
  menuShouldScrollIntoView: false,
33951
33957
  options: options2,
33952
33958
  classNames: {
33953
- control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] 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 ${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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
33959
+ control: ({ isFocused }) => `w-full flex min-h-[44px] 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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
33954
33960
  valueContainer: () => "!m-0 !p-0",
33955
33961
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33956
33962
  input: () => "!m-0 !p-0",
package/dist/widgets.mjs CHANGED
@@ -12264,8 +12264,14 @@ var TableHead = (props) => {
12264
12264
  return /* @__PURE__ */ jsx45("thead", { className: "relative z-10", children: /* @__PURE__ */ jsxs28(
12265
12265
  "tr",
12266
12266
  {
12267
- style: { userSelect: "none", WebkitUserSelect: "none" },
12268
- className: "border-b-[1.5px] border-[rgba(66,66,66,0.12)] sticky top-0 bg-white z-[1]",
12267
+ style: {
12268
+ userSelect: "none",
12269
+ WebkitUserSelect: "none",
12270
+ zIndex: 1,
12271
+ position: "sticky",
12272
+ top: 0
12273
+ },
12274
+ className: "border-b border-[rgba(66,66,66,0.12)] bg-white",
12269
12275
  children: [
12270
12276
  isDisplayCheckbox && /* @__PURE__ */ jsx45(
12271
12277
  "th",
@@ -12286,7 +12292,7 @@ var TableHead = (props) => {
12286
12292
  return /* @__PURE__ */ jsx45(
12287
12293
  "th",
12288
12294
  {
12289
- className: `column whitespace-nowrap text-left p-3 text-sm font-medium capitalize text-[#121212]`,
12295
+ className: `column whitespace-nowrap text-left p-3 text-sm font-semibold capitalize text-[#060606]`,
12290
12296
  children: /* @__PURE__ */ jsx45("div", { className: "cursor-pointer flex justify-between items-center gap-[4px] w-full min-w-max group", children: col.title })
12291
12297
  },
12292
12298
  "table-head-" + index4
@@ -14813,7 +14819,7 @@ var Search = ({
14813
14819
  "input",
14814
14820
  {
14815
14821
  value: searchString,
14816
- className: "min-h-[25px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14822
+ className: "min-h-[44px] w-fit flex-1 border-none bg-transparent outline-none min-w-[50px] text-sm",
14817
14823
  placeholder: instance.t("search..."),
14818
14824
  onChange: (e3) => {
14819
14825
  onSearchString(e3.target.value);
@@ -17757,7 +17763,7 @@ var CharField = (props) => {
17757
17763
  disabled: readonly,
17758
17764
  placeholder,
17759
17765
  required: !invisible && required,
17760
- className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border border-[rgba(66,66,66,0.12)] rounded-lg p-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
17766
+ className: `w-full min-h-[44px] ring-0 focus:ring-0 focus:!outline-none focus:border-[1px] focus:border-primary outline-0 bg-white border !border-[rgba(66,66,66,0.12)] rounded-lg py-2 px-3 text-sm font-normal gap-2 opacity-100 leading-5 resize-none overflow-hidden field-sizing-content
17761
17767
  ${readonly ? "!cursor-not-allowed border-transparent text-[#5c5a5a]" : "!cursor-pointer text-[#AEAEAE]"}
17762
17768
  `
17763
17769
  }
@@ -33888,7 +33894,7 @@ var Many2OneField = (props) => {
33888
33894
  menuShouldScrollIntoView: false,
33889
33895
  options: options2,
33890
33896
  classNames: {
33891
- control: ({ isFocused }) => `w-full flex min-h-[44px] ring-0 cursor-pointer outline-0 bg-white !shadow-none !rounded-[10px] 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 ${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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
33897
+ control: ({ isFocused }) => `w-full flex min-h-[44px] 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-[300px] max-w-[300px] !rounded-none !border !border-transparent !border-b !border-[#f7f7f7] hover:border-b-primary !bg-transparent min-h-auto"}`,
33892
33898
  valueContainer: () => "!m-0 !p-0",
33893
33899
  singleValue: () => `!m-0 ${readonly ? "!text-[#5c5a5a]" : ""}`,
33894
33900
  input: () => "!m-0 !p-0",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.1.0",
3
+ "version": "1.1.1",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",