@sikka/hawa 0.18.11-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.
Files changed (3) hide show
  1. package/dist/index.js +78 -28
  2. package/dist/index.mjs +78 -28
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -3833,7 +3833,7 @@ var Input = (0, import_react15.forwardRef)(
3833
3833
  autoComplete: props.autoComplete,
3834
3834
  defaultValue: props.defaultValue,
3835
3835
  placeholder,
3836
- disabled: preview,
3836
+ disabled: props.disabled || preview,
3837
3837
  style: { height: 40 },
3838
3838
  className: cn(
3839
3839
  defaultInputStyle,
@@ -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 === "ltr" && "hawa-rotate-180"
6134
+ props.direction === "rtl" && "hawa-rotate-180"
6107
6135
  )
6108
6136
  },
6109
6137
  /* @__PURE__ */ React45.createElement(
6110
6138
  "svg",
6111
6139
  {
6112
- "aria-label": "Chevron Right Icon",
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
- fill: "currentColor",
6115
- strokeWidth: "0",
6116
- viewBox: "0 0 16 16",
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 === "rtl" && "hawa-rotate-180"
6162
+ props.direction === "ltr" && "hawa-rotate-180"
6138
6163
  )
6139
6164
  },
6140
6165
  /* @__PURE__ */ React45.createElement(
6141
6166
  "svg",
6142
6167
  {
6143
- "aria-label": "Chevron Right Icon",
6144
- fill: "currentColor",
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
- width: "1em",
6147
- height: "1em",
6148
- strokeWidth: "0",
6149
- viewBox: "0 0 16 16"
6175
+ strokeWidth: "2",
6176
+ strokeLinecap: "round",
6177
+ strokeLinejoin: "round"
6150
6178
  },
6151
- /* @__PURE__ */ React45.createElement(
6152
- "path",
6153
- {
6154
- fillRule: "evenodd",
6155
- 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"
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
@@ -3611,7 +3611,7 @@ var Input = forwardRef9(
3611
3611
  autoComplete: props.autoComplete,
3612
3612
  defaultValue: props.defaultValue,
3613
3613
  placeholder,
3614
- disabled: preview,
3614
+ disabled: props.disabled || preview,
3615
3615
  style: { height: 40 },
3616
3616
  className: cn(
3617
3617
  defaultInputStyle,
@@ -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 === "ltr" && "hawa-rotate-180"
5920
+ props.direction === "rtl" && "hawa-rotate-180"
5893
5921
  )
5894
5922
  },
5895
5923
  /* @__PURE__ */ React45.createElement(
5896
5924
  "svg",
5897
5925
  {
5898
- "aria-label": "Chevron Right Icon",
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
- fill: "currentColor",
5901
- strokeWidth: "0",
5902
- viewBox: "0 0 16 16",
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 === "rtl" && "hawa-rotate-180"
5948
+ props.direction === "ltr" && "hawa-rotate-180"
5924
5949
  )
5925
5950
  },
5926
5951
  /* @__PURE__ */ React45.createElement(
5927
5952
  "svg",
5928
5953
  {
5929
- "aria-label": "Chevron Right Icon",
5930
- fill: "currentColor",
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
- width: "1em",
5933
- height: "1em",
5934
- strokeWidth: "0",
5935
- viewBox: "0 0 16 16"
5961
+ strokeWidth: "2",
5962
+ strokeLinecap: "round",
5963
+ strokeLinejoin: "round"
5936
5964
  },
5937
- /* @__PURE__ */ React45.createElement(
5938
- "path",
5939
- {
5940
- fillRule: "evenodd",
5941
- 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"
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
  ));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.18.11-next",
3
+ "version": "0.18.13-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",