@uxf/data-grid 3.2.0 → 4.0.0-beta.3
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/DataGrid.d.ts +1 -0
- package/DataGrid.js +52 -108
- package/README.md +105 -100
- package/index.d.ts +1 -6
- package/index.js +2 -7
- package/package.json +6 -11
- package/store/actions.d.ts +4 -0
- package/store/actions.js +7 -2
- package/store/reducer.js +6 -2
- package/tailwindui/DataGrid.d.ts +11 -0
- package/tailwindui/DataGrid.js +83 -0
- package/{components/ActionCellBase.d.ts → tailwindui/components/action-cell-base.d.ts} +1 -1
- package/tailwindui/components/action-cell-base.js +90 -0
- package/tailwindui/components/badge.d.ts +5 -0
- package/tailwindui/components/badge.js +18 -0
- package/{components/BodyCellBase.d.ts → tailwindui/components/body-cell-base.d.ts} +1 -1
- package/tailwindui/components/body-cell-base.js +23 -0
- package/{components/BodyCellWrapper.d.ts → tailwindui/components/body-cell-wrapper.d.ts} +0 -0
- package/tailwindui/components/body-cell-wrapper.js +13 -0
- package/tailwindui/components/circle-button.d.ts +9 -0
- package/tailwindui/components/circle-button.js +13 -0
- package/tailwindui/components/container.d.ts +2 -0
- package/tailwindui/components/container.js +20 -0
- package/tailwindui/components/drawer.d.ts +9 -0
- package/tailwindui/components/drawer.js +22 -0
- package/{components/FilterInputBase.d.ts → tailwindui/components/filter-input-base.d.ts} +1 -1
- package/tailwindui/components/filter-input-base.js +30 -0
- package/{components/FilterListItemBase.d.ts → tailwindui/components/filter-list-item-base.d.ts} +1 -1
- package/tailwindui/components/filter-list-item-base.js +34 -0
- package/tailwindui/components/filters-list.d.ts +2 -0
- package/tailwindui/components/filters-list.js +21 -0
- package/tailwindui/components/icons/chevron-double-left.d.ts +2 -0
- package/tailwindui/components/icons/chevron-double-left.js +13 -0
- package/tailwindui/components/icons/chevron-double-right.d.ts +2 -0
- package/tailwindui/components/icons/chevron-double-right.js +13 -0
- package/tailwindui/components/icons/chevron-left.d.ts +2 -0
- package/tailwindui/components/icons/chevron-left.js +13 -0
- package/tailwindui/components/icons/chevron-right.d.ts +2 -0
- package/tailwindui/components/icons/chevron-right.js +13 -0
- package/tailwindui/components/icons/cloud-download.d.ts +2 -0
- package/tailwindui/components/icons/cloud-download.js +13 -0
- package/tailwindui/components/icons/edit.d.ts +2 -0
- package/tailwindui/components/icons/edit.js +13 -0
- package/tailwindui/components/icons/filter.d.ts +2 -0
- package/tailwindui/components/icons/filter.js +13 -0
- package/tailwindui/components/icons/open.d.ts +2 -0
- package/tailwindui/components/icons/open.js +13 -0
- package/tailwindui/components/icons/table.d.ts +2 -0
- package/tailwindui/components/icons/table.js +13 -0
- package/tailwindui/components/icons/trash.d.ts +2 -0
- package/tailwindui/components/icons/trash.js +13 -0
- package/tailwindui/components/inputs/checkbox.d.ts +10 -0
- package/tailwindui/components/inputs/checkbox.js +23 -0
- package/tailwindui/components/inputs/select.d.ts +13 -0
- package/tailwindui/components/inputs/select.js +19 -0
- package/tailwindui/components/inputs/switch.d.ts +7 -0
- package/tailwindui/components/inputs/switch.js +19 -0
- package/tailwindui/components/inputs/text-input.d.ts +7 -0
- package/tailwindui/components/inputs/text-input.js +18 -0
- package/tailwindui/components/linear-progress.d.ts +2 -0
- package/tailwindui/components/linear-progress.js +10 -0
- package/tailwindui/components/no-rows-fallback.d.ts +2 -0
- package/tailwindui/components/no-rows-fallback.js +13 -0
- package/tailwindui/components/pagination.d.ts +2 -0
- package/tailwindui/components/pagination.js +55 -0
- package/tailwindui/components/tab.d.ts +6 -0
- package/tailwindui/components/tab.js +16 -0
- package/tailwindui/components/toolbar-container.d.ts +2 -0
- package/tailwindui/components/toolbar-container.js +12 -0
- package/tailwindui/index.d.ts +7 -0
- package/tailwindui/index.js +20 -0
- package/tailwindui/styles.css +60 -0
- package/tailwindui/toolbar-plugins/csv-export-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/csv-export-plugin.js +20 -0
- package/tailwindui/toolbar-plugins/filters-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/filters-plugin.js +67 -0
- package/tailwindui/toolbar-plugins/fulltext-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/fulltext-plugin.js +65 -0
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/hidden-columns-plugin.js +79 -0
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/tabs-filter-plugin.js +19 -0
- package/tailwindui/toolbar-plugins/title-plugin.d.ts +2 -0
- package/tailwindui/toolbar-plugins/title-plugin.js +16 -0
- package/tailwindui/ui.d.ts +2 -0
- package/tailwindui/ui.js +27 -0
- package/types.d.ts +89 -29
- package/{utils/utils.d.ts → utils.d.ts} +1 -1
- package/utils.js +37 -0
- package/components/ActionCellBase.js +0 -96
- package/components/BodyCellBase.js +0 -23
- package/components/BodyCellWrapper.js +0 -14
- package/components/Drawer.d.ts +0 -7
- package/components/Drawer.js +0 -42
- package/components/FilterInputBase.js +0 -43
- package/components/FilterListItemBase.js +0 -25
- package/components/Filters.d.ts +0 -11
- package/components/Filters.js +0 -66
- package/components/FiltersList.d.ts +0 -10
- package/components/FiltersList.js +0 -47
- package/components/HiddenColumns.d.ts +0 -10
- package/components/HiddenColumns.js +0 -79
- package/components/Paper.d.ts +0 -15
- package/components/Paper.js +0 -15
- package/translations/textLabels.d.ts +0 -42
- package/translations/textLabels.js +0 -45
- package/translations/textLabelsEn.d.ts +0 -42
- package/translations/textLabelsEn.js +0 -45
- package/translations/types.d.ts +0 -49
- package/translations/types.js +0 -3
- package/utils/utils.js +0 -36
package/store/reducer.js
CHANGED
|
@@ -37,7 +37,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
39
|
exports.reducer = exports.getInitialState = void 0;
|
|
40
|
-
var utils_1 = require("../utils
|
|
40
|
+
var utils_1 = require("../utils");
|
|
41
41
|
var getInitialState = function (schema, init) {
|
|
42
42
|
var _a, _b, _c, _d, _e, _f;
|
|
43
43
|
var initialState = init === undefined ? {} : typeof init === "string" ? (_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {} : init;
|
|
@@ -47,6 +47,8 @@ var getInitialState = function (schema, init) {
|
|
|
47
47
|
dir: (_d = initialState.dir) !== null && _d !== void 0 ? _d : schema.dir,
|
|
48
48
|
sort: (_e = initialState.sort) !== null && _e !== void 0 ? _e : schema.sort,
|
|
49
49
|
perPage: (_f = initialState.perPage) !== null && _f !== void 0 ? _f : schema.perPage,
|
|
50
|
+
mounted: false,
|
|
51
|
+
tab: schema.tabs.length > 0 ? schema.tabs[0].name : null,
|
|
50
52
|
};
|
|
51
53
|
};
|
|
52
54
|
exports.getInitialState = getInitialState;
|
|
@@ -76,6 +78,8 @@ var reducer = function (state, action) {
|
|
|
76
78
|
return __assign(__assign({}, state), { sort: null, dir: null });
|
|
77
79
|
case "FULLTEXT":
|
|
78
80
|
return __assign(__assign({}, state), { fullText: action.fullText, page: 0 });
|
|
81
|
+
case "CHANGE_TAB":
|
|
82
|
+
return __assign(__assign({}, state), { tab: action.name });
|
|
79
83
|
default:
|
|
80
84
|
// eslint-disable-next-line no-console
|
|
81
85
|
console.warn("Unknown datagrid action.", action);
|
|
@@ -83,4 +87,4 @@ var reducer = function (state, action) {
|
|
|
83
87
|
}
|
|
84
88
|
};
|
|
85
89
|
exports.reducer = reducer;
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVkdWNlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdG9yZS9yZWR1Y2VyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVBLGtDQUF3QztBQUVqQyxJQUFNLGVBQWUsR0FBRyxVQUFDLE1BQW1CLEVBQUUsSUFBdUI7O0lBQ3hFLElBQU0sWUFBWSxHQUFHLElBQUksS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFBLElBQUEsb0JBQVksRUFBQyxJQUFJLENBQUMsbUNBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDMUcsT0FBTztRQUNILENBQUMsRUFBRSxNQUFBLFlBQVksQ0FBQyxDQUFDLG1DQUFJLEVBQUU7UUFDdkIsSUFBSSxFQUFFLE1BQUEsWUFBWSxDQUFDLElBQUksbUNBQUksQ0FBQztRQUM1QixHQUFHLEVBQUUsTUFBQSxZQUFZLENBQUMsR0FBRyxtQ0FBSSxNQUFNLENBQUMsR0FBRztRQUNuQyxJQUFJLEVBQUUsTUFBQSxZQUFZLENBQUMsSUFBSSxtQ0FBSSxNQUFNLENBQUMsSUFBSTtRQUN0QyxPQUFPLEVBQUUsTUFBQSxZQUFZLENBQUMsT0FBTyxtQ0FBSSxNQUFNLENBQUMsT0FBTztRQUMvQyxPQUFPLEVBQUUsS0FBSztRQUNkLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJO0tBQzNELENBQUM7QUFDTixDQUFDLENBQUM7QUFYVyxRQUFBLGVBQWUsbUJBVzFCO0FBRUssSUFBTSxPQUFPLEdBQWdDLFVBQUMsS0FBSyxFQUFFLE1BQU07SUFDOUQsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ2pCLEtBQUssUUFBUTtZQUNULDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsSUFBSSxJQUNmO1FBQ04sS0FBSyxhQUFhO1lBQ2QsNkJBQ08sS0FBSyxLQUNSLE9BQU8sRUFBRSxLQUFLLEVBQ2QsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRLElBQzNCO1FBQ04sS0FBSyxlQUFlO1lBQ2hCLDZCQUNPLEtBQUssS0FDUixPQUFPLEVBQUUsS0FBSyxFQUNkLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxJQUNyQjtRQUNOLEtBQUssYUFBYTtZQUNkLDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksSUFDbkI7UUFDTixLQUFLLGlCQUFpQjtZQUNsQiw2QkFDTyxLQUFLLEtBQ1IsT0FBTyxFQUFFLE1BQU0sQ0FBQyxPQUFPLElBQ3pCO1FBQ04sS0FBSyxRQUFRO1lBQ1QsZ0RBQWdEO1lBQ2hELElBQU0sYUFBVyxHQUFrQixNQUFNLENBQUMsV0FBVyxDQUFDO1lBQ3RELDZCQUNPLEtBQUssS0FDUixJQUFJLEVBQUUsQ0FBQyxFQUNQLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxJQUFJLEtBQUssYUFBVyxDQUFDLElBQUksRUFBM0IsQ0FBMkIsQ0FBQztvQkFDN0MsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLFVBQUEsQ0FBQyxJQUFJLE9BQUEsQ0FBQyxDQUFDLENBQUMsSUFBSSxLQUFLLGFBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLGFBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQS9DLENBQStDLENBQUM7b0JBQ25FLENBQUMsd0NBQUssS0FBSyxDQUFDLENBQUMsWUFBRSxhQUFXLFNBQUMsSUFDakM7UUFDTixLQUFLLGNBQWM7WUFDZiw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLENBQUMsRUFDUCxDQUFDLEVBQUUsRUFBRSxJQUNQO1FBQ04sS0FBSyxNQUFNO1lBQ1AsNkJBQ08sS0FBSyxLQUNSLElBQUksRUFBRSxNQUFNLENBQUMsVUFBVSxFQUN2QixHQUFHLEVBQUUsTUFBTSxDQUFDLFNBQVMsSUFDdkI7UUFDTixLQUFLLFlBQVk7WUFDYiw2QkFDTyxLQUFLLEtBQ1IsSUFBSSxFQUFFLElBQUksRUFDVixHQUFHLEVBQUUsSUFBSSxJQUNYO1FBQ04sS0FBSyxVQUFVO1lBQ1gsNkJBQ08sS0FBSyxLQUNSLFFBQVEsRUFBRSxNQUFNLENBQUMsUUFBUSxFQUN6QixJQUFJLEVBQUUsQ0FBQyxJQUNUO1FBQ04sS0FBSyxZQUFZO1lBQ2IsNkJBQ08sS0FBSyxLQUNSLEdBQUcsRUFBRSxNQUFNLENBQUMsSUFBSSxJQUNsQjtRQUNOO1lBQ0ksc0NBQXNDO1lBQ3RDLE9BQU8sQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUUsTUFBTSxDQUFDLENBQUM7WUFDakQsT0FBTyxLQUFLLENBQUM7S0FDcEI7QUFDTCxDQUFDLENBQUM7QUF6RVcsUUFBQSxPQUFPLFdBeUVsQiJ9
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ActionCellWithRequiredWidth, BaseGridType, DataGridBaseProps, DataGridState, UIComponents } from "../types";
|
|
2
|
+
import { PureComponent } from "react";
|
|
3
|
+
export declare type DataGridProps<GridType extends BaseGridType, R> = DataGridBaseProps<GridType, R> & ActionCellWithRequiredWidth<R> & {
|
|
4
|
+
ui?: Partial<UIComponents<GridType, R>>;
|
|
5
|
+
};
|
|
6
|
+
export declare class DataGrid<GridType extends BaseGridType, R = any> extends PureComponent<DataGridProps<GridType, R>, DataGridState> {
|
|
7
|
+
private dataGridRef;
|
|
8
|
+
constructor(props: Readonly<DataGridProps<GridType, R>>);
|
|
9
|
+
reload(): Promise<void>;
|
|
10
|
+
render(): JSX.Element;
|
|
11
|
+
}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __assign = (this && this.__assign) || function () {
|
|
18
|
+
__assign = Object.assign || function(t) {
|
|
19
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
20
|
+
s = arguments[i];
|
|
21
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
22
|
+
t[p] = s[p];
|
|
23
|
+
}
|
|
24
|
+
return t;
|
|
25
|
+
};
|
|
26
|
+
return __assign.apply(this, arguments);
|
|
27
|
+
};
|
|
28
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
29
|
+
if (k2 === undefined) k2 = k;
|
|
30
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
31
|
+
}) : (function(o, m, k, k2) {
|
|
32
|
+
if (k2 === undefined) k2 = k;
|
|
33
|
+
o[k2] = m[k];
|
|
34
|
+
}));
|
|
35
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
36
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
37
|
+
}) : function(o, v) {
|
|
38
|
+
o["default"] = v;
|
|
39
|
+
});
|
|
40
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
41
|
+
if (mod && mod.__esModule) return mod;
|
|
42
|
+
var result = {};
|
|
43
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
44
|
+
__setModuleDefault(result, mod);
|
|
45
|
+
return result;
|
|
46
|
+
};
|
|
47
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
+
exports.DataGrid = void 0;
|
|
49
|
+
var DataGrid_1 = require("../DataGrid");
|
|
50
|
+
var react_1 = __importStar(require("react"));
|
|
51
|
+
var reducer_1 = require("../store/reducer");
|
|
52
|
+
var ui_1 = require("./ui");
|
|
53
|
+
var title_plugin_1 = require("./toolbar-plugins/title-plugin");
|
|
54
|
+
var fulltext_plugin_1 = require("./toolbar-plugins/fulltext-plugin");
|
|
55
|
+
var filters_plugin_1 = require("./toolbar-plugins/filters-plugin");
|
|
56
|
+
var hidden_columns_plugin_1 = require("./toolbar-plugins/hidden-columns-plugin");
|
|
57
|
+
var csv_export_plugin_1 = require("./toolbar-plugins/csv-export-plugin");
|
|
58
|
+
var TOOLBAR_PLUGINS = [
|
|
59
|
+
title_plugin_1.TitlePlugin,
|
|
60
|
+
fulltext_plugin_1.FulltextPlugin,
|
|
61
|
+
filters_plugin_1.FiltersPlugin,
|
|
62
|
+
hidden_columns_plugin_1.HiddenColumnsPlugin,
|
|
63
|
+
csv_export_plugin_1.CsvExportPlugin,
|
|
64
|
+
];
|
|
65
|
+
var DataGrid = /** @class */ (function (_super) {
|
|
66
|
+
__extends(DataGrid, _super);
|
|
67
|
+
function DataGrid(props) {
|
|
68
|
+
var _this = _super.call(this, props) || this;
|
|
69
|
+
_this.dataGridRef = (0, react_1.createRef)();
|
|
70
|
+
_this.state = (0, reducer_1.getInitialState)(props.schema, props.initialState);
|
|
71
|
+
return _this;
|
|
72
|
+
}
|
|
73
|
+
DataGrid.prototype.reload = function () {
|
|
74
|
+
var _a;
|
|
75
|
+
return (_a = this.dataGridRef.current) === null || _a === void 0 ? void 0 : _a.reload();
|
|
76
|
+
};
|
|
77
|
+
DataGrid.prototype.render = function () {
|
|
78
|
+
return (react_1.default.createElement(DataGrid_1.DataGrid, __assign({ ref: this.dataGridRef, toolbarPlugins: TOOLBAR_PLUGINS }, this.props, { ui: __assign(__assign({}, ui_1.UI), this.props.ui) })));
|
|
79
|
+
};
|
|
80
|
+
return DataGrid;
|
|
81
|
+
}(react_1.PureComponent));
|
|
82
|
+
exports.DataGrid = DataGrid;
|
|
83
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUdyaWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvdGFpbHdpbmR1aS9EYXRhR3JpZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBUUEsd0NBQXVEO0FBQ3ZELDZDQUF3RDtBQUN4RCw0Q0FBbUQ7QUFDbkQsMkJBQTBCO0FBQzFCLCtEQUE2RDtBQUM3RCxxRUFBbUU7QUFDbkUsbUVBQWlFO0FBQ2pFLGlGQUE4RTtBQUM5RSx5RUFBc0U7QUFPdEUsSUFBTSxlQUFlLEdBQW9CO0lBQ3JDLDBCQUFXO0lBQ1gsZ0NBQWM7SUFDZCw4QkFBYTtJQUNiLDJDQUFtQjtJQUNuQixtQ0FBZTtDQUNsQixDQUFDO0FBRUY7SUFBc0UsNEJBR3JFO0lBR0csa0JBQVksS0FBMkM7UUFBdkQsWUFDSSxrQkFBTSxLQUFLLENBQUMsU0FHZjtRQUZHLEtBQUksQ0FBQyxXQUFXLEdBQUcsSUFBQSxpQkFBUyxHQUFFLENBQUM7UUFDL0IsS0FBSSxDQUFDLEtBQUssR0FBRyxJQUFBLHlCQUFlLEVBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUMsWUFBWSxDQUFDLENBQUM7O0lBQ25FLENBQUM7SUFFTSx5QkFBTSxHQUFiOztRQUNJLE9BQU8sTUFBQSxJQUFJLENBQUMsV0FBVyxDQUFDLE9BQU8sMENBQUUsTUFBTSxFQUFFLENBQUM7SUFDOUMsQ0FBQztJQUVNLHlCQUFNLEdBQWI7UUFDSSxPQUFPLENBQ0gsOEJBQUMsbUJBQVksYUFDVCxHQUFHLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFDckIsY0FBYyxFQUFFLGVBQWUsSUFDM0IsSUFBSSxDQUFDLEtBQUssSUFDZCxFQUFFLHdCQUFRLE9BQVUsR0FBSyxJQUFJLENBQUMsS0FBSyxDQUFDLEVBQUUsS0FDeEMsQ0FDTCxDQUFDO0lBQ04sQ0FBQztJQUNMLGVBQUM7QUFBRCxDQUFDLEFBMUJELENBQXNFLHFCQUFhLEdBMEJsRjtBQTFCWSw0QkFBUSJ9
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { ActionCellComponent } from "
|
|
2
|
+
import { ActionCellComponent } from "../../types";
|
|
3
3
|
export declare const ActionCellWrapper: React.NamedExoticComponent<object>;
|
|
4
4
|
export declare const ActionCellBase: ActionCellComponent<any>;
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
+
exports.ActionCellBase = exports.ActionCellWrapper = void 0;
|
|
23
|
+
var open_1 = require("./icons/open");
|
|
24
|
+
var edit_1 = require("./icons/edit");
|
|
25
|
+
var trash_1 = require("./icons/trash");
|
|
26
|
+
var react_1 = __importStar(require("react"));
|
|
27
|
+
var circle_button_1 = require("./circle-button");
|
|
28
|
+
exports.ActionCellWrapper = (0, react_1.memo)(function (_a) {
|
|
29
|
+
var children = _a.children;
|
|
30
|
+
var innerRef = (0, react_1.useRef)(null);
|
|
31
|
+
(0, react_1.useEffect)(function () {
|
|
32
|
+
var _a;
|
|
33
|
+
var scrollLeft = 0;
|
|
34
|
+
var grid = null;
|
|
35
|
+
var node = innerRef.current;
|
|
36
|
+
if (!node) {
|
|
37
|
+
return;
|
|
38
|
+
}
|
|
39
|
+
var scrollHandler = function () {
|
|
40
|
+
grid === null || grid === void 0 ? void 0 : grid.scrollTo({ left: scrollLeft });
|
|
41
|
+
grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
|
|
42
|
+
};
|
|
43
|
+
var focusHandler = function () {
|
|
44
|
+
grid = node.closest(".rdg");
|
|
45
|
+
if (grid) {
|
|
46
|
+
scrollLeft = grid.scrollLeft;
|
|
47
|
+
grid.addEventListener("scroll", scrollHandler);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
(_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.addEventListener("focus", focusHandler, { capture: true });
|
|
51
|
+
return function () {
|
|
52
|
+
var _a;
|
|
53
|
+
grid === null || grid === void 0 ? void 0 : grid.removeEventListener("scroll", scrollHandler);
|
|
54
|
+
(_a = node.parentElement) === null || _a === void 0 ? void 0 : _a.removeEventListener("focus", focusHandler);
|
|
55
|
+
};
|
|
56
|
+
}, []);
|
|
57
|
+
return (react_1.default.createElement("div", { className: "flex align-center justify-center text-center w-full", ref: innerRef }, children));
|
|
58
|
+
});
|
|
59
|
+
exports.ActionCellWrapper.displayName = "ActionCellWrapper";
|
|
60
|
+
var ActionCellItem = (0, react_1.memo)(function (_a) {
|
|
61
|
+
var children = _a.children;
|
|
62
|
+
return (react_1.default.createElement("div", { className: "flex justify-center align-center text-center w-full" }, children));
|
|
63
|
+
});
|
|
64
|
+
ActionCellItem.displayName = "ActionCellItem";
|
|
65
|
+
var Button = function (props) {
|
|
66
|
+
var getUrl = props.getUrl, onClick = props.onClick, row = props.row, icon = props.icon, title = props.title;
|
|
67
|
+
if (getUrl) {
|
|
68
|
+
var href = getUrl(row);
|
|
69
|
+
if (!href) {
|
|
70
|
+
return null;
|
|
71
|
+
}
|
|
72
|
+
return (react_1.default.createElement(circle_button_1.CircleButton, { href: href, title: title }, icon));
|
|
73
|
+
}
|
|
74
|
+
if (onClick) {
|
|
75
|
+
return (react_1.default.createElement(circle_button_1.CircleButton, { title: title, onClick: function () { return onClick(row); } }, icon));
|
|
76
|
+
}
|
|
77
|
+
return null;
|
|
78
|
+
};
|
|
79
|
+
var ActionCellBase = function (props) {
|
|
80
|
+
var onOpen = props.onOpen, getOpenUrl = props.getOpenUrl, onEdit = props.onEdit, getEditUrl = props.getEditUrl, onRemove = props.onRemove, row = props.row;
|
|
81
|
+
if (!onOpen && !getOpenUrl && !onEdit && !getEditUrl && !onRemove) {
|
|
82
|
+
return null;
|
|
83
|
+
}
|
|
84
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
85
|
+
react_1.default.createElement(Button, { row: row, onClick: onRemove, getUrl: undefined, icon: react_1.default.createElement(trash_1.Trash, null), title: "Smazat" }),
|
|
86
|
+
react_1.default.createElement(Button, { row: row, onClick: onEdit, getUrl: getEditUrl, icon: react_1.default.createElement(edit_1.Edit, null), title: "Upravit" }),
|
|
87
|
+
react_1.default.createElement(Button, { row: row, onClick: onOpen, getUrl: getOpenUrl, icon: react_1.default.createElement(open_1.Open, null), title: "Detail" })));
|
|
88
|
+
};
|
|
89
|
+
exports.ActionCellBase = ActionCellBase;
|
|
90
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLWNlbGwtYmFzZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvYWN0aW9uLWNlbGwtYmFzZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLHFDQUFvQztBQUNwQyxxQ0FBb0M7QUFDcEMsdUNBQXNDO0FBQ3RDLDZDQUFrRTtBQUVsRSxpREFBK0M7QUFFbEMsUUFBQSxpQkFBaUIsR0FBRyxJQUFBLFlBQUksRUFBQyxVQUFDLEVBQVk7UUFBVixRQUFRLGNBQUE7SUFDN0MsSUFBTSxRQUFRLEdBQUcsSUFBQSxjQUFNLEVBQWlCLElBQUksQ0FBQyxDQUFDO0lBRTlDLElBQUEsaUJBQVMsRUFBQzs7UUFDTixJQUFJLFVBQVUsR0FBRyxDQUFDLENBQUM7UUFDbkIsSUFBSSxJQUFJLEdBQW1CLElBQUksQ0FBQztRQUVoQyxJQUFNLElBQUksR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDO1FBQzlCLElBQUksQ0FBQyxJQUFJLEVBQUU7WUFDUCxPQUFPO1NBQ1Y7UUFFRCxJQUFNLGFBQWEsR0FBRztZQUNsQixJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxDQUFDLENBQUM7WUFDckMsSUFBSSxhQUFKLElBQUksdUJBQUosSUFBSSxDQUFFLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUM7UUFFRixJQUFNLFlBQVksR0FBRztZQUNqQixJQUFJLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUM1QixJQUFJLElBQUksRUFBRTtnQkFDTixVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQztnQkFDN0IsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsQ0FBQzthQUNsRDtR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
|
|
@@ -0,0 +1,18 @@
|
|
|
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.Badge = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var Badge = function (props) {
|
|
9
|
+
var value = props.value, onClose = props.onClose;
|
|
10
|
+
return (react_1.default.createElement("span", { className: "inline-flex rounded-full items-center py-1 pl-2.5 pr-1 text-sm font-medium bg-gray-100 text-gray-700" },
|
|
11
|
+
value,
|
|
12
|
+
onClose && (react_1.default.createElement("button", { onClick: onClose, type: "button", title: "Smazat filtr", className: "flex-shrink-0 ml-0.5 h-4 w-4 rounded-full inline-flex items-center justify-center text-gray-400 hover:bg-gray-200 hover:text-gray-500 focus:outline-none focus:bg-gray-500 focus:text-white" },
|
|
13
|
+
react_1.default.createElement("span", { className: "sr-only" }, "Smazat filtr"),
|
|
14
|
+
react_1.default.createElement("svg", { className: "h-2 w-2", stroke: "currentColor", fill: "none", viewBox: "0 0 8 8" },
|
|
15
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeWidth: "1.5", d: "M1 1l6 6m0-6L1 7" }))))));
|
|
16
|
+
};
|
|
17
|
+
exports.Badge = Badge;
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFFbEMsSUFBTSxLQUFLLEdBQXlELFVBQUEsS0FBSztJQUNwRSxJQUFBLEtBQUssR0FBYyxLQUFLLE1BQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ2pDLE9BQU8sQ0FDSCx3Q0FBTSxTQUFTLEVBQUMsc0dBQXNHO1FBQ2pILEtBQUs7UUFDTCxPQUFPLElBQUksQ0FDUiwwQ0FDSSxPQUFPLEVBQUUsT0FBTyxFQUNoQixJQUFJLEVBQUMsUUFBUSxFQUNiLEtBQUssRUFBQyxjQUFjLEVBQ3BCLFNBQVMsRUFBQyw2TEFBNkw7WUFFdk0sd0NBQU0sU0FBUyxFQUFDLFNBQVMsbUJBQW9CO1lBQzdDLHVDQUFLLFNBQVMsRUFBQyxTQUFTLEVBQUMsTUFBTSxFQUFDLGNBQWMsRUFBQyxJQUFJLEVBQUMsTUFBTSxFQUFDLE9BQU8sRUFBQyxTQUFTO2dCQUN4RSx3Q0FBTSxhQUFhLEVBQUMsT0FBTyxFQUFDLFdBQVcsRUFBQyxLQUFLLEVBQUMsQ0FBQyxFQUFDLGtCQUFrQixHQUFHLENBQ25FLENBQ0QsQ0FDWixDQUNFLENBQ1YsQ0FBQztBQUNOLENBQUMsQ0FBQztBQXBCVyxRQUFBLEtBQUssU0FvQmhCIn0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { BodyCellComponent } from "
|
|
1
|
+
import { BodyCellComponent } from "../../types";
|
|
2
2
|
export declare const BodyCellBase: BodyCellComponent<any, any>;
|
|
@@ -0,0 +1,23 @@
|
|
|
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.BodyCellBase = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var checkbox_1 = require("./inputs/checkbox");
|
|
9
|
+
var body_cell_wrapper_1 = require("./body-cell-wrapper");
|
|
10
|
+
var BodyCellBase = function (props) {
|
|
11
|
+
var column = props.column, row = props.row;
|
|
12
|
+
var value = row[column.name];
|
|
13
|
+
if (column.type === "boolean") {
|
|
14
|
+
return (react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, typeof value === "boolean" ? react_1.default.createElement(checkbox_1.Checkbox, { checked: value, disabled: true }) : null));
|
|
15
|
+
}
|
|
16
|
+
var canRender = typeof value === "string" || typeof value === "number" || value === undefined || value === null;
|
|
17
|
+
if (canRender) {
|
|
18
|
+
return react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, value);
|
|
19
|
+
}
|
|
20
|
+
return react_1.default.createElement(body_cell_wrapper_1.BodyCellWrapper, { label: column.name }, "Nezn\u00E1m\u00E1 hodnota");
|
|
21
|
+
};
|
|
22
|
+
exports.BodyCellBase = BodyCellBase;
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JvZHktY2VsbC1iYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFDMUIsOENBQTZDO0FBRTdDLHlEQUFzRDtBQUUvQyxJQUFNLFlBQVksR0FBZ0MsVUFBQSxLQUFLO0lBQ2xELElBQUEsTUFBTSxHQUFVLEtBQUssT0FBZixFQUFFLEdBQUcsR0FBSyxLQUFLLElBQVYsQ0FBVztJQUM5QixJQUFNLEtBQUssR0FBRyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBRS9CLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLEVBQUU7UUFDM0IsT0FBTyxDQUNILDhCQUFDLG1DQUFlLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLElBQzlCLE9BQU8sS0FBSyxLQUFLLFNBQVMsQ0FBQyxDQUFDLENBQUMsOEJBQUMsbUJBQVEsSUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFFBQVEsU0FBRyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQzVELENBQ3JCLENBQUM7S0FDTDtJQUVELElBQU0sU0FBUyxHQUFHLE9BQU8sS0FBSyxLQUFLLFFBQVEsSUFBSSxPQUFPLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssSUFBSSxDQUFDO0lBRWxILElBQUksU0FBUyxFQUFFO1FBQ1gsT0FBTyw4QkFBQyxtQ0FBZSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLEtBQUssQ0FBbUIsQ0FBQztLQUN6RTtJQUVELE9BQU8sOEJBQUMsbUNBQWUsSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksZ0NBQW1DLENBQUM7QUFDbEYsQ0FBQyxDQUFDO0FBbkJXLFFBQUEsWUFBWSxnQkFtQnZCIn0=
|
|
File without changes
|
|
@@ -0,0 +1,13 @@
|
|
|
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.BodyCellWrapper = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var BodyCellWrapper = function (props) {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "flex items-center h-full", style: { userSelect: "text", lineHeight: 1.5 } },
|
|
10
|
+
react_1.default.createElement("div", { className: "w-full" }, props.children)));
|
|
11
|
+
};
|
|
12
|
+
exports.BodyCellWrapper = BodyCellWrapper;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXdyYXBwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2JvZHktY2VsbC13cmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBeUM7QUFPbEMsSUFBTSxlQUFlLEdBQW9CLFVBQUEsS0FBSztJQUNqRCxPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDBCQUEwQixFQUFDLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLEdBQUcsRUFBRTtRQUNwRix1Q0FBSyxTQUFTLEVBQUMsUUFBUSxJQUFFLEtBQUssQ0FBQyxRQUFRLENBQU8sQ0FDNUMsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBTlcsUUFBQSxlQUFlLG1CQU0xQiJ9
|
|
@@ -0,0 +1,13 @@
|
|
|
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.CircleButton = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var CircleButton = function (props) {
|
|
9
|
+
var _a = props.className, className = _a === void 0 ? "" : _a, onClick = props.onClick, title = props.title, children = props.children;
|
|
10
|
+
return (react_1.default.createElement("button", { onClick: onClick, type: "button", title: title, className: "inline-flex items-center p-2 rounded-full text-gray-600 bg-transparent hover:bg-gray-200 focus:outline-none focus:ring-primary-500 " + className }, children));
|
|
11
|
+
};
|
|
12
|
+
exports.CircleButton = CircleButton;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2lyY2xlLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvY2lyY2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQXlDO0FBVWxDLElBQU0sWUFBWSxHQUFnQyxVQUFBLEtBQUs7SUFDbEQsSUFBQSxLQUE2QyxLQUFLLFVBQXBDLEVBQWQsU0FBUyxtQkFBRyxFQUFFLEtBQUEsRUFBRSxPQUFPLEdBQXNCLEtBQUssUUFBM0IsRUFBRSxLQUFLLEdBQWUsS0FBSyxNQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUMzRCxPQUFPLENBQ0gsMENBQ0ksT0FBTyxFQUFFLE9BQU8sRUFDaEIsSUFBSSxFQUFDLFFBQVEsRUFDYixLQUFLLEVBQUUsS0FBSyxFQUNaLFNBQVMsRUFBRSx3SUFBc0ksU0FBVyxJQUUzSixRQUFRLENBQ0osQ0FDWixDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBWlcsUUFBQSxZQUFZLGdCQVl2QiJ9
|
|
@@ -0,0 +1,20 @@
|
|
|
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.Container = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var multi = function (value) { return (typeof value === "number" ? value * 8 : value); };
|
|
9
|
+
var Container = function (props) {
|
|
10
|
+
var _a, _b, _c, _d;
|
|
11
|
+
var mb = props.mb, ml = props.ml, mr = props.mr, mt = props.mt, mx = props.mx, my = props.my, m = props.m, noBorder = props.noBorder;
|
|
12
|
+
return (react_1.default.createElement("div", { className: noBorder ? undefined : "border border-gray-300 rounded", style: {
|
|
13
|
+
marginBottom: multi((_a = mb !== null && mb !== void 0 ? mb : my) !== null && _a !== void 0 ? _a : m),
|
|
14
|
+
marginTop: multi((_b = mt !== null && mt !== void 0 ? mt : my) !== null && _b !== void 0 ? _b : m),
|
|
15
|
+
marginRight: multi((_c = mr !== null && mr !== void 0 ? mr : mx) !== null && _c !== void 0 ? _c : m),
|
|
16
|
+
marginLeft: multi((_d = ml !== null && ml !== void 0 ? ml : mx) !== null && _d !== void 0 ? _d : m),
|
|
17
|
+
} }, props.children));
|
|
18
|
+
};
|
|
19
|
+
exports.Container = Container;
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9jb250YWluZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUcxQixJQUFNLEtBQUssR0FBRyxVQUFDLEtBQXlCLElBQUssT0FBQSxDQUFDLE9BQU8sS0FBSyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLEVBQS9DLENBQStDLENBQUM7QUFFdEYsSUFBTSxTQUFTLEdBQXVCLFVBQUEsS0FBSzs7SUFDdEMsSUFBQSxFQUFFLEdBQXNDLEtBQUssR0FBM0MsRUFBRSxFQUFFLEdBQWtDLEtBQUssR0FBdkMsRUFBRSxFQUFFLEdBQThCLEtBQUssR0FBbkMsRUFBRSxFQUFFLEdBQTBCLEtBQUssR0FBL0IsRUFBRSxFQUFFLEdBQXNCLEtBQUssR0FBM0IsRUFBRSxFQUFFLEdBQWtCLEtBQUssR0FBdkIsRUFBRSxDQUFDLEdBQWUsS0FBSyxFQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVztJQUN0RCxPQUFPLENBQ0gsdUNBQ0ksU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxnQ0FBZ0MsRUFDbEUsS0FBSyxFQUFFO1lBQ0gsWUFBWSxFQUFFLEtBQUssQ0FBQyxNQUFBLEVBQUUsYUFBRixFQUFFLGNBQUYsRUFBRSxHQUFJLEVBQUUsbUNBQUksQ0FBQyxDQUFDO1lBQ2xDLFNBQVMsRUFBRSxLQUFLLENBQUMsTUFBQSxFQUFFLGFBQUYsRUFBRSxjQUFGLEVBQUUsR0FBSSxFQUFFLG1DQUFJLENBQUMsQ0FBQztZQUMvQixXQUFXLEVBQUUsS0FBSyxDQUFDLE1BQUEsRUFBRSxhQUFGLEVBQUUsY0FBRixFQUFFLEdBQUksRUFBRSxtQ0FBSSxDQUFDLENBQUM7WUFDakMsVUFBVSxFQUFFLEtBQUssQ0FBQyxNQUFBLEVBQUUsYUFBRixFQUFFLGNBQUYsRUFBRSxHQUFJLEVBQUUsbUNBQUksQ0FBQyxDQUFDO1NBQ25DLElBRUEsS0FBSyxDQUFDLFFBQVEsQ0FDYixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFmVyxRQUFBLFNBQVMsYUFlcEIifQ==
|
|
@@ -0,0 +1,22 @@
|
|
|
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.Drawer = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var Drawer = function (props) {
|
|
9
|
+
var title = props.title, open = props.open, onClose = props.onClose, children = props.children;
|
|
10
|
+
return (react_1.default.createElement("main", { className: " fixed overflow-hidden z-10 bg-gray-900 bg-opacity-25 inset-0 transform ease-in-out " +
|
|
11
|
+
(open
|
|
12
|
+
? " transition-opacity opacity-100 duration-500 translate-x-0 "
|
|
13
|
+
: " transition-all delay-500 opacity-0 translate-x-full ") },
|
|
14
|
+
react_1.default.createElement("section", { className: " w-screen max-w-lg right-0 absolute bg-white h-full shadow-xl delay-400 duration-500 ease-in-out transition-all transform " +
|
|
15
|
+
(open ? " translate-x-0 " : " translate-x-full ") },
|
|
16
|
+
react_1.default.createElement("article", { className: "relative w-screen max-w-lg pb-10 flex flex-col overflow-y-scroll h-full" },
|
|
17
|
+
react_1.default.createElement("header", { className: "p-4 font-bold text-lg" }, title),
|
|
18
|
+
react_1.default.createElement("div", { className: "p-4" }, children))),
|
|
19
|
+
react_1.default.createElement("section", { className: " w-screen h-full cursor-pointer ", onClick: onClose })));
|
|
20
|
+
};
|
|
21
|
+
exports.Drawer = Drawer;
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9kcmF3ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUF5QztBQVNsQyxJQUFNLE1BQU0sR0FBMEIsVUFBQSxLQUFLO0lBQ3RDLElBQUEsS0FBSyxHQUE4QixLQUFLLE1BQW5DLEVBQUUsSUFBSSxHQUF3QixLQUFLLEtBQTdCLEVBQUUsT0FBTyxHQUFlLEtBQUssUUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFDakQsT0FBTyxDQUNILHdDQUNJLFNBQVMsRUFDTCxzRkFBc0Y7WUFDdEYsQ0FBQyxJQUFJO2dCQUNELENBQUMsQ0FBQyw4REFBOEQ7Z0JBQ2hFLENBQUMsQ0FBQyx3REFBd0QsQ0FBQztRQUduRSwyQ0FDSSxTQUFTLEVBQ0wsNkhBQTZIO2dCQUM3SCxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLG9CQUFvQixDQUFDO1lBR3JELDJDQUFTLFNBQVMsRUFBQyx5RUFBeUU7Z0JBQ3hGLDBDQUFRLFNBQVMsRUFBQyx1QkFBdUIsSUFBRSxLQUFLLENBQVU7Z0JBQzFELHVDQUFLLFNBQVMsRUFBQyxLQUFLLElBQUUsUUFBUSxDQUFPLENBQy9CLENBQ0o7UUFDViwyQ0FBUyxTQUFTLEVBQUMsa0NBQWtDLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RSxDQUNWLENBQUM7QUFDTixDQUFDLENBQUM7QUF6QlcsUUFBQSxNQUFNLFVBeUJqQiJ9
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FilterInputComponent } from "
|
|
1
|
+
import { FilterInputComponent } from "../../types";
|
|
2
2
|
export declare const FilterInputBase: FilterInputComponent<any>;
|
|
@@ -0,0 +1,30 @@
|
|
|
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.FilterInputBase = void 0;
|
|
7
|
+
var select_1 = require("./inputs/select");
|
|
8
|
+
var checkbox_1 = require("./inputs/checkbox");
|
|
9
|
+
var react_1 = __importDefault(require("react"));
|
|
10
|
+
var text_input_1 = require("./inputs/text-input");
|
|
11
|
+
var FilterInputBase = function (props) {
|
|
12
|
+
var _a, _b, _c;
|
|
13
|
+
var filter = props.filter, onFilter = props.onFilter, value = props.value;
|
|
14
|
+
switch (filter.type) {
|
|
15
|
+
case "select":
|
|
16
|
+
return (react_1.default.createElement(select_1.Select, { id: "datagrid-filter--" + filter.name, label: filter.label, value: (_a = value === null || value === void 0 ? void 0 : value.value) !== null && _a !== void 0 ? _a : null, options: (_b = filter.options) !== null && _b !== void 0 ? _b : [], onChange: function (e) { return onFilter({ name: filter.name, value: e !== null && e !== void 0 ? e : null }); }, className: "w-full" }));
|
|
17
|
+
case "boolean":
|
|
18
|
+
case "checkbox":
|
|
19
|
+
return (react_1.default.createElement(checkbox_1.Checkbox, { checked: !!(value === null || value === void 0 ? void 0 : value.value), onChange: function (checked) { return onFilter({ name: filter.name, value: checked }); }, label: filter.label }));
|
|
20
|
+
case "text":
|
|
21
|
+
case "string":
|
|
22
|
+
return (react_1.default.createElement(text_input_1.TextInput, { value: (_c = value === null || value === void 0 ? void 0 : value.value) !== null && _c !== void 0 ? _c : "", onChange: function (v) { return onFilter({ name: filter.name, value: v }); }, label: filter.label }));
|
|
23
|
+
default:
|
|
24
|
+
// eslint-disable-next-line no-console
|
|
25
|
+
console.warn("Unknown filter type '" + filter.type + "'.");
|
|
26
|
+
return null;
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
exports.FilterInputBase = FilterInputBase;
|
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWlucHV0LWJhc2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ZpbHRlci1pbnB1dC1iYXNlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSwwQ0FBeUM7QUFDekMsOENBQTZDO0FBQzdDLGdEQUEwQjtBQUUxQixrREFBZ0Q7QUFFekMsSUFBTSxlQUFlLEdBQThCLFVBQUEsS0FBSzs7SUFDbkQsSUFBQSxNQUFNLEdBQXNCLEtBQUssT0FBM0IsRUFBRSxRQUFRLEdBQVksS0FBSyxTQUFqQixFQUFFLEtBQUssR0FBSyxLQUFLLE1BQVYsQ0FBVztJQUUxQyxRQUFRLE1BQU0sQ0FBQyxJQUFJLEVBQUU7UUFDakIsS0FBSyxRQUFRO1lBQ1QsT0FBTyxDQUNILDhCQUFDLGVBQU0sSUFDSCxFQUFFLEVBQUUsc0JBQW9CLE1BQU0sQ0FBQyxJQUFNLEVBQ3JDLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxFQUNuQixLQUFLLEVBQUUsTUFBQSxLQUFLLGFBQUwsS0FBSyx1QkFBTCxLQUFLLENBQUUsS0FBSyxtQ0FBSSxJQUFJLEVBQzNCLE9BQU8sRUFBRSxNQUFBLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLEVBQUUsRUFDN0IsUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsYUFBRCxDQUFDLGNBQUQsQ0FBQyxHQUFJLElBQUksRUFBRSxDQUFDLEVBQWpELENBQWlELEVBQ2hFLFNBQVMsRUFBQyxRQUFRLEdBQ3BCLENBQ0wsQ0FBQztRQUNOLEtBQUssU0FBUyxDQUFDO1FBQ2YsS0FBSyxVQUFVO1lBQ1gsT0FBTyxDQUNILDhCQUFDLG1CQUFRLElBQ0wsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLENBQUEsRUFDdkIsUUFBUSxFQUFFLFVBQUEsT0FBTyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQS9DLENBQStDLEVBQ3BFLEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNMLENBQUM7UUFDTixLQUFLLE1BQU0sQ0FBQztRQUNaLEtBQUssUUFBUTtZQUNULE9BQU8sQ0FDSCw4QkFBQyxzQkFBUyxJQUNOLEtBQUssRUFBRSxNQUFBLEtBQUssYUFBTCxLQUFLLHVCQUFMLEtBQUssQ0FBRSxLQUFLLG1DQUFJLEVBQUUsRUFDekIsUUFBUSxFQUFFLFVBQUEsQ0FBQyxJQUFJLE9BQUEsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQXpDLENBQXlDLEVBQ3hELEtBQUssRUFBRSxNQUFNLENBQUMsS0FBSyxHQUNyQixDQUNMLENBQUM7UUFDTjtZQUNJLHNDQUFzQztZQUN0QyxPQUFPLENBQUMsSUFBSSxDQUFDLDBCQUF3QixNQUFNLENBQUMsSUFBSSxPQUFJLENBQUMsQ0FBQztZQUN0RCxPQUFPLElBQUksQ0FBQztLQUNuQjtBQUNMLENBQUMsQ0FBQztBQXRDVyxRQUFBLGVBQWUsbUJBc0MxQiJ9
|
package/{components/FilterListItemBase.d.ts → tailwindui/components/filter-list-item-base.d.ts}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { FilterListItemComponent } from "
|
|
1
|
+
import { FilterListItemComponent } from "../../types";
|
|
2
2
|
export declare const FilterListItemBase: FilterListItemComponent<any>;
|
|
@@ -0,0 +1,34 @@
|
|
|
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.FilterListItemBase = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var badge_1 = require("./badge");
|
|
9
|
+
var FilterListItemBase = function (props) {
|
|
10
|
+
var _a, _b;
|
|
11
|
+
var filter = props.filter, value = props.value, onFilter = props.onFilter;
|
|
12
|
+
if (!value.value) {
|
|
13
|
+
return null;
|
|
14
|
+
}
|
|
15
|
+
if (filter.type === "select") {
|
|
16
|
+
var filterOption = (_a = filter.options) === null || _a === void 0 ? void 0 : _a.find(function (o) { return o.id === value.value; });
|
|
17
|
+
return (react_1.default.createElement(badge_1.Badge, { value: react_1.default.createElement(react_1.default.Fragment, null,
|
|
18
|
+
react_1.default.createElement("strong", null,
|
|
19
|
+
filter.label,
|
|
20
|
+
":"),
|
|
21
|
+
"\u00A0", (_b = filterOption === null || filterOption === void 0 ? void 0 : filterOption.label) !== null && _b !== void 0 ? _b : "---"), onClose: function () { return onFilter({ name: filter.name, value: null }); } }));
|
|
22
|
+
}
|
|
23
|
+
if (filter.type === "boolean" || filter.type === "checkbox") {
|
|
24
|
+
return react_1.default.createElement(badge_1.Badge, { value: "" + filter.label, onClose: function () { return onFilter({ name: filter.name, value: null }); } });
|
|
25
|
+
}
|
|
26
|
+
return (react_1.default.createElement(badge_1.Badge, { value: react_1.default.createElement(react_1.default.Fragment, null,
|
|
27
|
+
react_1.default.createElement("strong", null,
|
|
28
|
+
filter.label,
|
|
29
|
+
":"),
|
|
30
|
+
"\u00A0",
|
|
31
|
+
value.value), onClose: function () { return onFilter({ name: filter.name, value: null }); } }));
|
|
32
|
+
};
|
|
33
|
+
exports.FilterListItemBase = FilterListItemBase;
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVyLWxpc3QtaXRlbS1iYXNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9maWx0ZXItbGlzdC1pdGVtLWJhc2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUUxQixpQ0FBZ0M7QUFFekIsSUFBTSxrQkFBa0IsR0FBaUMsVUFBQSxLQUFLOztJQUN6RCxJQUFBLE1BQU0sR0FBc0IsS0FBSyxPQUEzQixFQUFFLEtBQUssR0FBZSxLQUFLLE1BQXBCLEVBQUUsUUFBUSxHQUFLLEtBQUssU0FBVixDQUFXO0lBRTFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFO1FBQ2QsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxRQUFRLEVBQUU7UUFDMUIsSUFBTSxZQUFZLEdBQUcsTUFBQSxNQUFNLENBQUMsT0FBTywwQ0FBRSxJQUFJLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsRUFBRSxLQUFLLEtBQUssQ0FBQyxLQUFLLEVBQXBCLENBQW9CLENBQUMsQ0FBQztRQUVyRSxPQUFPLENBQ0gsOEJBQUMsYUFBSyxJQUNGLEtBQUssRUFDRDtnQkFDSTtvQkFBUyxNQUFNLENBQUMsS0FBSzt3QkFBVzswQkFBTyxNQUFBLFlBQVksYUFBWixZQUFZLHVCQUFaLFlBQVksQ0FBRSxLQUFLLG1DQUFJLEtBQUssQ0FDcEUsRUFFUCxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUE1QyxDQUE0QyxHQUM3RCxDQUNMLENBQUM7S0FDTDtJQUVELElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxTQUFTLElBQUksTUFBTSxDQUFDLElBQUksS0FBSyxVQUFVLEVBQUU7UUFDekQsT0FBTyw4QkFBQyxhQUFLLElBQUMsS0FBSyxFQUFFLEtBQUcsTUFBTSxDQUFDLEtBQU8sRUFBRSxPQUFPLEVBQUUsY0FBTSxPQUFBLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsQ0FBQyxFQUE1QyxDQUE0QyxHQUFJLENBQUM7S0FDM0c7SUFFRCxPQUFPLENBQ0gsOEJBQUMsYUFBSyxJQUNGLEtBQUssRUFDRDtZQUNJO2dCQUFTLE1BQU0sQ0FBQyxLQUFLO29CQUFXOztZQUFPLEtBQUssQ0FBQyxLQUFLLENBQ25ELEVBRVAsT0FBTyxFQUFFLGNBQU0sT0FBQSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLENBQUMsRUFBNUMsQ0FBNEMsR0FDN0QsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBcENXLFFBQUEsa0JBQWtCLHNCQW9DN0IifQ==
|
|
@@ -0,0 +1,21 @@
|
|
|
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.FiltersList = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var FiltersList = function (props) {
|
|
9
|
+
var filters = props.filters, filtersData = props.filtersData, FilterListItem = props.FilterListItem, onFilter = props.onFilter;
|
|
10
|
+
if (filters.length === 0) {
|
|
11
|
+
return null;
|
|
12
|
+
}
|
|
13
|
+
return (react_1.default.createElement("div", { className: "py-2 flex flex-row space-x-2" }, filters.map(function (f1) {
|
|
14
|
+
var _a;
|
|
15
|
+
var value = (_a = filtersData.find(function (f2) { return f2.name === f1.name; })) !== null && _a !== void 0 ? _a : { name: f1.name, value: null };
|
|
16
|
+
return value.value ? (react_1.default.createElement("div", { key: "" + f1.name },
|
|
17
|
+
react_1.default.createElement(FilterListItem, { filter: f1, value: value, onFilter: onFilter }))) : null;
|
|
18
|
+
})));
|
|
19
|
+
};
|
|
20
|
+
exports.FiltersList = FiltersList;
|
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsdGVycy1saXN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9maWx0ZXJzLWxpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLFdBQVcsR0FBd0IsVUFBQSxLQUFLO0lBQ3pDLElBQUEsT0FBTyxHQUE0QyxLQUFLLFFBQWpELEVBQUUsV0FBVyxHQUErQixLQUFLLFlBQXBDLEVBQUUsY0FBYyxHQUFlLEtBQUssZUFBcEIsRUFBRSxRQUFRLEdBQUssS0FBSyxTQUFWLENBQVc7SUFFakUsSUFBSSxPQUFPLENBQUMsTUFBTSxLQUFLLENBQUMsRUFBRTtRQUN0QixPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILHVDQUFLLFNBQVMsRUFBQyw4QkFBOEIsSUFDeEMsT0FBTyxDQUFDLEdBQUcsQ0FBQyxVQUFBLEVBQUU7O1FBQ1gsSUFBTSxLQUFLLEdBQUcsTUFBQSxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQUEsRUFBRSxJQUFJLE9BQUEsRUFBRSxDQUFDLElBQUksS0FBSyxFQUFFLENBQUMsSUFBSSxFQUFuQixDQUFtQixDQUFDLG1DQUFJLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRSxDQUFDO1FBRTVGLE9BQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FDakIsdUNBQUssR0FBRyxFQUFFLEtBQUcsRUFBRSxDQUFDLElBQU07WUFDbEIsOEJBQUMsY0FBYyxJQUFDLE1BQU0sRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxHQUFJLENBQzlELENBQ1QsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0lBQ2IsQ0FBQyxDQUFDLENBQ0EsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBcEJXLFFBQUEsV0FBVyxlQW9CdEIifQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
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.ChevronDoubleLeft = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var ChevronDoubleLeft = function () {
|
|
9
|
+
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
|
|
10
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M11 19l-7-7 7-7m8 14l-7-7 7-7" })));
|
|
11
|
+
};
|
|
12
|
+
exports.ChevronDoubleLeft = ChevronDoubleLeft;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi1kb3VibGUtbGVmdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvaWNvbnMvY2hldnJvbi1kb3VibGUtbGVmdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRW5CLElBQU0saUJBQWlCLEdBQWE7SUFDdkMsT0FBTyxDQUNILHVDQUNJLEtBQUssRUFBQyw0QkFBNEIsRUFDbEMsU0FBUyxFQUFDLFNBQVMsRUFDbkIsSUFBSSxFQUFDLE1BQU0sRUFDWCxPQUFPLEVBQUMsV0FBVyxFQUNuQixNQUFNLEVBQUMsY0FBYyxFQUNyQixXQUFXLEVBQUUsQ0FBQztRQUVkLHdDQUFNLGFBQWEsRUFBQyxPQUFPLEVBQUMsY0FBYyxFQUFDLE9BQU8sRUFBQyxDQUFDLEVBQUMsK0JBQStCLEdBQUcsQ0FDckYsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBYlcsUUFBQSxpQkFBaUIscUJBYTVCIn0=
|
|
@@ -0,0 +1,13 @@
|
|
|
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.ChevronDoubleRight = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var ChevronDoubleRight = function () {
|
|
9
|
+
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
|
|
10
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M13 5l7 7-7 7M5 5l7 7-7 7" })));
|
|
11
|
+
};
|
|
12
|
+
exports.ChevronDoubleRight = ChevronDoubleRight;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi1kb3VibGUtcmlnaHQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9jb21wb25lbnRzL2ljb25zL2NoZXZyb24tZG91YmxlLXJpZ2h0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFFbkIsSUFBTSxrQkFBa0IsR0FBYTtJQUN4QyxPQUFPLENBQ0gsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxjQUFjLEVBQ3JCLFdBQVcsRUFBRSxDQUFDO1FBRWQsd0NBQU0sYUFBYSxFQUFDLE9BQU8sRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLENBQUMsRUFBQywyQkFBMkIsR0FBRyxDQUNqRixDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFiVyxRQUFBLGtCQUFrQixzQkFhN0IifQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
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.ChevronLeft = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var ChevronLeft = function () {
|
|
9
|
+
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
|
|
10
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15 19l-7-7 7-7" })));
|
|
11
|
+
};
|
|
12
|
+
exports.ChevronLeft = ChevronLeft;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi1sZWZ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3RhaWx3aW5kdWkvY29tcG9uZW50cy9pY29ucy9jaGV2cm9uLWxlZnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUVuQixJQUFNLFdBQVcsR0FBYTtJQUNqQyxPQUFPLENBQ0gsdUNBQ0ksS0FBSyxFQUFDLDRCQUE0QixFQUNsQyxTQUFTLEVBQUMsU0FBUyxFQUNuQixJQUFJLEVBQUMsTUFBTSxFQUNYLE9BQU8sRUFBQyxXQUFXLEVBQ25CLE1BQU0sRUFBQyxjQUFjLEVBQ3JCLFdBQVcsRUFBRSxDQUFDO1FBRWQsd0NBQU0sYUFBYSxFQUFDLE9BQU8sRUFBQyxjQUFjLEVBQUMsT0FBTyxFQUFDLENBQUMsRUFBQyxpQkFBaUIsR0FBRyxDQUN2RSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFiVyxRQUFBLFdBQVcsZUFhdEIifQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
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.ChevronRight = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var ChevronRight = function () {
|
|
9
|
+
return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2 },
|
|
10
|
+
react_1.default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5l7 7-7 7" })));
|
|
11
|
+
};
|
|
12
|
+
exports.ChevronRight = ChevronRight;
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hldnJvbi1yaWdodC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvaWNvbnMvY2hldnJvbi1yaWdodC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBRW5CLElBQU0sWUFBWSxHQUFhO0lBQ2xDLE9BQU8sQ0FDSCx1Q0FDSSxLQUFLLEVBQUMsNEJBQTRCLEVBQ2xDLFNBQVMsRUFBQyxTQUFTLEVBQ25CLElBQUksRUFBQyxNQUFNLEVBQ1gsT0FBTyxFQUFDLFdBQVcsRUFDbkIsTUFBTSxFQUFDLGNBQWMsRUFDckIsV0FBVyxFQUFFLENBQUM7UUFFZCx3Q0FBTSxhQUFhLEVBQUMsT0FBTyxFQUFDLGNBQWMsRUFBQyxPQUFPLEVBQUMsQ0FBQyxFQUFDLGNBQWMsR0FBRyxDQUNwRSxDQUNULENBQUM7QUFDTixDQUFDLENBQUM7QUFiVyxRQUFBLFlBQVksZ0JBYXZCIn0=
|