next-recomponents 2.0.44 → 2.0.45

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 +13 -10
  2. package/dist/index.mjs +13 -10
  3. package/package.json +1 -1
  4. package/src/table-advanced/h.table.tsx +10 -5
  5. package/src/table-advanced/header.tsx +4 -3
package/dist/index.js CHANGED
@@ -38770,10 +38770,10 @@ function Header({
38770
38770
  "div",
38771
38771
  {
38772
38772
  ref: cellRef,
38773
- className: "break-words border text-center relative ",
38773
+ className: "shadow ",
38774
38774
  style: { zIndex: 10, height: `${padding}px`, maxHeight: "100px" },
38775
38775
  children: [
38776
- /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-5 items-center justify-between h-full cursor-pointer", children: [
38776
+ /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex justify-between items-center ", children: [
38777
38777
  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex gap-2", children: [
38778
38778
  hasFilter ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
38779
38779
  "div",
@@ -38801,7 +38801,8 @@ function Header({
38801
38801
  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
38802
38802
  "div",
38803
38803
  {
38804
- className: "w-full",
38804
+ className: "font-bold flex truncate text-xs items-center ",
38805
+ style: { height: `${padding}px` },
38805
38806
  onClick: (e) => {
38806
38807
  context.setSort({
38807
38808
  [header]: "TOGGLE"
@@ -39153,10 +39154,14 @@ function HTable({
39153
39154
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
39154
39155
  "div",
39155
39156
  {
39156
- className: [context.className, "bg-white relative"].join(" "),
39157
+ className: [
39158
+ context.className,
39159
+ "bg-white relative",
39160
+ "p-2 border shadow rounded-2xl"
39161
+ ].join(" "),
39157
39162
  ref: tableRef,
39158
39163
  children: [
39159
- /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-white px-1 font-bold", children: context.header }),
39164
+ /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "bg-white px-1 font-bold rounded-full", children: context.header }),
39160
39165
  /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "bg-white flex gap-2 items-center", children: [
39161
39166
  context.searchable && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Searchable, { context }),
39162
39167
  context.exportName && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
@@ -39225,8 +39230,7 @@ function HTable({
39225
39230
  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
39226
39231
  "div",
39227
39232
  {
39228
- className: "bg-white",
39229
- style: { position: "relative" },
39233
+ className: "bg-white relative w-full bg-red-100",
39230
39234
  children: [
39231
39235
  /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
39232
39236
  Header,
@@ -39262,7 +39266,7 @@ function HTable({
39262
39266
  searchedData.map((row, rowIndex) => {
39263
39267
  const items = Object.entries(row);
39264
39268
  return items.map(([key, item], i) => {
39265
- var _a, _b, _c, _d, _e, _f, _g;
39269
+ var _a, _b, _c, _d, _e;
39266
39270
  if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key)) return null;
39267
39271
  if (key.startsWith("_") && !key.startsWith("__")) return null;
39268
39272
  if (key == "__modal__") {
@@ -39385,8 +39389,7 @@ function HTable({
39385
39389
  }
39386
39390
  }
39387
39391
  context.setData(newData);
39388
- },
39389
- className: `${(_g = (_f = context.buttons[key]) == null ? void 0 : _f.props) == null ? void 0 : _g.className} text-xs w-full`
39392
+ }
39390
39393
  }) : ["number", "string"].includes(typeof item) ? valueFormatter({
39391
39394
  value: item,
39392
39395
  currentCoin: context.currentCoin
package/dist/index.mjs CHANGED
@@ -38768,10 +38768,10 @@ function Header({
38768
38768
  "div",
38769
38769
  {
38770
38770
  ref: cellRef,
38771
- className: "break-words border text-center relative ",
38771
+ className: "shadow ",
38772
38772
  style: { zIndex: 10, height: `${padding}px`, maxHeight: "100px" },
38773
38773
  children: [
38774
- /* @__PURE__ */ jsxs23("div", { className: "flex gap-5 items-center justify-between h-full cursor-pointer", children: [
38774
+ /* @__PURE__ */ jsxs23("div", { className: "flex justify-between items-center ", children: [
38775
38775
  /* @__PURE__ */ jsxs23("div", { className: "flex gap-2", children: [
38776
38776
  hasFilter ? /* @__PURE__ */ jsx31(
38777
38777
  "div",
@@ -38799,7 +38799,8 @@ function Header({
38799
38799
  /* @__PURE__ */ jsx31(
38800
38800
  "div",
38801
38801
  {
38802
- className: "w-full",
38802
+ className: "font-bold flex truncate text-xs items-center ",
38803
+ style: { height: `${padding}px` },
38803
38804
  onClick: (e) => {
38804
38805
  context.setSort({
38805
38806
  [header]: "TOGGLE"
@@ -39151,10 +39152,14 @@ function HTable({
39151
39152
  return /* @__PURE__ */ jsxs25(
39152
39153
  "div",
39153
39154
  {
39154
- className: [context.className, "bg-white relative"].join(" "),
39155
+ className: [
39156
+ context.className,
39157
+ "bg-white relative",
39158
+ "p-2 border shadow rounded-2xl"
39159
+ ].join(" "),
39155
39160
  ref: tableRef,
39156
39161
  children: [
39157
- /* @__PURE__ */ jsx33("div", { className: "bg-white px-1 font-bold", children: context.header }),
39162
+ /* @__PURE__ */ jsx33("div", { className: "bg-white px-1 font-bold rounded-full", children: context.header }),
39158
39163
  /* @__PURE__ */ jsxs25("div", { className: "bg-white flex gap-2 items-center", children: [
39159
39164
  context.searchable && /* @__PURE__ */ jsx33(Searchable, { context }),
39160
39165
  context.exportName && /* @__PURE__ */ jsxs25(
@@ -39223,8 +39228,7 @@ function HTable({
39223
39228
  return /* @__PURE__ */ jsxs25(
39224
39229
  "div",
39225
39230
  {
39226
- className: "bg-white",
39227
- style: { position: "relative" },
39231
+ className: "bg-white relative w-full bg-red-100",
39228
39232
  children: [
39229
39233
  /* @__PURE__ */ jsx33(
39230
39234
  Header,
@@ -39260,7 +39264,7 @@ function HTable({
39260
39264
  searchedData.map((row, rowIndex) => {
39261
39265
  const items = Object.entries(row);
39262
39266
  return items.map(([key, item], i) => {
39263
- var _a, _b, _c, _d, _e, _f, _g;
39267
+ var _a, _b, _c, _d, _e;
39264
39268
  if ((_b = (_a = context == null ? void 0 : context.hideColumns) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, key)) return null;
39265
39269
  if (key.startsWith("_") && !key.startsWith("__")) return null;
39266
39270
  if (key == "__modal__") {
@@ -39383,8 +39387,7 @@ function HTable({
39383
39387
  }
39384
39388
  }
39385
39389
  context.setData(newData);
39386
- },
39387
- className: `${(_g = (_f = context.buttons[key]) == null ? void 0 : _f.props) == null ? void 0 : _g.className} text-xs w-full`
39390
+ }
39388
39391
  }) : ["number", "string"].includes(typeof item) ? valueFormatter({
39389
39392
  value: item,
39390
39393
  currentCoin: context.currentCoin
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-recomponents",
3
- "version": "2.0.44",
3
+ "version": "2.0.45",
4
4
  "description": "description nueva",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/table-advanced/h.table.tsx CHANGED
@@ -153,10 +153,16 @@ export default function HTable({
153
153
  });
154
154
  return (
155
155
  <div
156
- className={[context.className, "bg-white relative"].join(" ")}
156
+ className={[
157
+ context.className,
158
+ "bg-white relative",
159
+ "p-2 border shadow rounded-2xl",
160
+ ].join(" ")}
157
161
  ref={tableRef}
158
162
  >
159
- <div className="bg-white px-1 font-bold">{context.header}</div>
163
+ <div className="bg-white px-1 font-bold rounded-full">
164
+ {context.header}
165
+ </div>
160
166
  <div className="bg-white flex gap-2 items-center">
161
167
  {context.searchable && <Searchable context={context} />}
162
168
  {context.exportName && (
@@ -234,8 +240,8 @@ export default function HTable({
234
240
  return (
235
241
  <div
236
242
  key={header}
237
- className="bg-white"
238
- style={{ position: "relative" }}
243
+ className="bg-white relative w-full bg-red-100"
244
+ // style={{ position: "relative" }}
239
245
  >
240
246
  <Header
241
247
  padding={padding}
@@ -444,7 +450,6 @@ export default function HTable({
444
450
 
445
451
  context.setData(newData);
446
452
  },
447
- className: `${context.buttons[key]?.props?.className} text-xs w-full`,
448
453
  })
449
454
  ) : ["number", "string"].includes(typeof item) ? (
450
455
  valueFormatter({
package/src/table-advanced/header.tsx CHANGED
@@ -121,10 +121,10 @@ export function Header({
121
121
  <div className="">
122
122
  <div
123
123
  ref={cellRef}
124
- className={"break-words border text-center relative "}
124
+ className={"shadow "}
125
125
  style={{ zIndex: 10, height: `${padding}px`, maxHeight: "100px" }}
126
126
  >
127
- <div className="flex gap-5 items-center justify-between h-full cursor-pointer">
127
+ <div className="flex justify-between items-center ">
128
128
  <div className="flex gap-2">
129
129
  {hasFilter ? (
130
130
  <div
@@ -158,7 +158,8 @@ export function Header({
158
158
  </div>
159
159
  </div>
160
160
  <div
161
- className="w-full"
161
+ className="font-bold flex truncate text-xs items-center "
162
+ style={{ height: `${padding}px` }}
162
163
  onClick={(e) => {
163
164
  context.setSort({
164
165
  [header]: "TOGGLE",