@fctc/sme-widget-ui 1.2.7 → 1.2.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
@@ -10646,8 +10646,8 @@ var TableHead = (props) => {
10646
10646
 
10647
10647
  // src/icons/empty-table-icon.tsx
10648
10648
  var import_jsx_runtime45 = require("react/jsx-runtime");
10649
- var IcEmptyTable = ({ isForm }) => {
10650
- return isForm ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10649
+ var IcEmptyTable = () => {
10650
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10651
10651
  "svg",
10652
10652
  {
10653
10653
  xmlns: "http://www.w3.org/2000/svg",
@@ -10972,7 +10972,7 @@ var IcEmptyTable = ({ isForm }) => {
10972
10972
  ) }) })
10973
10973
  ]
10974
10974
  }
10975
- ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
10975
+ );
10976
10976
  };
10977
10977
 
10978
10978
  // node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js
@@ -12906,9 +12906,9 @@ var i18n_default = instance;
12906
12906
 
12907
12907
  // src/widgets/advanced/table/empty-table.tsx
12908
12908
  var import_jsx_runtime46 = require("react/jsx-runtime");
12909
- var EmptyTable = ({ isForm }) => {
12909
+ var EmptyTable = () => {
12910
12910
  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12911
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, { isForm }),
12911
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, {}),
12912
12912
  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
