@uxf/data-grid 11.72.3 → 11.74.0

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 (288) hide show
  1. package/README.md +4 -4
  2. package/package.json +3 -3
  3. package/translations/translations.d.ts +173 -0
  4. package/translations/translations.js +174 -0
  5. package/_api/index.d.ts +0 -8
  6. package/_api/index.js +0 -11
  7. package/_components/drawer.d.ts +0 -8
  8. package/_components/drawer.js +0 -19
  9. package/_store/reducer.d.ts +0 -8
  10. package/_store/reducer.js +0 -209
  11. package/_story-utils/data.d.ts +0 -34
  12. package/_story-utils/data.js +0 -229
  13. package/_story-utils/grid-type.d.ts +0 -32
  14. package/_story-utils/grid-type.js +0 -2
  15. package/_story-utils/json-renderer.d.ts +0 -7
  16. package/_story-utils/json-renderer.js +0 -12
  17. package/_story-utils/loader.d.ts +0 -2
  18. package/_story-utils/loader.js +0 -33
  19. package/_story-utils/schema.d.ts +0 -3
  20. package/_story-utils/schema.js +0 -76
  21. package/body-cell/body-cell-boolean.d.ts +0 -2
  22. package/body-cell/body-cell-boolean.js +0 -18
  23. package/body-cell/body-cell-chip.d.ts +0 -12
  24. package/body-cell/body-cell-chip.js +0 -21
  25. package/body-cell/body-cell-date.d.ts +0 -2
  26. package/body-cell/body-cell-date.js +0 -15
  27. package/body-cell/body-cell-datetime.d.ts +0 -2
  28. package/body-cell/body-cell-datetime.js +0 -15
  29. package/body-cell/body-cell-default.d.ts +0 -2
  30. package/body-cell/body-cell-default.js +0 -17
  31. package/body-cell/body-cell-email.d.ts +0 -2
  32. package/body-cell/body-cell-email.js +0 -16
  33. package/body-cell/body-cell-money.d.ts +0 -8
  34. package/body-cell/body-cell-money.js +0 -15
  35. package/body-cell/body-cell-phone.d.ts +0 -2
  36. package/body-cell/body-cell-phone.js +0 -16
  37. package/body-cell/body-cell-to-many.d.ts +0 -2
  38. package/body-cell/body-cell-to-many.js +0 -17
  39. package/body-cell/body-cell-to-one.d.ts +0 -2
  40. package/body-cell/body-cell-to-one.js +0 -14
  41. package/body-cell/body-cell-url.d.ts +0 -2
  42. package/body-cell/body-cell-url.js +0 -16
  43. package/body-cell/index.d.ts +0 -2
  44. package/body-cell/index.js +0 -33
  45. package/components.d.ts +0 -97
  46. package/components.js +0 -124
  47. package/data-grid-custom-example.stories.d.ts +0 -2
  48. package/data-grid-custom-example.stories.js +0 -58
  49. package/data-grid-v2.d.ts +0 -3
  50. package/data-grid-v2.js +0 -41
  51. package/data-grid-v2.stories.d.ts +0 -2
  52. package/data-grid-v2.stories.js +0 -99
  53. package/data-grid.d.ts +0 -3
  54. package/data-grid.js +0 -42
  55. package/data-grid.stories.d.ts +0 -2
  56. package/data-grid.stories.js +0 -106
  57. package/export-button/export-button.d.ts +0 -8
  58. package/export-button/export-button.js +0 -16
  59. package/export-button/export-button.stories.d.ts +0 -2
  60. package/export-button/export-button.stories.js +0 -17
  61. package/export-button/index.d.ts +0 -1
  62. package/export-button/index.js +0 -17
  63. package/filter-handler/boolean-select.d.ts +0 -4
  64. package/filter-handler/boolean-select.js +0 -24
  65. package/filter-handler/checkbox.d.ts +0 -4
  66. package/filter-handler/checkbox.js +0 -19
  67. package/filter-handler/date.d.ts +0 -7
  68. package/filter-handler/date.js +0 -96
  69. package/filter-handler/datetime.d.ts +0 -7
  70. package/filter-handler/datetime.js +0 -34
  71. package/filter-handler/entity-multi-select.d.ts +0 -5
  72. package/filter-handler/entity-multi-select.js +0 -27
  73. package/filter-handler/entity-select.d.ts +0 -5
  74. package/filter-handler/entity-select.js +0 -23
  75. package/filter-handler/index.d.ts +0 -4
  76. package/filter-handler/index.js +0 -41
  77. package/filter-handler/interval.d.ts +0 -7
  78. package/filter-handler/interval.js +0 -47
  79. package/filter-handler/multi-select.d.ts +0 -5
  80. package/filter-handler/multi-select.js +0 -27
  81. package/filter-handler/select.d.ts +0 -5
  82. package/filter-handler/select.js +0 -22
  83. package/filter-handler/string.d.ts +0 -4
  84. package/filter-handler/string.js +0 -26
  85. package/filter-handler/types.d.ts +0 -7
  86. package/filter-handler/types.js +0 -2
  87. package/filter-list/filter-list.d.ts +0 -10
  88. package/filter-list/filter-list.js +0 -31
  89. package/filter-list/filter-list.stories.d.ts +0 -2
  90. package/filter-list/filter-list.stories.js +0 -18
  91. package/filter-list/index.d.ts +0 -1
  92. package/filter-list/index.js +0 -17
  93. package/filters/filters.d.ts +0 -9
  94. package/filters/filters.js +0 -21
  95. package/filters/filters.stories.d.ts +0 -2
  96. package/filters/filters.stories.js +0 -18
  97. package/filters/index.d.ts +0 -1
  98. package/filters/index.js +0 -17
  99. package/filters-button/filters-button.d.ts +0 -10
  100. package/filters-button/filters-button.js +0 -45
  101. package/filters-button/filters-button.stories.d.ts +0 -2
  102. package/filters-button/filters-button.stories.js +0 -18
  103. package/filters-button/index.d.ts +0 -1
  104. package/filters-button/index.js +0 -17
  105. package/footer/footer.d.ts +0 -5
  106. package/footer/footer.js +0 -10
  107. package/footer/index.d.ts +0 -1
  108. package/footer/index.js +0 -17
  109. package/fulltext-input/fulltext-input.d.ts +0 -6
  110. package/fulltext-input/fulltext-input.js +0 -13
  111. package/fulltext-input/fulltext-input.stories.d.ts +0 -2
  112. package/fulltext-input/fulltext-input.stories.js +0 -17
  113. package/fulltext-input/index.d.ts +0 -1
  114. package/fulltext-input/index.js +0 -17
  115. package/hidden-columns/hidden-columns.d.ts +0 -8
  116. package/hidden-columns/hidden-columns.js +0 -35
  117. package/hidden-columns/hidden-columns.stories.d.ts +0 -2
  118. package/hidden-columns/hidden-columns.stories.js +0 -17
  119. package/hidden-columns/index.d.ts +0 -1
  120. package/hidden-columns/index.js +0 -17
  121. package/hidden-columns-button/hidden-columns-button.d.ts +0 -8
  122. package/hidden-columns-button/hidden-columns-button.js +0 -42
  123. package/hidden-columns-button/hidden-columns-button.stories.d.ts +0 -2
  124. package/hidden-columns-button/hidden-columns-button.stories.js +0 -17
  125. package/hidden-columns-button/index.d.ts +0 -1
  126. package/hidden-columns-button/index.js +0 -17
  127. package/hooks/useCallbackRef.d.ts +0 -2
  128. package/hooks/useCallbackRef.js +0 -6
  129. package/index.d.ts +0 -5
  130. package/index.js +0 -25
  131. package/linear-progress/index.d.ts +0 -1
  132. package/linear-progress/index.js +0 -17
  133. package/linear-progress/linear-progress.d.ts +0 -5
  134. package/linear-progress/linear-progress.js +0 -12
  135. package/pagination/index.d.ts +0 -1
  136. package/pagination/index.js +0 -17
  137. package/pagination/pagination.d.ts +0 -12
  138. package/pagination/pagination.js +0 -15
  139. package/pagination/pagination.stories.d.ts +0 -2
  140. package/pagination/pagination.stories.js +0 -17
  141. package/root/index.d.ts +0 -1
  142. package/root/index.js +0 -17
  143. package/root/root.d.ts +0 -6
  144. package/root/root.js +0 -11
  145. package/row-counts/index.d.ts +0 -1
  146. package/row-counts/index.js +0 -17
  147. package/row-counts/row-counts.d.ts +0 -8
  148. package/row-counts/row-counts.js +0 -23
  149. package/row-counts/row-counts.stories.d.ts +0 -2
  150. package/row-counts/row-counts.stories.js +0 -14
  151. package/rows-per-page-select/index.d.ts +0 -1
  152. package/rows-per-page-select/index.js +0 -17
  153. package/rows-per-page-select/rows-per-page-select.d.ts +0 -3
  154. package/rows-per-page-select/rows-per-page-select.js +0 -19
  155. package/rows-per-page-select/rows-per-page-select.stories.d.ts +0 -2
  156. package/rows-per-page-select/rows-per-page-select.stories.js +0 -17
  157. package/selected-rows-toolbar/index.d.ts +0 -1
  158. package/selected-rows-toolbar/index.js +0 -17
  159. package/selected-rows-toolbar/selected-rows-toolbar.d.ts +0 -11
  160. package/selected-rows-toolbar/selected-rows-toolbar.js +0 -31
  161. package/selected-rows-toolbar/selected-rows-toolbar.stories.d.ts +0 -2
  162. package/selected-rows-toolbar/selected-rows-toolbar.stories.js +0 -44
  163. package/table/components/action-cell-wrapper.d.ts +0 -6
  164. package/table/components/action-cell-wrapper.js +0 -57
  165. package/table/components/action-cell.d.ts +0 -7
  166. package/table/components/action-cell.js +0 -13
  167. package/table/components/select-row-checkbox.d.ts +0 -3
  168. package/table/components/select-row-checkbox.js +0 -40
  169. package/table/hooks/use-rdg-visuals.d.ts +0 -16
  170. package/table/hooks/use-rdg-visuals.js +0 -46
  171. package/table/hooks/use-react-data-grid-columns.d.ts +0 -4
  172. package/table/hooks/use-react-data-grid-columns.js +0 -86
  173. package/table/index.d.ts +0 -3
  174. package/table/index.js +0 -19
  175. package/table/no-rows-fallback.d.ts +0 -7
  176. package/table/no-rows-fallback.js +0 -14
  177. package/table/table.d.ts +0 -4
  178. package/table/table.js +0 -91
  179. package/table/table.stories.d.ts +0 -2
  180. package/table/table.stories.js +0 -20
  181. package/table/types.d.ts +0 -19
  182. package/table/types.js +0 -2
  183. package/table-v2/components/action-cell-wrapper.d.ts +0 -6
  184. package/table-v2/components/action-cell-wrapper.js +0 -10
  185. package/table-v2/components/action-cell.d.ts +0 -8
  186. package/table-v2/components/action-cell.js +0 -16
  187. package/table-v2/components/body.d.ts +0 -6
  188. package/table-v2/components/body.js +0 -10
  189. package/table-v2/components/cell.d.ts +0 -8
  190. package/table-v2/components/cell.js +0 -10
  191. package/table-v2/components/header-action-cell.d.ts +0 -2
  192. package/table-v2/components/header-action-cell.js +0 -10
  193. package/table-v2/components/header-cell.d.ts +0 -10
  194. package/table-v2/components/header-cell.js +0 -47
  195. package/table-v2/components/header-select-all-rows-checkbox.d.ts +0 -8
  196. package/table-v2/components/header-select-all-rows-checkbox.js +0 -22
  197. package/table-v2/components/header.d.ts +0 -6
  198. package/table-v2/components/header.js +0 -10
  199. package/table-v2/components/index.d.ts +0 -21
  200. package/table-v2/components/index.js +0 -26
  201. package/table-v2/components/root.d.ts +0 -7
  202. package/table-v2/components/root.js +0 -31
  203. package/table-v2/components/row.d.ts +0 -7
  204. package/table-v2/components/row.js +0 -11
  205. package/table-v2/components/select-row-checkbox.d.ts +0 -7
  206. package/table-v2/components/select-row-checkbox.js +0 -12
  207. package/table-v2/hooks/use-resizable-columns.d.ts +0 -9
  208. package/table-v2/hooks/use-resizable-columns.js +0 -69
  209. package/table-v2/index.d.ts +0 -1
  210. package/table-v2/index.js +0 -17
  211. package/table-v2/no-rows-fallback.d.ts +0 -7
  212. package/table-v2/no-rows-fallback.js +0 -14
  213. package/table-v2/table-v2.d.ts +0 -3
  214. package/table-v2/table-v2.js +0 -91
  215. package/table-v2/table-v2.stories.d.ts +0 -2
  216. package/table-v2/table-v2.stories.js +0 -23
  217. package/table-v2/types.d.ts +0 -23
  218. package/table-v2/types.js +0 -2
  219. package/table-v2/utils/get-grid-template-columns.d.ts +0 -9
  220. package/table-v2/utils/get-grid-template-columns.js +0 -23
  221. package/table-v2/utils/get-grid-template-rows.d.ts +0 -2
  222. package/table-v2/utils/get-grid-template-rows.js +0 -14
  223. package/toolbar/index.d.ts +0 -1
  224. package/toolbar/index.js +0 -17
  225. package/toolbar/toolbar.d.ts +0 -5
  226. package/toolbar/toolbar.js +0 -10
  227. package/toolbar-control/index.d.ts +0 -1
  228. package/toolbar-control/index.js +0 -17
  229. package/toolbar-control/toolbar-control.d.ts +0 -13
  230. package/toolbar-control/toolbar-control.js +0 -22
  231. package/toolbar-control/toolbar-control.stories.d.ts +0 -2
  232. package/toolbar-control/toolbar-control.stories.js +0 -19
  233. package/toolbar-customs/index.d.ts +0 -1
  234. package/toolbar-customs/index.js +0 -17
  235. package/toolbar-customs/toolbar-customs.d.ts +0 -13
  236. package/toolbar-customs/toolbar-customs.js +0 -20
  237. package/toolbar-customs/toolbar-customs.stories.d.ts +0 -2
  238. package/toolbar-customs/toolbar-customs.stories.js +0 -15
  239. package/toolbar-tabs/index.d.ts +0 -1
  240. package/toolbar-tabs/index.js +0 -17
  241. package/toolbar-tabs/toolbar-tabs.d.ts +0 -11
  242. package/toolbar-tabs/toolbar-tabs.js +0 -41
  243. package/toolbar-tabs/toolbar-tabs.stories.d.ts +0 -2
  244. package/toolbar-tabs/toolbar-tabs.stories.js +0 -17
  245. package/types/api.d.ts +0 -23
  246. package/types/api.js +0 -2
  247. package/types/components.d.ts +0 -32
  248. package/types/components.js +0 -2
  249. package/types/core.d.ts +0 -20
  250. package/types/core.js +0 -2
  251. package/types/data-grid-props.d.ts +0 -34
  252. package/types/data-grid-props.js +0 -2
  253. package/types/index.d.ts +0 -6
  254. package/types/index.js +0 -2
  255. package/types/schema.d.ts +0 -56
  256. package/types/schema.js +0 -2
  257. package/types/state.d.ts +0 -25
  258. package/types/state.js +0 -2
  259. package/types/user-config-storage-adapter.d.ts +0 -8
  260. package/types/user-config-storage-adapter.js +0 -2
  261. package/use-data-grid-control/action.d.ts +0 -47
  262. package/use-data-grid-control/action.js +0 -9
  263. package/use-data-grid-control/actions-factory.d.ts +0 -21
  264. package/use-data-grid-control/actions-factory.js +0 -21
  265. package/use-data-grid-control/index.d.ts +0 -1
  266. package/use-data-grid-control/index.js +0 -17
  267. package/use-data-grid-control/use-data-grid-control.d.ts +0 -32
  268. package/use-data-grid-control/use-data-grid-control.js +0 -12
  269. package/use-data-grid-control/use-middleware-reducer.d.ts +0 -3
  270. package/use-data-grid-control/use-middleware-reducer.js +0 -19
  271. package/use-data-grid-fetching/index.d.ts +0 -1
  272. package/use-data-grid-fetching/index.js +0 -17
  273. package/use-data-grid-fetching/loader.d.ts +0 -2
  274. package/use-data-grid-fetching/loader.js +0 -6
  275. package/use-data-grid-fetching/use-data-grid-fetching.d.ts +0 -24
  276. package/use-data-grid-fetching/use-data-grid-fetching.js +0 -40
  277. package/user-config-storage-adapters/local-storage.d.ts +0 -3
  278. package/user-config-storage-adapters/local-storage.js +0 -32
  279. package/utils/create-filter-component-props.d.ts +0 -4
  280. package/utils/create-filter-component-props.js +0 -15
  281. package/utils/get-config-key.d.ts +0 -2
  282. package/utils/get-config-key.js +0 -6
  283. package/utils/merge-schema-with-config.d.ts +0 -3
  284. package/utils/merge-schema-with-config.js +0 -30
  285. package/utils/merge-schema-with-config.test.d.ts +0 -1
  286. package/utils/merge-schema-with-config.test.js +0 -57
  287. package/utils.d.ts +0 -6
  288. package/utils.js +0 -37
