allaw-ui 4.3.5 → 4.3.6
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/components/atoms/buttons/FilterButtonPrimary.stories.d.ts +1 -1
- package/dist/components/atoms/buttons/FilterButtonPrimary.stories.js +6 -6
- package/dist/components/atoms/filter/Filter.stories.d.ts +1 -1
- package/dist/components/atoms/filter/Filter.stories.js +34 -34
- package/package.json +1 -1
|
@@ -10,17 +10,17 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
// FilterButtonPrimary.stories.js
|
|
13
|
-
import React from 'react';
|
|
14
|
-
import FilterButtonPrimary from
|
|
13
|
+
// import React from 'react';
|
|
14
|
+
import FilterButtonPrimary from "./FilterButtonPrimary";
|
|
15
15
|
import "../../../styles/global.css";
|
|
16
16
|
export default {
|
|
17
|
-
title:
|
|
17
|
+
title: "Components/Atoms/Buttons/FilterButtonPrimary",
|
|
18
18
|
component: FilterButtonPrimary,
|
|
19
19
|
};
|
|
20
20
|
var Template = function (args) { return React.createElement(FilterButtonPrimary, __assign({}, args)); };
|
|
21
21
|
export var Default = Template.bind({});
|
|
22
22
|
Default.args = {
|
|
23
|
-
onClick: function () { return alert(
|
|
24
|
-
zIndex:
|
|
25
|
-
children:
|
|
23
|
+
onClick: function () { return alert("Button clicked!"); },
|
|
24
|
+
zIndex: "100",
|
|
25
|
+
children: "Filter Button",
|
|
26
26
|
};
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
// BaseFilter.stories.js
|
|
2
|
+
// import React from 'react';
|
|
1
3
|
var __assign = (this && this.__assign) || function () {
|
|
2
4
|
__assign = Object.assign || function(t) {
|
|
3
5
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -9,69 +11,67 @@ var __assign = (this && this.__assign) || function () {
|
|
|
9
11
|
};
|
|
10
12
|
return __assign.apply(this, arguments);
|
|
11
13
|
};
|
|
12
|
-
// BaseFilter.stories.js
|
|
13
|
-
import React from 'react';
|
|
14
14
|
import "../../../styles/global.css";
|
|
15
|
-
import BaseFilter from
|
|
15
|
+
import BaseFilter from "./Filter";
|
|
16
16
|
export default {
|
|
17
|
-
title:
|
|
17
|
+
title: "Components/Atoms/Filters/Filter",
|
|
18
18
|
component: BaseFilter,
|
|
19
19
|
};
|
|
20
20
|
var Template = function (args) { return React.createElement(BaseFilter, __assign({}, args)); };
|
|
21
21
|
export var Default = Template.bind({});
|
|
22
22
|
Default.args = {
|
|
23
|
-
tooltipContent:
|
|
24
|
-
tooltipId:
|
|
23
|
+
tooltipContent: "This is a tooltip",
|
|
24
|
+
tooltipId: "tooltip-1",
|
|
25
25
|
showIcon: true,
|
|
26
|
-
defaultSelectedValues: [
|
|
26
|
+
defaultSelectedValues: ["confirmed"],
|
|
27
27
|
filterData: [
|
|
28
|
-
{ value:
|
|
29
|
-
{ value:
|
|
30
|
-
{ value:
|
|
31
|
-
{ value:
|
|
32
|
-
{ value:
|
|
33
|
-
{ value:
|
|
34
|
-
{ value:
|
|
28
|
+
{ value: "confirmed", name: "Confirmed" },
|
|
29
|
+
{ value: "pending", name: "Pending" },
|
|
30
|
+
{ value: "available", name: "Available" },
|
|
31
|
+
{ value: "unavailable", name: "Unavailable" },
|
|
32
|
+
{ value: "cancelled", name: "Cancelled" },
|
|
33
|
+
{ value: "passed", name: "Passed" },
|
|
34
|
+
{ value: "refused", name: "Refused" },
|
|
35
35
|
],
|
|
36
|
-
setFilters: function (values) { return console.log(
|
|
36
|
+
setFilters: function (values) { return console.log("Selected values:", values); },
|
|
37
37
|
multiselect: true,
|
|
38
|
-
iconName:
|
|
39
|
-
children:
|
|
38
|
+
iconName: "fa fa-filter", // Replace with your actual icon class
|
|
39
|
+
children: "Filter Button",
|
|
40
40
|
showNumIndic: true,
|
|
41
41
|
isStatusTag: true,
|
|
42
42
|
};
|
|
43
43
|
export var SingleSelect = Template.bind({});
|
|
44
44
|
SingleSelect.args = {
|
|
45
|
-
tooltipContent:
|
|
46
|
-
tooltipId:
|
|
45
|
+
tooltipContent: "This is a tooltip",
|
|
46
|
+
tooltipId: "tooltip-2",
|
|
47
47
|
showIcon: true,
|
|
48
|
-
defaultSelectedValues: [
|
|
48
|
+
defaultSelectedValues: ["confirmed"],
|
|
49
49
|
filterData: [
|
|
50
|
-
{ value:
|
|
51
|
-
{ value:
|
|
52
|
-
{ value:
|
|
50
|
+
{ value: "confirmed", name: "Confirmed" },
|
|
51
|
+
{ value: "pending", name: "Pending" },
|
|
52
|
+
{ value: "available", name: "Available" },
|
|
53
53
|
],
|
|
54
|
-
setFilters: function (values) { return console.log(
|
|
54
|
+
setFilters: function (values) { return console.log("Selected values:", values); },
|
|
55
55
|
multiselect: false,
|
|
56
|
-
iconName:
|
|
57
|
-
children:
|
|
56
|
+
iconName: "fa fa-filter", // Replace with your actual icon class
|
|
57
|
+
children: "Single Select Filter Button",
|
|
58
58
|
showNumIndic: true,
|
|
59
59
|
isStatusTag: false,
|
|
60
60
|
};
|
|
61
61
|
export var WithoutIcon = Template.bind({});
|
|
62
62
|
WithoutIcon.args = {
|
|
63
|
-
tooltipContent:
|
|
64
|
-
tooltipId:
|
|
63
|
+
tooltipContent: "This is a tooltip",
|
|
64
|
+
tooltipId: "tooltip-3",
|
|
65
65
|
showIcon: false,
|
|
66
|
-
defaultSelectedValues: [
|
|
66
|
+
defaultSelectedValues: ["confirmed"],
|
|
67
67
|
filterData: [
|
|
68
|
-
{ value:
|
|
69
|
-
{ value:
|
|
70
|
-
{ value:
|
|
68
|
+
{ value: "confirmed", name: "Confirmed" },
|
|
69
|
+
{ value: "pending", name: "Pending" },
|
|
70
|
+
{ value: "available", name: "Available" },
|
|
71
71
|
],
|
|
72
|
-
setFilters: function (values) { return console.log(
|
|
72
|
+
setFilters: function (values) { return console.log("Selected values:", values); },
|
|
73
73
|
multiselect: true,
|
|
74
|
-
children:
|
|
74
|
+
children: "Filter Button Without Icon",
|
|
75
75
|
showNumIndic: true,
|
|
76
76
|
isStatusTag: true,
|
|
77
77
|
};
|