@akinon/akifilter 0.4.0 → 0.5.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.
- package/dist/cjs/components/AppliedFilters/AppliedFilterItem.d.ts.map +1 -1
- package/dist/cjs/components/AppliedFilters/AppliedFilterItem.js +15 -6
- package/dist/cjs/components/AppliedFilters/common.d.ts.map +1 -1
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/esm/components/AppliedFilters/AppliedFilterItem.d.ts.map +1 -1
- package/dist/esm/components/AppliedFilters/AppliedFilterItem.js +15 -6
- package/dist/esm/components/AppliedFilters/common.d.ts.map +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppliedFilterItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/AppliedFilterItem.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAKtB,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AppliedFilterItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/AppliedFilterItem.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAKtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE;QACd,MAAM;QACN,CACI,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GACrC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAAE,CAC1C;KACF,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,uBAE3B,sBAAsB,6BAqGxB,CAAC"}
|
|
@@ -6,6 +6,7 @@ const icons_1 = require("@akinon/icons");
|
|
|
6
6
|
const ui_space_1 = require("@akinon/ui-space");
|
|
7
7
|
const ui_typography_1 = require("@akinon/ui-typography");
|
|
8
8
|
const react_1 = require("react");
|
|
9
|
+
const dayjs_1 = require("dayjs");
|
|
9
10
|
const FilterContext_1 = require("../FilterContext");
|
|
10
11
|
const lodash_1 = require("lodash");
|
|
11
12
|
const AppliedFilterItem = ({ filterKeyValue }) => {
|
|
@@ -38,16 +39,24 @@ const AppliedFilterItem = ({ filterKeyValue }) => {
|
|
|
38
39
|
});
|
|
39
40
|
};
|
|
40
41
|
const inputField = filterItem;
|
|
42
|
+
const renderFilterValue = (value) => {
|
|
43
|
+
if (value instanceof Date) {
|
|
44
|
+
return (0, dayjs_1.default)(value).format('YYYY-MM-DD');
|
|
45
|
+
}
|
|
46
|
+
if ((0, lodash_1.isBoolean)(value)) {
|
|
47
|
+
return value.toString();
|
|
48
|
+
}
|
|
49
|
+
if ((0, lodash_1.isArray)(value)) {
|
|
50
|
+
return value.join(', ');
|
|
51
|
+
}
|
|
52
|
+
return value;
|
|
53
|
+
};
|
|
41
54
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
42
55
|
react_1.default.createElement(ui_space_1.Space, { key: filterKey, align: "center", className: "active-filter-item" },
|
|
43
56
|
react_1.default.createElement(ui_typography_1.Text, { className: "active-filter-item__label" }, inputField === null || inputField === void 0 ? void 0 :
|
|
44
|
-
inputField.
|
|
57
|
+
inputField.label,
|
|
45
58
|
":"),
|
|
46
|
-
react_1.default.createElement(ui_typography_1.Text, { className: "active-filter-item__value" }, (
|
|
47
|
-
? filterValue.toString()
|
|
48
|
-
: (0, lodash_1.isArray)(filterValue)
|
|
49
|
-
? filterValue.join(', ')
|
|
50
|
-
: filterValue),
|
|
59
|
+
react_1.default.createElement(ui_typography_1.Text, { className: "active-filter-item__value" }, renderFilterValue(filterValue)),
|
|
51
60
|
react_1.default.createElement(icons_1.Icon, { icon: "close", size: 20, className: "active-filter-item__remove-filter-icon", onClick: () => handleRemoveFilter(filterKey) }))));
|
|
52
61
|
};
|
|
53
62
|
exports.AppliedFilterItem = AppliedFilterItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/common.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW,GAAG,YAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/common.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW,GAAG,YAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB,gCAGhC;IACD,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC3B,QA8BA,CAAC"}
|
package/dist/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;IAOF,wBAAwB,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,kFAKnB,WAAW,sBAsBb,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppliedFilterItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/AppliedFilterItem.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAKtB,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AppliedFilterItem.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/AppliedFilterItem.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAKtB,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAMpD,KAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE;QACd,MAAM;QACN,CACI,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,GACrC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,EAAE,CAC1C;KACF,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,iBAAiB,uBAE3B,sBAAsB,6BAqGxB,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { Icon } from '@akinon/icons';
|
|
|
3
3
|
import { Space } from '@akinon/ui-space';
|
|
4
4
|
import { Text } from '@akinon/ui-typography';
|
|
5
5
|
import React from 'react';
|
|
6
|
+
import dayjs from 'dayjs';
|
|
6
7
|
import { useFilterContext } from '../FilterContext';
|
|
7
8
|
import { isArray, isBoolean } from 'lodash';
|
|
8
9
|
export const AppliedFilterItem = ({ filterKeyValue }) => {
|
|
@@ -35,15 +36,23 @@ export const AppliedFilterItem = ({ filterKeyValue }) => {
|
|
|
35
36
|
});
|
|
36
37
|
};
|
|
37
38
|
const inputField = filterItem;
|
|
39
|
+
const renderFilterValue = (value) => {
|
|
40
|
+
if (value instanceof Date) {
|
|
41
|
+
return dayjs(value).format('YYYY-MM-DD');
|
|
42
|
+
}
|
|
43
|
+
if (isBoolean(value)) {
|
|
44
|
+
return value.toString();
|
|
45
|
+
}
|
|
46
|
+
if (isArray(value)) {
|
|
47
|
+
return value.join(', ');
|
|
48
|
+
}
|
|
49
|
+
return value;
|
|
50
|
+
};
|
|
38
51
|
return (React.createElement(React.Fragment, null,
|
|
39
52
|
React.createElement(Space, { key: filterKey, align: "center", className: "active-filter-item" },
|
|
40
53
|
React.createElement(Text, { className: "active-filter-item__label" }, inputField === null || inputField === void 0 ? void 0 :
|
|
41
|
-
inputField.
|
|
54
|
+
inputField.label,
|
|
42
55
|
":"),
|
|
43
|
-
React.createElement(Text, { className: "active-filter-item__value" },
|
|
44
|
-
? filterValue.toString()
|
|
45
|
-
: isArray(filterValue)
|
|
46
|
-
? filterValue.join(', ')
|
|
47
|
-
: filterValue),
|
|
56
|
+
React.createElement(Text, { className: "active-filter-item__value" }, renderFilterValue(filterValue)),
|
|
48
57
|
React.createElement(Icon, { icon: "close", size: 20, className: "active-filter-item__remove-filter-icon", onClick: () => handleRemoveFilter(filterKey) }))));
|
|
49
58
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/common.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW,GAAG,YAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB;
|
|
1
|
+
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../src/components/AppliedFilters/common.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,UAAW,GAAG,YAAuC,CAAC;AAE/E,eAAO,MAAM,sBAAsB,gCAGhC;IACD,UAAU,EAAE,GAAG,CAAC;IAChB,WAAW,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC3B,QA8BA,CAAC"}
|
package/dist/esm/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAY9D,MAAM,MAAM,WAAW,GAAG;IAExB,YAAY,EAAE,SAAS,EAAE,CAAC;IAG1B,iBAAiB,EAAE;QACjB,WAAW,CAAC,gBAAgB,CAAC;QAC7B,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC;KACpE,CAAC;IAOF,wBAAwB,CAAC,EAAE,SAAS,EAAE,CAAC;IAEvC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,kFAKnB,WAAW,sBAsBb,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@akinon/akifilter",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.5.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -15,13 +15,13 @@
|
|
|
15
15
|
"react-hook-form": "7.48.2",
|
|
16
16
|
"react-hook-form-antd": "1.0.1",
|
|
17
17
|
"use-immer": "^0.9.0",
|
|
18
|
-
"@akinon/akiform-builder": "^0.
|
|
19
|
-
"@akinon/icons": "^0.4.0",
|
|
18
|
+
"@akinon/akiform-builder": "^0.5.0",
|
|
20
19
|
"@akinon/ui-divider": "0.3.0",
|
|
21
20
|
"@akinon/ui-input": "0.4.0",
|
|
21
|
+
"@akinon/icons": "^0.4.0",
|
|
22
22
|
"@akinon/ui-pagination": "0.3.0",
|
|
23
|
-
"@akinon/ui-modal": "0.3.0",
|
|
24
23
|
"@akinon/ui-layout": "0.4.0",
|
|
24
|
+
"@akinon/ui-modal": "0.3.0",
|
|
25
25
|
"@akinon/ui-space": "0.3.0",
|
|
26
26
|
"@akinon/ui-tree-select": "0.3.0",
|
|
27
27
|
"@akinon/ui-typography": "0.3.0",
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"copyfiles": "^2.4.1",
|
|
33
33
|
"rimraf": "^5.0.5",
|
|
34
34
|
"typescript": "^5.2.2",
|
|
35
|
-
"@akinon/vite-config": "0.4.0",
|
|
36
35
|
"@akinon/typescript-config": "0.2.0",
|
|
36
|
+
"@akinon/vite-config": "0.4.0",
|
|
37
37
|
"@akinon/eslint-config": "0.1.0"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|