package/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export * from "./data-grid";
2
- export * from "./hooks/useCallbackRef";
3
- export * from "./types";
4
- export { decodeFilter, encodeFilter } from "./utils";
5
- export { mergeSchemaWithConfig } from "./utils/merge-schema-with-config";
package/index.js DELETED
@@ -1,25 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.mergeSchemaWithConfig = exports.encodeFilter = exports.decodeFilter = void 0;
18
- __exportStar(require("./data-grid"), exports);
19
- __exportStar(require("./hooks/useCallbackRef"), exports);
20
- __exportStar(require("./types"), exports);
21
- var utils_1 = require("./utils");
22
- Object.defineProperty(exports, "decodeFilter", { enumerable: true, get: function () { return utils_1.decodeFilter; } });
23
- Object.defineProperty(exports, "encodeFilter", { enumerable: true, get: function () { return utils_1.encodeFilter; } });
24
- var merge_schema_with_config_1 = require("./utils/merge-schema-with-config");
25
- Object.defineProperty(exports, "mergeSchemaWithConfig", { enumerable: true, get: function () { return merge_schema_with_config_1.mergeSchemaWithConfig; } });
@@ -1 +0,0 @@
1
- export * from "./linear-progress";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./linear-progress"), exports);
@@ -1,5 +0,0 @@
1
- import React from "react";
2
- export interface DataGridLinearProgressProps {
3
- isLoading: boolean;
4
- }
5
- export declare function DataGridLinearProgress(props: DataGridLinearProgressProps): React.JSX.Element;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridLinearProgress = DataGridLinearProgress;
7
- const cx_1 = require("@uxf/core/utils/cx");
8
- const react_1 = __importDefault(require("react"));
9
- function DataGridLinearProgress(props) {
10
- return (react_1.default.createElement("div", { className: "uxf-data-grid__linear-progress-wrapper" },
11
- react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__linear-progress", props.isLoading && "is-loading") })));
12
- }
@@ -1 +0,0 @@
1
- export * from "./pagination";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./pagination"), exports);
@@ -1,12 +0,0 @@
1
- import { Nullish } from "@uxf/core/types";
2
- import { PaginationSizes } from "@uxf/ui/pagination/theme";
3
- import React from "react";
4
- import { DataGridControl } from "../use-data-grid-control";
5
- interface DataGridPaginationProps extends DataGridControl {
6
- count: number | Nullish;
7
- showFirstButton?: boolean;
8
- showLastButton?: boolean;
9
- size?: keyof PaginationSizes;
10
- }
11
- export declare function DataGridPagination(props: DataGridPaginationProps): React.JSX.Element;
12
- export {};
@@ -1,15 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridPagination = DataGridPagination;
7
- const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
8
- const pagination_1 = require("@uxf/ui/pagination");
9
- const react_1 = __importDefault(require("react"));
10
- function DataGridPagination(props) {
11
- const pageCount = (0, is_not_nil_1.isNotNil)(props.count) && props.count > 0
12
- ? Math.max(Math.ceil(props.count / props.state.request.perPage), 1)
13
- : 1;
14
- return (react_1.default.createElement(pagination_1.Pagination, { count: pageCount, onPageChange: (value) => props.actions.changePage(value - 1), page: props.state.request.page + 1, showFirstButton: props.showFirstButton, showLastButton: props.showLastButton, size: props.size }));
15
- }
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Default(): React.JSX.Element;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Default = Default;
7
- const react_1 = __importDefault(require("react"));
8
- const json_renderer_1 = require("../_story-utils/json-renderer");
9
- const schema_1 = require("../_story-utils/schema");
10
- const use_data_grid_control_1 = require("../use-data-grid-control");
11
- const pagination_1 = require("./pagination");
12
- function Default() {
13
- const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
14
- return (react_1.default.createElement(react_1.default.Fragment, null,
15
- react_1.default.createElement(pagination_1.DataGridPagination, { actions: actions, count: 100, state: state }),
16
- react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
17
- }
package/root/index.d.ts DELETED
@@ -1 +0,0 @@
1
- export * from "./root";
package/root/index.js DELETED
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./root"), exports);
package/root/root.d.ts DELETED
@@ -1,6 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- export interface DataGridRootProps {
3
- children: ReactNode;
4
- className?: string;
5
- }
6
- export declare function DataGridRoot(props: DataGridRootProps): React.JSX.Element;
package/root/root.js DELETED
@@ -1,11 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridRoot = DataGridRoot;
7
- const cx_1 = require("@uxf/core/utils/cx");
8
- const react_1 = __importDefault(require("react"));
9
- function DataGridRoot(props) {
10
- return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid", props.className) }, props.children);
11
- }
@@ -1 +0,0 @@
1
- export * from "./row-counts";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./row-counts"), exports);
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { DataGridControl } from "../use-data-grid-control";
3
- export interface DataGridRowCountsProps {
4
- state: DataGridControl["state"];
5
- totalCount: number;
6
- count: number;
7
- }
8
- export declare function DataGridRowCounts(props: DataGridRowCountsProps): React.JSX.Element;
@@ -1,23 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridRowCounts = DataGridRowCounts;
7
- const show_1 = require("@uxf/core-react/components/show");
8
- const react_1 = __importDefault(require("react"));
9
- function DataGridRowCounts(props) {
10
- const fromNumber = props.state.request.page * props.state.request.perPage + 1;
11
- const toNumber = Math.min(props.state.request.page * props.state.request.perPage + props.state.request.perPage, props.totalCount);
12
- return (react_1.default.createElement("p", { className: "uxf-data-grid__pagination-counts" },
13
- fromNumber,
14
- "-",
15
- toNumber,
16
- " z ",
17
- props.count,
18
- " ",
19
- react_1.default.createElement(show_1.Show, { when: props.count !== props.totalCount },
20
- "(celkem ",
21
- props.totalCount,
22
- ")")));
23
- }
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Default(): React.JSX.Element;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Default = Default;
7
- const react_1 = __importDefault(require("react"));
8
- const schema_1 = require("../_story-utils/schema");
9
- const use_data_grid_control_1 = require("../use-data-grid-control");
10
- const row_counts_1 = require("./row-counts");
11
- function Default() {
12
- const { state } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
13
- return react_1.default.createElement(row_counts_1.DataGridRowCounts, { count: 100, state: state, totalCount: 150 });
14
- }
@@ -1 +0,0 @@
1
- export * from "./rows-per-page-select";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./rows-per-page-select"), exports);
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import { DataGridControl } from "../use-data-grid-control";
3
- export declare function DataGridRowsPerPageSelect(props: DataGridControl): React.JSX.Element;
@@ -1,19 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridRowsPerPageSelect = DataGridRowsPerPageSelect;
7
- const select_1 = require("@uxf/ui/select");
8
- const react_1 = __importDefault(require("react"));
9
- const PER_PAGE_OPTIONS = [
10
- { id: 10, label: "10" },
11
- { id: 25, label: "25" },
12
- { id: 50, label: "50" },
13
- { id: 100, label: "100" },
14
- ];
15
- function DataGridRowsPerPageSelect(props) {
16
- return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
17
- react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
18
- react_1.default.createElement(select_1.Select, { hiddenLabel: true, id: "uxf-data-grid--select-per-page", label: "Po\u010Det \u0159\u00E1dk\u016F", name: "rows-per-page", onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", value: props.state.request.perPage })));
19
- }
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Default(): React.JSX.Element;
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.Default = Default;
7
- const react_1 = __importDefault(require("react"));
8
- const json_renderer_1 = require("../_story-utils/json-renderer");
9
- const schema_1 = require("../_story-utils/schema");
10
- const use_data_grid_control_1 = require("../use-data-grid-control");
11
- const rows_per_page_select_1 = require("./rows-per-page-select");
12
- function Default() {
13
- const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
14
- return (react_1.default.createElement(react_1.default.Fragment, null,
15
- react_1.default.createElement(rows_per_page_select_1.DataGridRowsPerPageSelect, { actions: actions, state: state }),
16
- react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
17
- }
@@ -1 +0,0 @@
1
- export * from "./selected-rows-toolbar";
@@ -1,17 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./selected-rows-toolbar"), exports);
@@ -1,11 +0,0 @@
1
- import React, { FunctionComponent } from "react";
2
- import { DataGridControl } from "../use-data-grid-control";
3
- export interface SelectedRowsToolbarActionsProps extends DataGridControl {
4
- reload: () => Promise<any>;
5
- }
6
- export type SelectedRowsToolbarActionsComponent = FunctionComponent<SelectedRowsToolbarActionsProps>;
7
- export interface DataGridSelectedRowsToolbarProps extends DataGridControl {
8
- Actions?: SelectedRowsToolbarActionsComponent;
9
- reload: () => Promise<any>;
10
- }
11
- export declare function DataGridSelectedRowsToolbar(props: DataGridSelectedRowsToolbarProps): React.JSX.Element | null;
@@ -1,31 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DataGridSelectedRowsToolbar = DataGridSelectedRowsToolbar;
7
- const button_1 = require("@uxf/ui/button");
8
- const react_1 = __importDefault(require("react"));
9
- const getText = (count) => {
10
- if (count === 1) {
11
- return "Vybrán 1 záznam";
12
- }
13
- if (count < 5) {
14
- return `Vybrány ${count} záznamy`;
15
- }
16
- return `Vybráno ${count} záznamů`;
17
- };
18
- function DataGridSelectedRowsToolbar(props) {
19
- if (!props.state.selectedRows) {
20
- return null;
21
- }
22
- if (props.state.selectedRows.length === 0) {
23
- return null;
24
- }
25
- return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
26
- react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
27
- react_1.default.createElement("p", null, getText(props.state.selectedRows.length)),
28
- react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
29
- props.Actions && (react_1.default.createElement(props.Actions, { actions: props.actions, reload: props.reload, state: props.state })),
30
- react_1.default.createElement(button_1.Button, { onClick: () => props.actions.setSelectedRows([]) }, "Zru\u0161it v\u00FDb\u011Br")))));
31
- }
@@ -1,2 +0,0 @@
1
- import React from "react";
2
- export declare function Default(): React.JSX.Element;
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.Default = Default;
27
- const button_1 = require("@uxf/ui/button");
28
- const icon_1 = require("@uxf/ui/icon");
29
- const react_1 = __importStar(require("react"));
30
- const json_renderer_1 = require("../_story-utils/json-renderer");
31
- const schema_1 = require("../_story-utils/schema");
32
- const use_data_grid_control_1 = require("../use-data-grid-control");
33
- const selected_rows_toolbar_1 = require("./selected-rows-toolbar");
34
- function Default() {
35
- const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
36
- const reload = () => new Promise(() => null);
37
- (0, react_1.useEffect)(() => {
38
- actions.setSelectedRows([{ id: 1 }, { id: 2 }]);
39
- }, [actions]);
40
- return (react_1.default.createElement(react_1.default.Fragment, null,
41
- react_1.default.createElement(selected_rows_toolbar_1.DataGridSelectedRowsToolbar, { Actions: () => (react_1.default.createElement(button_1.Button, { isIconButton: true },
42
- react_1.default.createElement(icon_1.Icon, { name: "camera" }))), actions: actions, reload: reload, state: state }),
43
- react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
44
- }
@@ -1,6 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- interface ActionCellWrapperProps {
3
- children?: ReactNode;
4
- }
5
- export declare function ActionCellWrapper(props: ActionCellWrapperProps): React.JSX.Element;
6
- export {};
@@ -1,57 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.ActionCellWrapper = ActionCellWrapper;
27
- const react_1 = __importStar(require("react"));
28
- function ActionCellWrapper(props) {
29
- const innerRef = (0, react_1.useRef)(null);
30
- (0, react_1.useEffect)(() => {
31
- var _a;
32
- let scrollLeft = 0;
33
- let grid = null;
34
- const node = innerRef.current;
35
- if (!node) {
36
- return;
37
- }
38
- const scrollHandler = () => {
39
- grid === null || grid === void 0 ? void 0 : grid.scrollTo({ left: scrollLeft });
40
- grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
41
- };
42
- const focusHandler = () => {
43
- grid = node.closest(".rdg");
44
- if (grid) {
45
- scrollLeft = grid.scrollLeft;
46
- grid.addEventListener("scroll", scrollHandler);
47
- }
48
- };
49
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.addEventListener("focus", focusHandler, { capture: true });
50
- return () => {
51
- var _a;
52
- grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
53
- (_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("focus", focusHandler);
54
- };
55
- }, []);
56
- return (react_1.default.createElement("div", { className: "uxf-data-grid__action-cell-wrapper", ref: innerRef }, props.children));
57
- }
@@ -1,7 +0,0 @@
1
- import { ButtonListProps } from "@uxf/ui/button-list";
2
- import React from "react";
3
- export interface ActionCellProps {
4
- buttons: ButtonListProps["buttons"];
5
- visibleButtonsCount: ButtonListProps["visibleButtonsCount"];
6
- }
7
- export declare function ActionCell(props: ActionCellProps): React.JSX.Element;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.ActionCell = ActionCell;
7
- const button_list_1 = require("@uxf/ui/button-list");
8
- const react_1 = __importDefault(require("react"));
9
- const action_cell_wrapper_1 = require("./action-cell-wrapper");
10
- function ActionCell(props) {
11
- return (react_1.default.createElement(action_cell_wrapper_1.ActionCellWrapper, null,
12
- react_1.default.createElement(button_list_1.ButtonList, { buttons: props.buttons, size: "sm", variant: "secondary", visibleButtonsCount: props.visibleButtonsCount })));
13
- }
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import { RenderCheckboxProps } from "react-data-grid";
3
- export declare function SelectRowCheckbox(props: RenderCheckboxProps): React.JSX.Element;
@@ -1,40 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.SelectRowCheckbox = SelectRowCheckbox;
27
- const checkbox_1 = require("@uxf/ui/checkbox");
28
- const react_1 = __importStar(require("react"));
29
- function SelectRowCheckbox(props) {
30
- var _a;
31
- const handleChange = (value, e) => {
32
- if (typeof value !== "undefined") {
33
- const shiftKey = (e === null || e === void 0 ? void 0 : e.nativeEvent) && e.nativeEvent instanceof MouseEvent ? e.nativeEvent.shiftKey : false;
34
- props.onChange(value, shiftKey);
35
- }
36
- };
37
- const id = (0, react_1.useId)();
38
- return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
39
- react_1.default.createElement(checkbox_1.Checkbox, { ...props, name: id, onChange: handleChange, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false })));
40
- }
@@ -1,16 +0,0 @@
1
- import { DataGridHandle } from "react-data-grid";
2
- import { BaseGridType, DataGridBaseProps } from "../../types";
3
- export declare function useRdgVisuals(props: {
4
- headerRowHeight?: DataGridBaseProps<BaseGridType, any>["headerRowHeight"];
5
- rowHeight?: Exclude<DataGridBaseProps<BaseGridType, any>["rowHeight"], "auto">;
6
- rows: any[];
7
- }): {
8
- className: string;
9
- headerRowHeight: number;
10
- ready: boolean;
11
- ref: import("react").RefObject<DataGridHandle>;
12
- rowHeight: number | ((row: any) => number);
13
- style: {
14
- height: number | undefined;
15
- };
16
- };