12913
12913
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", {}),
12914
12914
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -15243,7 +15243,10 @@ var SearchList = ({
15243
15243
  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
15244
15244
  "div",
15245
15245
  {
15246
- className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
15246
+ style: {
15247
+ top: "calc(100% + 3px)"
15248
+ },
15249
+ className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_3px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
15247
15250
  children: searchBy?.map((searchItem, index4) => {
15248
15251
  if (searchItem?.type === "date" || searchItem?.type === "datetime") {
15249
15252
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
@@ -33852,10 +33855,10 @@ var SelectDropdownField = (props) => {
33852
33855
  backgroundColor: "#FFF",
33853
33856
  borderRadius: isEditTable ? "0px" : "10px",
33854
33857
  padding: "4px 0px",
33855
- border: isForm ? state.isFocused ? "1px solid var(--primary)" : "1px solid transparent" : "none",
33858
+ border: isForm ? state.isFocused ? "1px solid var(--color-primary)" : "1px solid rgba(66,66,66,0.12)" : "none",
33856
33859
  boxShadow: "none",
33857
33860
  "&:hover": {
33858
- borderColor: "var(--primary)"
33861
+ borderColor: "var(--color-primary)"
33859
33862
  },
33860
33863
  ...isEditTable && {
33861
33864
  minWidth: "300px",
package/dist/index.mjs CHANGED
@@ -10527,8 +10527,8 @@ var TableHead = (props) => {
10527
10527
 
10528
10528
  // src/icons/empty-table-icon.tsx
10529
10529
  import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
10530
- var IcEmptyTable = ({ isForm }) => {
10531
- return isForm ? /* @__PURE__ */ jsxs27(
10530
+ var IcEmptyTable = () => {
10531
+ return /* @__PURE__ */ jsxs27(
10532
10532
  "svg",
10533
10533
  {
10534
10534
  xmlns: "http://www.w3.org/2000/svg",
@@ -10853,7 +10853,7 @@ var IcEmptyTable = ({ isForm }) => {
10853
10853
  ) }) })
10854
10854
  ]
10855
10855
  }
10856
- ) : /* @__PURE__ */ jsx45("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
10856
+ );
10857
10857
  };
10858
10858
 
10859
10859
  // node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js
@@ -12787,9 +12787,9 @@ var i18n_default = instance;
12787
12787
 
12788
12788
  // src/widgets/advanced/table/empty-table.tsx
12789
12789
  import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
12790
- var EmptyTable = ({ isForm }) => {
12790
+ var EmptyTable = () => {
12791
12791
  return /* @__PURE__ */ jsxs28("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12792
- /* @__PURE__ */ jsx46(IcEmptyTable, { isForm }),
12792
+ /* @__PURE__ */ jsx46(IcEmptyTable, {}),
12793
12793
  /* @__PURE__ */ jsxs28("div", { children: [
12794
12794
  /* @__PURE__ */ jsx46("p", {}),
12795
12795
  /* @__PURE__ */ jsx46("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -15124,7 +15124,10 @@ var SearchList = ({
15124
15124
  return /* @__PURE__ */ jsx57(
15125
15125
  "div",
15126
15126
  {
15127
- className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
15127
+ style: {
15128
+ top: "calc(100% + 3px)"
15129
+ },
15130
+ className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_3px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
15128
15131
  children: searchBy?.map((searchItem, index4) => {
15129
15132
  if (searchItem?.type === "date" || searchItem?.type === "datetime") {
15130
15133
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
@@ -33733,10 +33736,10 @@ var SelectDropdownField = (props) => {
33733
33736
  backgroundColor: "#FFF",
33734
33737
  borderRadius: isEditTable ? "0px" : "10px",
33735
33738
  padding: "4px 0px",
33736
- border: isForm ? state.isFocused ? "1px solid var(--primary)" : "1px solid transparent" : "none",
33739
+ border: isForm ? state.isFocused ? "1px solid var(--color-primary)" : "1px solid rgba(66,66,66,0.12)" : "none",
33737
33740
  boxShadow: "none",
33738
33741
  "&:hover": {
33739
- borderColor: "var(--primary)"
33742
+ borderColor: "var(--color-primary)"
33740
33743
  },
33741
33744
  ...isEditTable && {
33742
33745
  minWidth: "300px",
@@ -131,9 +131,7 @@ declare const TableHead: (props: TableHeadProps) => JSX.Element;
131
131
 
132
132
  declare const Row: (props: any) => JSX.Element;
133
133
 
134
- declare const EmptyTable: ({ isForm }: {
135
- isForm: boolean;
136
- }) => JSX.Element;
134
+ declare const EmptyTable: () => JSX.Element;
137
135
 
138
136
  declare const Login: React__default.FC<LoginProps>;
139
137
 
package/dist/widgets.d.ts CHANGED
@@ -131,9 +131,7 @@ declare const TableHead: (props: TableHeadProps) => JSX.Element;
131
131
 
132
132
  declare const Row: (props: any) => JSX.Element;
133
133
 
134
- declare const EmptyTable: ({ isForm }: {
135
- isForm: boolean;
136
- }) => JSX.Element;
134
+ declare const EmptyTable: () => JSX.Element;
137
135
 
138
136
  declare const Login: React__default.FC<LoginProps>;
139
137
 
package/dist/widgets.js CHANGED
@@ -10281,8 +10281,8 @@ var TableHead = (props) => {
10281
10281
 
10282
10282
  // src/icons/empty-table-icon.tsx
10283
10283
  var import_jsx_runtime45 = require("react/jsx-runtime");
10284
- var IcEmptyTable = ({ isForm }) => {
10285
- return isForm ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10284
+ var IcEmptyTable = () => {
10285
+ return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
10286
10286
  "svg",
10287
10287
  {
10288
10288
  xmlns: "http://www.w3.org/2000/svg",
@@ -10607,7 +10607,7 @@ var IcEmptyTable = ({ isForm }) => {
10607
10607
  ) }) })
10608
10608
  ]
10609
10609
  }
10610
- ) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
10610
+ );
10611
10611
  };
10612
10612
 
10613
10613
  // node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js
@@ -12541,9 +12541,9 @@ var i18n_default = instance;
12541
12541
 
12542
12542
  // src/widgets/advanced/table/empty-table.tsx
12543
12543
  var import_jsx_runtime46 = require("react/jsx-runtime");
12544
- var EmptyTable = ({ isForm }) => {
12544
+ var EmptyTable = () => {
12545
12545
  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12546
- /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, { isForm }),
12546
+ /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(IcEmptyTable, {}),
12547
12547
  /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { children: [
12548
12548
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", {}),
12549
12549
  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -14889,7 +14889,10 @@ var SearchList = ({
14889
14889
  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
14890
14890
  "div",
14891
14891
  {
14892
- className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
14892
+ style: {
14893
+ top: "calc(100% + 3px)"
14894
+ },
14895
+ className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_3px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
14893
14896
  children: searchBy?.map((searchItem, index4) => {
14894
14897
  if (searchItem?.type === "date" || searchItem?.type === "datetime") {
14895
14898
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
@@ -33498,10 +33501,10 @@ var SelectDropdownField = (props) => {
33498
33501
  backgroundColor: "#FFF",
33499
33502
  borderRadius: isEditTable ? "0px" : "10px",
33500
33503
  padding: "4px 0px",
33501
- border: isForm ? state.isFocused ? "1px solid var(--primary)" : "1px solid transparent" : "none",
33504
+ border: isForm ? state.isFocused ? "1px solid var(--color-primary)" : "1px solid rgba(66,66,66,0.12)" : "none",
33502
33505
  boxShadow: "none",
33503
33506
  "&:hover": {
33504
- borderColor: "var(--primary)"
33507
+ borderColor: "var(--color-primary)"
33505
33508
  },
33506
33509
  ...isEditTable && {
33507
33510
  minWidth: "300px",
package/dist/widgets.mjs CHANGED
@@ -10218,8 +10218,8 @@ var TableHead = (props) => {
10218
10218
 
10219
10219
  // src/icons/empty-table-icon.tsx
10220
10220
  import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
10221
- var IcEmptyTable = ({ isForm }) => {
10222
- return isForm ? /* @__PURE__ */ jsxs27(
10221
+ var IcEmptyTable = () => {
10222
+ return /* @__PURE__ */ jsxs27(
10223
10223
  "svg",
10224
10224
  {
10225
10225
  xmlns: "http://www.w3.org/2000/svg",
@@ -10544,7 +10544,7 @@ var IcEmptyTable = ({ isForm }) => {
10544
10544
  ) }) })
10545
10545
  ]
10546
10546
  }
10547
- ) : /* @__PURE__ */ jsx45("img", { src: "public/images/empty-table.png", alt: "", className: "w-full" });
10547
+ );
10548
10548
  };
10549
10549
 
10550
10550
  // node_modules/i18next-browser-languagedetector/dist/esm/i18nextBrowserLanguageDetector.js
@@ -12478,9 +12478,9 @@ var i18n_default = instance;
12478
12478
 
12479
12479
  // src/widgets/advanced/table/empty-table.tsx
12480
12480
  import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
12481
- var EmptyTable = ({ isForm }) => {
12481
+ var EmptyTable = () => {
12482
12482
  return /* @__PURE__ */ jsxs28("div", { className: `flex flex-col items-center justify-center gap-6 `, children: [
12483
- /* @__PURE__ */ jsx46(IcEmptyTable, { isForm }),
12483
+ /* @__PURE__ */ jsx46(IcEmptyTable, {}),
12484
12484
  /* @__PURE__ */ jsxs28("div", { children: [
12485
12485
  /* @__PURE__ */ jsx46("p", {}),
12486
12486
  /* @__PURE__ */ jsx46("p", { className: "text-xl font-extrabold", children: i18n_default.t("empty_data") })
@@ -14826,7 +14826,10 @@ var SearchList = ({
14826
14826
  return /* @__PURE__ */ jsx57(
14827
14827
  "div",
14828
14828
  {
14829
- className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_5px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
14829
+ style: {
14830
+ top: "calc(100% + 3px)"
14831
+ },
14832
+ className: `${searchString === "" ? "hidden" : "block"} absolute left-0 right-0 top-[calc(100%_+_3px)] z-[31] w-full overflow-x-auto rounded-[0.25rem] border-none bg-white shadow-lg`,
14830
14833
  children: searchBy?.map((searchItem, index4) => {
14831
14834
  if (searchItem?.type === "date" || searchItem?.type === "datetime") {
14832
14835
  if (!validateAndParseDate(searchString, searchItem?.type === "datetime"))
@@ -33435,10 +33438,10 @@ var SelectDropdownField = (props) => {
33435
33438
  backgroundColor: "#FFF",
33436
33439
  borderRadius: isEditTable ? "0px" : "10px",
33437
33440
  padding: "4px 0px",
33438
- border: isForm ? state.isFocused ? "1px solid var(--primary)" : "1px solid transparent" : "none",
33441
+ border: isForm ? state.isFocused ? "1px solid var(--color-primary)" : "1px solid rgba(66,66,66,0.12)" : "none",
33439
33442
  boxShadow: "none",
33440
33443
  "&:hover": {
33441
- borderColor: "var(--primary)"
33444
+ borderColor: "var(--color-primary)"
33442
33445
  },
33443
33446
  ...isEditTable && {
33444
33447
  minWidth: "300px",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fctc/sme-widget-ui",
3
- "version": "1.2.7",
3
+ "version": "1.2.9",
4
4
  "main": "dist/index.cjs",
5
5
  "module": "dist/index.mjs",
6
6
  "types": "dist/index.d.ts",