jett.admin.npmpackage 1.0.68 → 1.0.70

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 (3) hide show
  1. package/dist/index.js +75 -9
  2. package/dist/index.mjs +75 -9
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -131,7 +131,7 @@ var CustomAutocomplete = ({
131
131
  label && /* @__PURE__ */ import_react2.default.createElement(
132
132
  "label",
133
133
  {
134
- className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black"}`
134
+ className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`
135
135
  },
136
136
  label,
137
137
  " ",
@@ -143,7 +143,7 @@ var CustomAutocomplete = ({
143
143
  onClick: () => {
144
144
  if (!disabled) setOpen((prev) => !prev);
145
145
  },
146
- className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-[#18181b] dark:text-white
146
+ className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
147
147
  ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
148
148
  ${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
149
149
  `
@@ -1006,7 +1006,6 @@ var import_react15 = __toESM(require("react"));
1006
1006
  var import_lucide_react7 = require("lucide-react");
1007
1007
  var Pagination = ({
1008
1008
  data = [],
1009
- children,
1010
1009
  component: Component,
1011
1010
  itemsPerPage = 6,
1012
1011
  itemsPerPageOptions = [5, 10, 20, 50, 100],
@@ -1021,7 +1020,11 @@ var Pagination = ({
1021
1020
  onItemsPerPageChange: legacyOnItemsPerPageChange,
1022
1021
  tableHeader,
1023
1022
  isHideCheckbox,
1024
- callback
1023
+ callback,
1024
+ isTable = false,
1025
+ // Component props - any additional props to pass to the component
1026
+ componentProps = {},
1027
+ ...restProps
1025
1028
  }) => {
1026
1029
  const [internalCurrentPage, setInternalCurrentPage] = (0, import_react15.useState)(1);
1027
1030
  const [internalItemsPerPage, setInternalItemsPerPage] = (0, import_react15.useState)(itemsPerPage);
@@ -1075,13 +1078,76 @@ var Pagination = ({
1075
1078
  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
1076
1079
  const renderContent = () => {
1077
1080
  if (Component) {
1078
- return paginatedData.map((item) => {
1079
- return /* @__PURE__ */ import_react15.default.createElement(Component, { key: item.id, data: item, callback });
1080
- });
1081
+ if (import_react15.default.isValidElement(Component)) {
1082
+ const ComponentType = Component.type;
1083
+ const elementProps = Component.props;
1084
+ if (isTable) {
1085
+ return /* @__PURE__ */ import_react15.default.createElement(
1086
+ CustomTable,
1087
+ {
1088
+ tableHeader,
1089
+ isHideCheckbox
1090
+ },
1091
+ paginatedData.map((item, index) => {
1092
+ return /* @__PURE__ */ import_react15.default.createElement(
1093
+ ComponentType,
1094
+ {
1095
+ key: item.id || item._id || index,
1096
+ data: item,
1097
+ ...elementProps,
1098
+ ...componentProps,
1099
+ ...restProps
1100
+ }
1101
+ );
1102
+ })
1103
+ );
1104
+ } else {
1105
+ if (isTable) {
1106
+ return /* @__PURE__ */ import_react15.default.createElement(
1107
+ CustomTable,
1108
+ {
1109
+ tableHeader,
1110
+ isHideCheckbox
1111
+ },
1112
+ paginatedData.map((item, index) => {
1113
+ return /* @__PURE__ */ import_react15.default.createElement(
1114
+ ComponentType,
1115
+ {
1116
+ key: item.id || item._id || index,
1117
+ data: item,
1118
+ ...elementProps,
1119
+ ...componentProps,
1120
+ ...restProps
1121
+ }
1122
+ );
1123
+ })
1124
+ );
1125
+ }
1126
+ }
1127
+ } else {
1128
+ return /* @__PURE__ */ import_react15.default.createElement(
1129
+ CustomTable,
1130
+ {
1131
+ tableHeader,
1132
+ isHideCheckbox
1133
+ },
1134
+ paginatedData.map((item, index) => {
1135
+ return /* @__PURE__ */ import_react15.default.createElement(
1136
+ Component,
1137
+ {
1138
+ key: item.id || item._id || index,
1139
+ data: item,
1140
+ ...componentProps,
1141
+ ...restProps
1142
+ }
1143
+ );
1144
+ })
1145
+ );
1146
+ }
1081
1147
  }
1082
1148
  return null;
1083
1149
  };
1084
- return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react15.default.createElement("tr", null, /* @__PURE__ */ import_react15.default.createElement("td", { colSpan: tableHeader.length + (isHideCheckbox ? 0 : 1) }, /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react15.default.createElement(
1150
+ return /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, renderContent()), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ import_react15.default.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ import_react15.default.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ import_react15.default.createElement(
1085
1151
  "button",
1086
1152
  {
1087
1153
  onClick: () => handlePageChange(1),
@@ -1125,7 +1191,7 @@ var Pagination = ({
1125
1191
  title: "Last page"
1126
1192
  },
1127
1193
  /* @__PURE__ */ import_react15.default.createElement(import_lucide_react7.ChevronsRight, { size: 16 })
1128
- ))))));
1194
+ ))));
1129
1195
  };
1130
1196
  // Annotate the CommonJS export names for ESM import in node:
1131
1197
  0 && (module.exports = {
package/dist/index.mjs CHANGED
@@ -82,7 +82,7 @@ var CustomAutocomplete = ({
82
82
  label && /* @__PURE__ */ React2.createElement(
83
83
  "label",
84
84
  {
85
- className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black"}`
85
+ className: `font-[500] text-sm leading-5 mb-1 ${heading ? "text-[#737373]" : "text-black dark:text-white"}`
86
86
  },
87
87
  label,
88
88
  " ",
@@ -94,7 +94,7 @@ var CustomAutocomplete = ({
94
94
  onClick: () => {
95
95
  if (!disabled) setOpen((prev) => !prev);
96
96
  },
97
- className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border h-auto min-h-10 dark:bg-[#18181b] dark:text-white
97
+ className: `flex justify-between items-center flex-wrap gap-1 rounded-md px-3 py-2 text-sm transition border dark:border-[#303036] h-auto min-h-10 dark:bg-[#18181b] dark:text-white
98
98
  ${disabled ? "bg-gray-100 cursor-not-allowed text-gray-400" : "cursor-text"}
99
99
  ${error ? "border-red-500 bg-red-50" : "bg-white border-[hsl(0_0%_89.8%)] hover:border-gray-400 dark:bg-[#18181b] dark:text-white"}
100
100
  `
@@ -971,7 +971,6 @@ import React15, { useMemo, useState as useState5, useEffect as useEffect3 } from
971
971
  import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
972
972
  var Pagination = ({
973
973
  data = [],
974
- children,
975
974
  component: Component,
976
975
  itemsPerPage = 6,
977
976
  itemsPerPageOptions = [5, 10, 20, 50, 100],
@@ -986,7 +985,11 @@ var Pagination = ({
986
985
  onItemsPerPageChange: legacyOnItemsPerPageChange,
987
986
  tableHeader,
988
987
  isHideCheckbox,
989
- callback
988
+ callback,
989
+ isTable = false,
990
+ // Component props - any additional props to pass to the component
991
+ componentProps = {},
992
+ ...restProps
990
993
  }) => {
991
994
  const [internalCurrentPage, setInternalCurrentPage] = useState5(1);
992
995
  const [internalItemsPerPage, setInternalItemsPerPage] = useState5(itemsPerPage);
@@ -1040,13 +1043,76 @@ var Pagination = ({
1040
1043
  const endItem = totalItems !== void 0 ? Math.min(currentPage * activeItemsPerPage, totalItems) : null;
1041
1044
  const renderContent = () => {
1042
1045
  if (Component) {
1043
- return paginatedData.map((item) => {
1044
- return /* @__PURE__ */ React15.createElement(Component, { key: item.id, data: item, callback });
1045
- });
1046
+ if (React15.isValidElement(Component)) {
1047
+ const ComponentType = Component.type;
1048
+ const elementProps = Component.props;
1049
+ if (isTable) {
1050
+ return /* @__PURE__ */ React15.createElement(
1051
+ CustomTable,
1052
+ {
1053
+ tableHeader,
1054
+ isHideCheckbox
1055
+ },
1056
+ paginatedData.map((item, index) => {
1057
+ return /* @__PURE__ */ React15.createElement(
1058
+ ComponentType,
1059
+ {
1060
+ key: item.id || item._id || index,
1061
+ data: item,
1062
+ ...elementProps,
1063
+ ...componentProps,
1064
+ ...restProps
1065
+ }
1066
+ );
1067
+ })
1068
+ );
1069
+ } else {
1070
+ if (isTable) {
1071
+ return /* @__PURE__ */ React15.createElement(
1072
+ CustomTable,
1073
+ {
1074
+ tableHeader,
1075
+ isHideCheckbox
1076
+ },
1077
+ paginatedData.map((item, index) => {
1078
+ return /* @__PURE__ */ React15.createElement(
1079
+ ComponentType,
1080
+ {
1081
+ key: item.id || item._id || index,
1082
+ data: item,
1083
+ ...elementProps,
1084
+ ...componentProps,
1085
+ ...restProps
1086
+ }
1087
+ );
1088
+ })
1089
+ );
1090
+ }
1091
+ }
1092
+ } else {
1093
+ return /* @__PURE__ */ React15.createElement(
1094
+ CustomTable,
1095
+ {
1096
+ tableHeader,
1097
+ isHideCheckbox
1098
+ },
1099
+ paginatedData.map((item, index) => {
1100
+ return /* @__PURE__ */ React15.createElement(
1101
+ Component,
1102
+ {
1103
+ key: item.id || item._id || index,
1104
+ data: item,
1105
+ ...componentProps,
1106
+ ...restProps
1107
+ }
1108
+ );
1109
+ })
1110
+ );
1111
+ }
1046
1112
  }
1047
1113
  return null;
1048
1114
  };
1049
- return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(React15.Fragment, null, renderContent()), /* @__PURE__ */ React15.createElement("tr", null, /* @__PURE__ */ React15.createElement("td", { colSpan: tableHeader.length + (isHideCheckbox ? 0 : 1) }, /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ React15.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
1115
+ return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(React15.Fragment, null, renderContent()), /* @__PURE__ */ React15.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-center gap-4 px-4 py-3 border-t border-[#e5e5e5] dark:border-[#303036] bg-white dark:bg-[#18181b] z-10" }, totalItems !== void 0 && /* @__PURE__ */ React15.createElement("div", { className: "text-sm text-[#737373] dark:text-white" }, "Showing ", startItem, " to ", endItem, " of ", totalItems, " entries"), /* @__PURE__ */ React15.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React15.createElement(
1050
1116
  "button",
1051
1117
  {
1052
1118
  onClick: () => handlePageChange(1),
@@ -1090,7 +1156,7 @@ var Pagination = ({
1090
1156
  title: "Last page"
1091
1157
  },
1092
1158
  /* @__PURE__ */ React15.createElement(ChevronsRight, { size: 16 })
1093
- ))))));
1159
+ ))));
1094
1160
  };
1095
1161
  export {
1096
1162
  AppSideBar,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "jett.admin.npmpackage",
3
- "version": "1.0.68",
3
+ "version": "1.0.70",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.mjs",
6
6
  "exports": {