@sikka/hawa 0.18.12-next → 0.18.13-next
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 +77 -27
- package/dist/index.mjs +77 -27
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -6095,6 +6095,34 @@ var DataTable = ({
|
|
|
6095
6095
|
onItemSelect: (e) => table.setPageSize(Number(e))
|
|
6096
6096
|
}
|
|
6097
6097
|
), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
|
|
6098
|
+
Button,
|
|
6099
|
+
{
|
|
6100
|
+
"aria-label": "Next Table Page",
|
|
6101
|
+
variant: "outline",
|
|
6102
|
+
size: "smallIcon",
|
|
6103
|
+
onClick: () => table.setPageIndex(0),
|
|
6104
|
+
disabled: !table.getCanPreviousPage(),
|
|
6105
|
+
className: cn(
|
|
6106
|
+
props.direction === "rtl" && "hawa-rotate-180"
|
|
6107
|
+
)
|
|
6108
|
+
},
|
|
6109
|
+
/* @__PURE__ */ React45.createElement(
|
|
6110
|
+
"svg",
|
|
6111
|
+
{
|
|
6112
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6113
|
+
width: "20",
|
|
6114
|
+
height: "20",
|
|
6115
|
+
viewBox: "0 0 24 24",
|
|
6116
|
+
fill: "none",
|
|
6117
|
+
stroke: "currentColor",
|
|
6118
|
+
strokeWidth: "2",
|
|
6119
|
+
strokeLinecap: "round",
|
|
6120
|
+
strokeLinejoin: "round"
|
|
6121
|
+
},
|
|
6122
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
6123
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
6124
|
+
)
|
|
6125
|
+
), /* @__PURE__ */ React45.createElement(
|
|
6098
6126
|
Button,
|
|
6099
6127
|
{
|
|
6100
6128
|
"aria-label": "Previous Table Page",
|
|
@@ -6103,27 +6131,24 @@ var DataTable = ({
|
|
|
6103
6131
|
onClick: () => table.previousPage(),
|
|
6104
6132
|
disabled: !table.getCanPreviousPage(),
|
|
6105
6133
|
className: cn(
|
|
6106
|
-
props.direction === "
|
|
6134
|
+
props.direction === "rtl" && "hawa-rotate-180"
|
|
6107
6135
|
)
|
|
6108
6136
|
},
|
|
6109
6137
|
/* @__PURE__ */ React45.createElement(
|
|
6110
6138
|
"svg",
|
|
6111
6139
|
{
|
|
6112
|
-
|
|
6140
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6141
|
+
width: "20",
|
|
6142
|
+
height: "20",
|
|
6143
|
+
"aria-label": "Single Chevron Icon",
|
|
6144
|
+
viewBox: "0 0 24 24",
|
|
6145
|
+
fill: "none",
|
|
6113
6146
|
stroke: "currentColor",
|
|
6114
|
-
|
|
6115
|
-
|
|
6116
|
-
|
|
6117
|
-
height: "1em",
|
|
6118
|
-
width: "1em"
|
|
6147
|
+
strokeWidth: "2",
|
|
6148
|
+
strokeLinecap: "round",
|
|
6149
|
+
strokeLinejoin: "round"
|
|
6119
6150
|
},
|
|
6120
|
-
/* @__PURE__ */ React45.createElement(
|
|
6121
|
-
"path",
|
|
6122
|
-
{
|
|
6123
|
-
fillRule: "evenodd",
|
|
6124
|
-
d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
|
|
6125
|
-
}
|
|
6126
|
-
)
|
|
6151
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
6127
6152
|
)
|
|
6128
6153
|
), /* @__PURE__ */ React45.createElement(
|
|
6129
6154
|
Button,
|
|
@@ -6134,27 +6159,52 @@ var DataTable = ({
|
|
|
6134
6159
|
onClick: () => table.nextPage(),
|
|
6135
6160
|
disabled: !table.getCanNextPage(),
|
|
6136
6161
|
className: cn(
|
|
6137
|
-
props.direction === "
|
|
6162
|
+
props.direction === "ltr" && "hawa-rotate-180"
|
|
6138
6163
|
)
|
|
6139
6164
|
},
|
|
6140
6165
|
/* @__PURE__ */ React45.createElement(
|
|
6141
6166
|
"svg",
|
|
6142
6167
|
{
|
|
6143
|
-
|
|
6144
|
-
|
|
6168
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6169
|
+
width: "20",
|
|
6170
|
+
height: "20",
|
|
6171
|
+
"aria-label": "Single Chevron Icon",
|
|
6172
|
+
viewBox: "0 0 24 24",
|
|
6173
|
+
fill: "none",
|
|
6145
6174
|
stroke: "currentColor",
|
|
6146
|
-
|
|
6147
|
-
|
|
6148
|
-
|
|
6149
|
-
viewBox: "0 0 16 16"
|
|
6175
|
+
strokeWidth: "2",
|
|
6176
|
+
strokeLinecap: "round",
|
|
6177
|
+
strokeLinejoin: "round"
|
|
6150
6178
|
},
|
|
6151
|
-
/* @__PURE__ */ React45.createElement(
|
|
6152
|
-
|
|
6153
|
-
|
|
6154
|
-
|
|
6155
|
-
|
|
6156
|
-
|
|
6179
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
6180
|
+
)
|
|
6181
|
+
), /* @__PURE__ */ React45.createElement(
|
|
6182
|
+
Button,
|
|
6183
|
+
{
|
|
6184
|
+
"aria-label": "Next Table Page",
|
|
6185
|
+
variant: "outline",
|
|
6186
|
+
size: "smallIcon",
|
|
6187
|
+
onClick: () => table.setPageIndex(table.getPageCount() - 1),
|
|
6188
|
+
disabled: !table.getCanNextPage(),
|
|
6189
|
+
className: cn(
|
|
6190
|
+
props.direction === "ltr" && "hawa-rotate-180"
|
|
6157
6191
|
)
|
|
6192
|
+
},
|
|
6193
|
+
/* @__PURE__ */ React45.createElement(
|
|
6194
|
+
"svg",
|
|
6195
|
+
{
|
|
6196
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6197
|
+
width: "20",
|
|
6198
|
+
height: "20",
|
|
6199
|
+
viewBox: "0 0 24 24",
|
|
6200
|
+
fill: "none",
|
|
6201
|
+
stroke: "currentColor",
|
|
6202
|
+
strokeWidth: "2",
|
|
6203
|
+
strokeLinecap: "round",
|
|
6204
|
+
strokeLinejoin: "round"
|
|
6205
|
+
},
|
|
6206
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
6207
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
6158
6208
|
)
|
|
6159
6209
|
))))
|
|
6160
6210
|
));
|
package/dist/index.mjs
CHANGED
|
@@ -5881,6 +5881,34 @@ var DataTable = ({
|
|
|
5881
5881
|
onItemSelect: (e) => table.setPageSize(Number(e))
|
|
5882
5882
|
}
|
|
5883
5883
|
), table.getPageCount() > 1 && /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-text-sm " }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ React45.createElement("div", null, (_j = props.texts) == null ? void 0 : _j.page), /* @__PURE__ */ React45.createElement("div", { className: "hawa-flex hawa-flex-row hawa-gap-1" }, /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getState().pagination.pageIndex + 1), /* @__PURE__ */ React45.createElement("span", null, (_k = props.texts) == null ? void 0 : _k.of), /* @__PURE__ */ React45.createElement("span", { className: "hawa-font-bold" }, table.getPageCount())))), /* @__PURE__ */ React45.createElement(
|
|
5884
|
+
Button,
|
|
5885
|
+
{
|
|
5886
|
+
"aria-label": "Next Table Page",
|
|
5887
|
+
variant: "outline",
|
|
5888
|
+
size: "smallIcon",
|
|
5889
|
+
onClick: () => table.setPageIndex(0),
|
|
5890
|
+
disabled: !table.getCanPreviousPage(),
|
|
5891
|
+
className: cn(
|
|
5892
|
+
props.direction === "rtl" && "hawa-rotate-180"
|
|
5893
|
+
)
|
|
5894
|
+
},
|
|
5895
|
+
/* @__PURE__ */ React45.createElement(
|
|
5896
|
+
"svg",
|
|
5897
|
+
{
|
|
5898
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5899
|
+
width: "20",
|
|
5900
|
+
height: "20",
|
|
5901
|
+
viewBox: "0 0 24 24",
|
|
5902
|
+
fill: "none",
|
|
5903
|
+
stroke: "currentColor",
|
|
5904
|
+
strokeWidth: "2",
|
|
5905
|
+
strokeLinecap: "round",
|
|
5906
|
+
strokeLinejoin: "round"
|
|
5907
|
+
},
|
|
5908
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
5909
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
5910
|
+
)
|
|
5911
|
+
), /* @__PURE__ */ React45.createElement(
|
|
5884
5912
|
Button,
|
|
5885
5913
|
{
|
|
5886
5914
|
"aria-label": "Previous Table Page",
|
|
@@ -5889,27 +5917,24 @@ var DataTable = ({
|
|
|
5889
5917
|
onClick: () => table.previousPage(),
|
|
5890
5918
|
disabled: !table.getCanPreviousPage(),
|
|
5891
5919
|
className: cn(
|
|
5892
|
-
props.direction === "
|
|
5920
|
+
props.direction === "rtl" && "hawa-rotate-180"
|
|
5893
5921
|
)
|
|
5894
5922
|
},
|
|
5895
5923
|
/* @__PURE__ */ React45.createElement(
|
|
5896
5924
|
"svg",
|
|
5897
5925
|
{
|
|
5898
|
-
|
|
5926
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5927
|
+
width: "20",
|
|
5928
|
+
height: "20",
|
|
5929
|
+
"aria-label": "Single Chevron Icon",
|
|
5930
|
+
viewBox: "0 0 24 24",
|
|
5931
|
+
fill: "none",
|
|
5899
5932
|
stroke: "currentColor",
|
|
5900
|
-
|
|
5901
|
-
|
|
5902
|
-
|
|
5903
|
-
height: "1em",
|
|
5904
|
-
width: "1em"
|
|
5933
|
+
strokeWidth: "2",
|
|
5934
|
+
strokeLinecap: "round",
|
|
5935
|
+
strokeLinejoin: "round"
|
|
5905
5936
|
},
|
|
5906
|
-
/* @__PURE__ */ React45.createElement(
|
|
5907
|
-
"path",
|
|
5908
|
-
{
|
|
5909
|
-
fillRule: "evenodd",
|
|
5910
|
-
d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"
|
|
5911
|
-
}
|
|
5912
|
-
)
|
|
5937
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
5913
5938
|
)
|
|
5914
5939
|
), /* @__PURE__ */ React45.createElement(
|
|
5915
5940
|
Button,
|
|
@@ -5920,27 +5945,52 @@ var DataTable = ({
|
|
|
5920
5945
|
onClick: () => table.nextPage(),
|
|
5921
5946
|
disabled: !table.getCanNextPage(),
|
|
5922
5947
|
className: cn(
|
|
5923
|
-
props.direction === "
|
|
5948
|
+
props.direction === "ltr" && "hawa-rotate-180"
|
|
5924
5949
|
)
|
|
5925
5950
|
},
|
|
5926
5951
|
/* @__PURE__ */ React45.createElement(
|
|
5927
5952
|
"svg",
|
|
5928
5953
|
{
|
|
5929
|
-
|
|
5930
|
-
|
|
5954
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5955
|
+
width: "20",
|
|
5956
|
+
height: "20",
|
|
5957
|
+
"aria-label": "Single Chevron Icon",
|
|
5958
|
+
viewBox: "0 0 24 24",
|
|
5959
|
+
fill: "none",
|
|
5931
5960
|
stroke: "currentColor",
|
|
5932
|
-
|
|
5933
|
-
|
|
5934
|
-
|
|
5935
|
-
viewBox: "0 0 16 16"
|
|
5961
|
+
strokeWidth: "2",
|
|
5962
|
+
strokeLinecap: "round",
|
|
5963
|
+
strokeLinejoin: "round"
|
|
5936
5964
|
},
|
|
5937
|
-
/* @__PURE__ */ React45.createElement(
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
5942
|
-
|
|
5965
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m15 18-6-6 6-6" })
|
|
5966
|
+
)
|
|
5967
|
+
), /* @__PURE__ */ React45.createElement(
|
|
5968
|
+
Button,
|
|
5969
|
+
{
|
|
5970
|
+
"aria-label": "Next Table Page",
|
|
5971
|
+
variant: "outline",
|
|
5972
|
+
size: "smallIcon",
|
|
5973
|
+
onClick: () => table.setPageIndex(table.getPageCount() - 1),
|
|
5974
|
+
disabled: !table.getCanNextPage(),
|
|
5975
|
+
className: cn(
|
|
5976
|
+
props.direction === "ltr" && "hawa-rotate-180"
|
|
5943
5977
|
)
|
|
5978
|
+
},
|
|
5979
|
+
/* @__PURE__ */ React45.createElement(
|
|
5980
|
+
"svg",
|
|
5981
|
+
{
|
|
5982
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
5983
|
+
width: "20",
|
|
5984
|
+
height: "20",
|
|
5985
|
+
viewBox: "0 0 24 24",
|
|
5986
|
+
fill: "none",
|
|
5987
|
+
stroke: "currentColor",
|
|
5988
|
+
strokeWidth: "2",
|
|
5989
|
+
strokeLinecap: "round",
|
|
5990
|
+
strokeLinejoin: "round"
|
|
5991
|
+
},
|
|
5992
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m11 17-5-5 5-5" }),
|
|
5993
|
+
/* @__PURE__ */ React45.createElement("path", { d: "m18 17-5-5 5-5" })
|
|
5944
5994
|
)
|
|
5945
5995
|
))))
|
|
5946
5996
|
));
|