next-recomponents 1.9.97 → 1.9.99
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 +18 -3
- package/dist/index.mjs +18 -3
- package/package.json +1 -1
- package/src/table/index.tsx +16 -2
package/dist/index.js
CHANGED
|
@@ -35753,6 +35753,21 @@ function Table(props) {
|
|
|
35753
35753
|
] }, k)) }) }) });
|
|
35754
35754
|
}
|
|
35755
35755
|
}
|
|
35756
|
+
function EditIcon() {
|
|
35757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
35758
|
+
"svg",
|
|
35759
|
+
{
|
|
35760
|
+
stroke: "currentColor",
|
|
35761
|
+
fill: "currentColor",
|
|
35762
|
+
strokeWidth: "0",
|
|
35763
|
+
viewBox: "0 0 576 512",
|
|
35764
|
+
height: "20px",
|
|
35765
|
+
width: "20px",
|
|
35766
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
35767
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
|
|
35768
|
+
}
|
|
35769
|
+
);
|
|
35770
|
+
}
|
|
35756
35771
|
function IHTable({
|
|
35757
35772
|
data,
|
|
35758
35773
|
flex = 1,
|
|
@@ -35770,7 +35785,7 @@ function IHTable({
|
|
|
35770
35785
|
}) {
|
|
35771
35786
|
const [open, setOpen] = (0, import_react4.useState)(false);
|
|
35772
35787
|
if (modal) {
|
|
35773
|
-
buttons = { buttons, Modal: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, {
|
|
35788
|
+
buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Button, { icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(EditIcon, {}) }) });
|
|
35774
35789
|
}
|
|
35775
35790
|
const handleOpen = () => setOpen(true);
|
|
35776
35791
|
const handleClose = () => {
|
|
@@ -37134,7 +37149,7 @@ function OrderAsc() {
|
|
|
37134
37149
|
}
|
|
37135
37150
|
);
|
|
37136
37151
|
}
|
|
37137
|
-
function
|
|
37152
|
+
function EditIcon2() {
|
|
37138
37153
|
return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
37139
37154
|
"svg",
|
|
37140
37155
|
{
|
|
@@ -37529,7 +37544,7 @@ function TR({
|
|
|
37529
37544
|
(_a = modalRef.current) == null ? void 0 : _a.showModal();
|
|
37530
37545
|
setDialogRow(row);
|
|
37531
37546
|
},
|
|
37532
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
37547
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EditIcon2, {})
|
|
37533
37548
|
}
|
|
37534
37549
|
) }),
|
|
37535
37550
|
selectItems && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("th", { className: "border", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
package/dist/index.mjs
CHANGED
|
@@ -35734,6 +35734,21 @@ function Table(props) {
|
|
|
35734
35734
|
] }, k)) }) }) });
|
|
35735
35735
|
}
|
|
35736
35736
|
}
|
|
35737
|
+
function EditIcon() {
|
|
35738
|
+
return /* @__PURE__ */ jsx6(
|
|
35739
|
+
"svg",
|
|
35740
|
+
{
|
|
35741
|
+
stroke: "currentColor",
|
|
35742
|
+
fill: "currentColor",
|
|
35743
|
+
strokeWidth: "0",
|
|
35744
|
+
viewBox: "0 0 576 512",
|
|
35745
|
+
height: "20px",
|
|
35746
|
+
width: "20px",
|
|
35747
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
35748
|
+
children: /* @__PURE__ */ jsx6("path", { d: "M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z" })
|
|
35749
|
+
}
|
|
35750
|
+
);
|
|
35751
|
+
}
|
|
35737
35752
|
function IHTable({
|
|
35738
35753
|
data,
|
|
35739
35754
|
flex = 1,
|
|
@@ -35751,7 +35766,7 @@ function IHTable({
|
|
|
35751
35766
|
}) {
|
|
35752
35767
|
const [open, setOpen] = useState4(false);
|
|
35753
35768
|
if (modal) {
|
|
35754
|
-
buttons = { buttons, Modal: /* @__PURE__ */ jsx6(Button, {
|
|
35769
|
+
buttons = __spreadProps(__spreadValues({}, buttons), { Modal: /* @__PURE__ */ jsx6(Button, { icon: /* @__PURE__ */ jsx6(EditIcon, {}) }) });
|
|
35755
35770
|
}
|
|
35756
35771
|
const handleOpen = () => setOpen(true);
|
|
35757
35772
|
const handleClose = () => {
|
|
@@ -37131,7 +37146,7 @@ function OrderAsc() {
|
|
|
37131
37146
|
}
|
|
37132
37147
|
);
|
|
37133
37148
|
}
|
|
37134
|
-
function
|
|
37149
|
+
function EditIcon2() {
|
|
37135
37150
|
return /* @__PURE__ */ jsx18(
|
|
37136
37151
|
"svg",
|
|
37137
37152
|
{
|
|
@@ -37526,7 +37541,7 @@ function TR({
|
|
|
37526
37541
|
(_a = modalRef.current) == null ? void 0 : _a.showModal();
|
|
37527
37542
|
setDialogRow(row);
|
|
37528
37543
|
},
|
|
37529
|
-
children: /* @__PURE__ */ jsx21(
|
|
37544
|
+
children: /* @__PURE__ */ jsx21(EditIcon2, {})
|
|
37530
37545
|
}
|
|
37531
37546
|
) }),
|
|
37532
37547
|
selectItems && /* @__PURE__ */ jsx21("th", { className: "border", children: /* @__PURE__ */ jsx21(
|
package/package.json
CHANGED
package/src/table/index.tsx
CHANGED
|
@@ -64,7 +64,21 @@ export default function Table(props: TableProps) {
|
|
|
64
64
|
);
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
|
-
|
|
67
|
+
function EditIcon() {
|
|
68
|
+
return (
|
|
69
|
+
<svg
|
|
70
|
+
stroke="currentColor"
|
|
71
|
+
fill="currentColor"
|
|
72
|
+
strokeWidth="0"
|
|
73
|
+
viewBox="0 0 576 512"
|
|
74
|
+
height="20px"
|
|
75
|
+
width="20px"
|
|
76
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
77
|
+
>
|
|
78
|
+
<path d="M402.6 83.2l90.2 90.2c3.8 3.8 3.8 10 0 13.8L274.4 405.6l-92.8 10.3c-12.4 1.4-22.9-9.1-21.5-21.5l10.3-92.8L388.8 83.2c3.8-3.8 10-3.8 13.8 0zm162-22.9l-48.8-48.8c-15.2-15.2-39.9-15.2-55.2 0l-35.4 35.4c-3.8 3.8-3.8 10 0 13.8l90.2 90.2c3.8 3.8 10 3.8 13.8 0l35.4-35.4c15.2-15.3 15.2-40 0-55.2zM384 346.2V448H64V128h229.8c3.2 0 6.2-1.3 8.5-3.5l40-40c7.6-7.6 2.2-20.5-8.5-20.5H48C21.5 64 0 85.5 0 112v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V306.2c0-10.7-12.9-16-20.5-8.5l-40 40c-2.2 2.3-3.5 5.3-3.5 8.5z"></path>
|
|
79
|
+
</svg>
|
|
80
|
+
);
|
|
81
|
+
}
|
|
68
82
|
function IHTable({
|
|
69
83
|
data,
|
|
70
84
|
flex = 1,
|
|
@@ -82,7 +96,7 @@ function IHTable({
|
|
|
82
96
|
}: TableProps) {
|
|
83
97
|
const [open, setOpen] = useState(false);
|
|
84
98
|
if (modal) {
|
|
85
|
-
buttons = { buttons, Modal: <Button
|
|
99
|
+
buttons = { ...buttons, Modal: <Button icon={<EditIcon />}></Button> };
|
|
86
100
|
}
|
|
87
101
|
const handleOpen = () => setOpen(true);
|
|
88
102
|
const handleClose = () => {
|