intelicoreact 0.1.60 → 0.1.61
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/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -1
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.js +0 -0
- package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.js +18 -14
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/Datepicker/components/Calendar.js +0 -0
- package/dist/{Molecular → Atomic/FormElements}/FormElements/FormElement.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/FormElements/FormElement.scss +0 -0
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +4 -2
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +5 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.js +1 -1
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.js +4 -4
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +10 -10
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/AnyOuterClass.scss +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/States.js +0 -0
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.js +2 -2
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.scss +3 -3
- package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.js +2 -1
- package/dist/Atomic/{FormElements → Layout}/Header/Header.scss +0 -0
- package/dist/Atomic/{UI → Layout}/Header/partials/default_ava.png +0 -0
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.js +2 -2
- package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.scss +4 -4
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.js +0 -0
- package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.scss +0 -0
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
- package/dist/Atomic/UI/Accordion/Accordion.scss +2 -0
- package/dist/Atomic/UI/Alert/Alert.scss +1 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DateTime/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.js +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/DoubleString/partial/AnyOuterClass.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.js +5 -2
- package/dist/Atomic/{FormElements → UI}/Modal/Modal.scss +0 -31
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.js +0 -0
- package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.scss +0 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.js +54 -0
- package/dist/Atomic/UI/PageTitle/PageTitle.scss +50 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdCell.js +3 -3
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdHeader.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdRow.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Partials/TdTitle.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/Table.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdActions.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdPriority.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdRange.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdTypes.scss +0 -0
- package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdWeight.js +1 -1
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.js +0 -0
- package/dist/Atomic/{FormElements → UI}/Tag/Tag.scss +0 -0
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.js +3 -3
- package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.scss +0 -0
- package/dist/Functions/fieldValueFormatters.js +24 -24
- package/dist/scss/main.scss +1 -0
- package/package.json +8 -3
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -69
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -53
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -86
- package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -46
- package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -42
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -162
- package/dist/Atomic/FormElements/Header/Header.stories.js +0 -42
- package/dist/Atomic/FormElements/Input/Input.stories.js +0 -140
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -79
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -96
- package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -266
- package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -43
- package/dist/Atomic/FormElements/Label/Label.stories.js +0 -33
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -131
- package/dist/Atomic/FormElements/Modal/Modal.stories.js +0 -157
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -76
- package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +0 -126
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -137
- package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -32
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -81
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -56
- package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -113
- package/dist/Atomic/FormElements/Spinner/Spinner.stories.js +0 -34
- package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Table/Table.stories.js +0 -191
- package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -72
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -60
- package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -50
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -59
- package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -32
- package/dist/Atomic/MainMenu/MainMenu.stories.js +0 -87
- package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -77
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -59
- package/dist/Atomic/UI/Alert/Alert.stories.js +0 -45
- package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -46
- package/dist/Atomic/UI/Button/Button.stories.js +0 -62
- package/dist/Atomic/UI/Calendar/Calendar.stories.js +0 -55
- package/dist/Atomic/UI/Hint/Hint.stories.js +0 -44
- package/dist/Atomic/UI/Price/Price.stories.js +0 -42
- package/dist/Atomic/UI/Status/Status.stories.js +0 -59
- package/dist/Molecular/Datepicker/Datepicker.stories.js +0 -44
- package/dist/Molecular/FormElements/FormElement.stories.js +0 -74
- package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js +0 -62
- package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js +0 -105
- package/dist/Molecular/SwitcherRange/SwitcherRange.stories.js +0 -59
- package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +0 -122
- package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -133
- package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js +0 -78
- package/dist/Molecular/UserBox/UserBox.stories.js +0 -43
|
@@ -1,87 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.MainMenuTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _MainMenu = _interopRequireDefault(require("./MainMenu"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'MainMenu',
|
|
17
|
-
component: _MainMenu.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(args) {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_MainMenu.default, args);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var MainMenuTemplate = Template.bind({});
|
|
26
|
-
exports.MainMenuTemplate = MainMenuTemplate;
|
|
27
|
-
MainMenuTemplate.args = {
|
|
28
|
-
items: {
|
|
29
|
-
main: [{
|
|
30
|
-
title: 'Dashboard',
|
|
31
|
-
icon: 'Airplay',
|
|
32
|
-
className: 'color--green-haze main-menu__icon' // link: '/'
|
|
33
|
-
|
|
34
|
-
}, {
|
|
35
|
-
title: 'Consumers',
|
|
36
|
-
icon: 'User',
|
|
37
|
-
className: 'color--primary main-menu__icon' // link: '/consumers/'
|
|
38
|
-
|
|
39
|
-
}],
|
|
40
|
-
mainMenu: [{
|
|
41
|
-
title: 'Ticket Desk',
|
|
42
|
-
icon: 'Tag',
|
|
43
|
-
className: 'color--froly',
|
|
44
|
-
children: []
|
|
45
|
-
}, {
|
|
46
|
-
title: 'Accounting',
|
|
47
|
-
icon: 'DollarSign',
|
|
48
|
-
className: 'color--sea-buckthorn',
|
|
49
|
-
children: []
|
|
50
|
-
}, {
|
|
51
|
-
title: 'Users',
|
|
52
|
-
icon: 'Users',
|
|
53
|
-
className: 'color--gray-gull',
|
|
54
|
-
children: []
|
|
55
|
-
}, {
|
|
56
|
-
title: 'Settings',
|
|
57
|
-
icon: 'Sliders',
|
|
58
|
-
className: 'color--primary'
|
|
59
|
-
}],
|
|
60
|
-
partners: [{
|
|
61
|
-
title: 'Merchants',
|
|
62
|
-
icon: 'ShoppingBag',
|
|
63
|
-
className: 'color--froly' // link: '/merchants/'
|
|
64
|
-
|
|
65
|
-
}, {
|
|
66
|
-
title: 'Lenders',
|
|
67
|
-
icon: 'Briefcase',
|
|
68
|
-
className: 'color--green-haze' // link: '/lenders/'
|
|
69
|
-
|
|
70
|
-
}, {
|
|
71
|
-
title: 'Lender Ping Tree',
|
|
72
|
-
icon: 'Shuffle',
|
|
73
|
-
className: 'color--primary' // link: '/ping-tree/'
|
|
74
|
-
|
|
75
|
-
}],
|
|
76
|
-
other: [{
|
|
77
|
-
title: 'Reports',
|
|
78
|
-
icon: 'PieChart',
|
|
79
|
-
className: 'color--gray-gull' // link: '/reports/'
|
|
80
|
-
|
|
81
|
-
}, {
|
|
82
|
-
title: 'Tools',
|
|
83
|
-
icon: 'Tool',
|
|
84
|
-
className: 'color--sea-buckthorn'
|
|
85
|
-
}]
|
|
86
|
-
}
|
|
87
|
-
};
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.AccordionTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/Accordion',
|
|
17
|
-
component: _Accordion.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(args) {
|
|
22
|
-
return /*#__PURE__*/_react.default.createElement(_Accordion.default, args);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
var AccordionTemplate = Template.bind({});
|
|
26
|
-
exports.AccordionTemplate = AccordionTemplate;
|
|
27
|
-
AccordionTemplate.args = {
|
|
28
|
-
items: [{
|
|
29
|
-
id: 1,
|
|
30
|
-
title: 'tools',
|
|
31
|
-
icon: 'Tool',
|
|
32
|
-
className: 'color--sea-buckthorn',
|
|
33
|
-
isOpen: true,
|
|
34
|
-
children: [{
|
|
35
|
-
id: 1,
|
|
36
|
-
title: 'tools',
|
|
37
|
-
link: '#s'
|
|
38
|
-
}, {
|
|
39
|
-
id: 2,
|
|
40
|
-
title: 'tools',
|
|
41
|
-
link: '#s'
|
|
42
|
-
}, {
|
|
43
|
-
id: 3,
|
|
44
|
-
title: 'tools',
|
|
45
|
-
link: '#s'
|
|
46
|
-
}]
|
|
47
|
-
}, {
|
|
48
|
-
id: 2,
|
|
49
|
-
title: 'lenders',
|
|
50
|
-
icon: 'Briefcase',
|
|
51
|
-
className: 'color--green-haze',
|
|
52
|
-
isOpen: false,
|
|
53
|
-
children: [{
|
|
54
|
-
id: 1,
|
|
55
|
-
title: 'lenders',
|
|
56
|
-
link: '#s'
|
|
57
|
-
}]
|
|
58
|
-
}, {
|
|
59
|
-
id: 3,
|
|
60
|
-
title: 'settings',
|
|
61
|
-
icon: 'Sliders',
|
|
62
|
-
className: 'color--primary',
|
|
63
|
-
isOpen: false,
|
|
64
|
-
status: {
|
|
65
|
-
active: 1,
|
|
66
|
-
pause: 3,
|
|
67
|
-
status: 'active',
|
|
68
|
-
disabled: false,
|
|
69
|
-
type: 'number'
|
|
70
|
-
},
|
|
71
|
-
children: [{
|
|
72
|
-
id: 1,
|
|
73
|
-
title: 'settings',
|
|
74
|
-
link: '#s'
|
|
75
|
-
}]
|
|
76
|
-
}]
|
|
77
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.AdvancedTagTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _AdvancedTags = _interopRequireDefault(require("./AdvancedTags"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/AdvancedTags',
|
|
17
|
-
component: _AdvancedTags.default
|
|
18
|
-
};
|
|
19
|
-
exports.default = _default;
|
|
20
|
-
|
|
21
|
-
var Template = function Template(_ref) {
|
|
22
|
-
var tags = _ref.tags;
|
|
23
|
-
return /*#__PURE__*/_react.default.createElement(_AdvancedTags.default, {
|
|
24
|
-
items: tags
|
|
25
|
-
});
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
var AdvancedTagTemplate = Template.bind({});
|
|
29
|
-
exports.AdvancedTagTemplate = AdvancedTagTemplate;
|
|
30
|
-
AdvancedTagTemplate.args = {
|
|
31
|
-
tags: [{
|
|
32
|
-
tagId: 1,
|
|
33
|
-
labelLeft: 'Left',
|
|
34
|
-
labelRight: 'Right',
|
|
35
|
-
active: 3,
|
|
36
|
-
pause: 1,
|
|
37
|
-
merchants: 5
|
|
38
|
-
}, {
|
|
39
|
-
tagId: 2,
|
|
40
|
-
labelLeft: 'Left',
|
|
41
|
-
active: 2,
|
|
42
|
-
pause: 0,
|
|
43
|
-
merchants: 2
|
|
44
|
-
}, {
|
|
45
|
-
tagId: 3,
|
|
46
|
-
labelRight: 'Right',
|
|
47
|
-
active: 3,
|
|
48
|
-
merchants: 5
|
|
49
|
-
}, {
|
|
50
|
-
tagId: 4,
|
|
51
|
-
labelLeft: 'Left',
|
|
52
|
-
labelRight: 'Right',
|
|
53
|
-
active: 0,
|
|
54
|
-
pause: 0,
|
|
55
|
-
warnLeft: true,
|
|
56
|
-
warnLeftMsg: 'Warn left message',
|
|
57
|
-
warnRightMsg: 'Warn right message'
|
|
58
|
-
}]
|
|
59
|
-
};
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.AlertTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Alert = _interopRequireDefault(require("./Alert"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/Alert',
|
|
17
|
-
component: _Alert.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
variant: {
|
|
20
|
-
description: 'string: ["error", "warning", "success", "info"]',
|
|
21
|
-
control: {
|
|
22
|
-
type: 'select',
|
|
23
|
-
options: ['error', 'warning', 'success', 'info']
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
message: {
|
|
27
|
-
description: 'string'
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
message: {
|
|
31
|
-
description: 'string'
|
|
32
|
-
}
|
|
33
|
-
};
|
|
34
|
-
exports.default = _default;
|
|
35
|
-
|
|
36
|
-
var Template = function Template(args) {
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement(_Alert.default, args);
|
|
38
|
-
};
|
|
39
|
-
|
|
40
|
-
var AlertTemplate = Template.bind({});
|
|
41
|
-
exports.AlertTemplate = AlertTemplate;
|
|
42
|
-
AlertTemplate.args = {
|
|
43
|
-
message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.",
|
|
44
|
-
variant: ''
|
|
45
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ArrowTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _reactFeather = require("react-feather");
|
|
13
|
-
|
|
14
|
-
var _Arrow = _interopRequireDefault(require("./Arrow"));
|
|
15
|
-
|
|
16
|
-
global.lng = 'en';
|
|
17
|
-
var _default = {
|
|
18
|
-
title: 'UI/Arrow',
|
|
19
|
-
component: _Arrow.default,
|
|
20
|
-
argTypes: {
|
|
21
|
-
type: {
|
|
22
|
-
description: 'string: ["left", "right"]',
|
|
23
|
-
control: {
|
|
24
|
-
type: 'select',
|
|
25
|
-
options: ['left', 'right']
|
|
26
|
-
}
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
exports.default = _default;
|
|
31
|
-
|
|
32
|
-
var Template = function Template(args) {
|
|
33
|
-
var className = args.className,
|
|
34
|
-
onClick = args.onClick;
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(_Arrow.default, args);
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
var ArrowTemplate = Template.bind({});
|
|
39
|
-
exports.ArrowTemplate = ArrowTemplate;
|
|
40
|
-
ArrowTemplate.args = {
|
|
41
|
-
type: 'left',
|
|
42
|
-
className: 'externall-class-name',
|
|
43
|
-
onClick: function onClick(ev) {
|
|
44
|
-
return console.log(ev.target.className);
|
|
45
|
-
}
|
|
46
|
-
};
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.ButtonTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _reactFeather = require("react-feather");
|
|
13
|
-
|
|
14
|
-
var _Button = _interopRequireDefault(require("./Button"));
|
|
15
|
-
|
|
16
|
-
global.lng = 'en';
|
|
17
|
-
var _default = {
|
|
18
|
-
title: 'UI/Button',
|
|
19
|
-
component: _Button.default,
|
|
20
|
-
argTypes: {
|
|
21
|
-
variant: {
|
|
22
|
-
description: 'string: ["primary", "secondary", "dark-outline", "ellipse-apply", "ellipse-cancel"]',
|
|
23
|
-
control: {
|
|
24
|
-
type: 'select',
|
|
25
|
-
options: ['primary', 'secondary', 'dark-outline', 'link', 'ellipse-apply', 'ellipse-cancel']
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
label: {
|
|
29
|
-
description: 'string'
|
|
30
|
-
},
|
|
31
|
-
disabled: {
|
|
32
|
-
description: 'boolean'
|
|
33
|
-
},
|
|
34
|
-
onClick: {
|
|
35
|
-
description: 'function'
|
|
36
|
-
},
|
|
37
|
-
icon: {
|
|
38
|
-
description: 'svg icon code',
|
|
39
|
-
control: {
|
|
40
|
-
type: 'select',
|
|
41
|
-
options: ['Check', 'Edit3', 'Plus', 'Tool', 'UploadCloud', 'X', 'ArrowLeft']
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
exports.default = _default;
|
|
47
|
-
|
|
48
|
-
var Template = function Template(args) {
|
|
49
|
-
return /*#__PURE__*/_react.default.createElement(_Button.default, args);
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
var ButtonTemplate = Template.bind({});
|
|
53
|
-
exports.ButtonTemplate = ButtonTemplate;
|
|
54
|
-
ButtonTemplate.args = {
|
|
55
|
-
disabled: false,
|
|
56
|
-
onClick: function onClick() {
|
|
57
|
-
return null;
|
|
58
|
-
},
|
|
59
|
-
label: 'Button',
|
|
60
|
-
icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null),
|
|
61
|
-
isIconRight: true
|
|
62
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.CalendarTemplate = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
-
|
|
14
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
-
|
|
16
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
-
|
|
18
|
-
var _Calendar = _interopRequireDefault(require("./Calendar"));
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
global.lng = 'en';
|
|
25
|
-
var _default = {
|
|
26
|
-
title: 'Calendar',
|
|
27
|
-
component: _Calendar.default
|
|
28
|
-
};
|
|
29
|
-
exports.default = _default;
|
|
30
|
-
|
|
31
|
-
var Template = function Template(args) {
|
|
32
|
-
var _useState = (0, _react.useState)('12/03/2021'),
|
|
33
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
|
-
date = _useState2[0],
|
|
35
|
-
setDate = _useState2[1];
|
|
36
|
-
|
|
37
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
|
-
style: {
|
|
39
|
-
width: '320px'
|
|
40
|
-
}
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement(_Calendar.default, (0, _extends2.default)({}, args, {
|
|
42
|
-
date: date,
|
|
43
|
-
setDate: setDate
|
|
44
|
-
})));
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
var CalendarTemplate = Template.bind({});
|
|
48
|
-
exports.CalendarTemplate = CalendarTemplate;
|
|
49
|
-
CalendarTemplate.args = {
|
|
50
|
-
params: {},
|
|
51
|
-
setDate: function setDate() {
|
|
52
|
-
return null;
|
|
53
|
-
},
|
|
54
|
-
className: ''
|
|
55
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.HintTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Hint = _interopRequireDefault(require("./Hint"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/Hint',
|
|
17
|
-
component: _Hint.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
side: {
|
|
20
|
-
description: 'string: ["right", "bottom", "top", "left"]',
|
|
21
|
-
control: {
|
|
22
|
-
type: 'select',
|
|
23
|
-
options: ['right', 'bottom', 'top', 'left']
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
hint: {
|
|
27
|
-
description: 'string'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
exports.default = _default;
|
|
32
|
-
|
|
33
|
-
var Template = function Template(args) {
|
|
34
|
-
return /*#__PURE__*/_react.default.createElement(_Hint.default, args);
|
|
35
|
-
};
|
|
36
|
-
|
|
37
|
-
var HintTemplate = Template.bind({});
|
|
38
|
-
exports.HintTemplate = HintTemplate;
|
|
39
|
-
HintTemplate.args = {
|
|
40
|
-
hint: ' hint text hint text hint text hint text hint text hint text hint text hint text',
|
|
41
|
-
side: 'right',
|
|
42
|
-
label: '' // isIconOutline: false
|
|
43
|
-
|
|
44
|
-
};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.PriceTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Price = _interopRequireDefault(require("./Price"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/Price',
|
|
17
|
-
component: _Price.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
value: {
|
|
20
|
-
description: 'string'
|
|
21
|
-
},
|
|
22
|
-
unit: {
|
|
23
|
-
description: 'string'
|
|
24
|
-
},
|
|
25
|
-
unitAfter: {
|
|
26
|
-
description: 'boolean'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
exports.default = _default;
|
|
31
|
-
|
|
32
|
-
var Template = function Template(args) {
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_Price.default, args);
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var PriceTemplate = Template.bind({});
|
|
37
|
-
exports.PriceTemplate = PriceTemplate;
|
|
38
|
-
PriceTemplate.args = {
|
|
39
|
-
value: '15000',
|
|
40
|
-
unit: '$',
|
|
41
|
-
unitAfter: false
|
|
42
|
-
};
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports.StatusNumberTemplate = exports.StatusTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
|
-
var _Status = _interopRequireDefault(require("./Status"));
|
|
13
|
-
|
|
14
|
-
global.lng = 'en';
|
|
15
|
-
var _default = {
|
|
16
|
-
title: 'UI/Status',
|
|
17
|
-
component: _Status.default,
|
|
18
|
-
argTypes: {
|
|
19
|
-
status: {
|
|
20
|
-
description: 'string: ["active", "pause", "error", "processing"]',
|
|
21
|
-
control: {
|
|
22
|
-
type: 'select',
|
|
23
|
-
options: ['active', 'pause', 'error', 'processing']
|
|
24
|
-
}
|
|
25
|
-
},
|
|
26
|
-
label: {
|
|
27
|
-
description: 'string'
|
|
28
|
-
},
|
|
29
|
-
disabled: {
|
|
30
|
-
description: 'boolean'
|
|
31
|
-
},
|
|
32
|
-
children: {
|
|
33
|
-
description: 'any rect children'
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
|
|
39
|
-
var Template = function Template(args) {
|
|
40
|
-
return /*#__PURE__*/_react.default.createElement(_Status.default, args);
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
var StatusTemplate = Template.bind({});
|
|
44
|
-
exports.StatusTemplate = StatusTemplate;
|
|
45
|
-
var StatusNumberTemplate = Template.bind({});
|
|
46
|
-
exports.StatusNumberTemplate = StatusNumberTemplate;
|
|
47
|
-
StatusTemplate.args = {
|
|
48
|
-
label: '',
|
|
49
|
-
status: 'active',
|
|
50
|
-
disabled: false,
|
|
51
|
-
noBackground: false
|
|
52
|
-
};
|
|
53
|
-
StatusNumberTemplate.args = {
|
|
54
|
-
active: 0,
|
|
55
|
-
pause: 0,
|
|
56
|
-
status: 'active',
|
|
57
|
-
disabled: false,
|
|
58
|
-
type: 'number'
|
|
59
|
-
};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
|
-
Object.defineProperty(exports, "__esModule", {
|
|
8
|
-
value: true
|
|
9
|
-
});
|
|
10
|
-
exports.DatepickerTemplate = void 0;
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _yup = require("yup");
|
|
15
|
-
|
|
16
|
-
var _Datepicker = _interopRequireDefault(require("./Datepicker"));
|
|
17
|
-
|
|
18
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
|
-
global.lng = 'en'; // export default {
|
|
23
|
-
// title: 'Form Elements/Datepicker',
|
|
24
|
-
// component: Datepicker,
|
|
25
|
-
// };
|
|
26
|
-
|
|
27
|
-
var Template = function Template(args) {
|
|
28
|
-
var params = {
|
|
29
|
-
minDate: args === null || args === void 0 ? void 0 : args.minDate,
|
|
30
|
-
maxDate: args === null || args === void 0 ? void 0 : args.maxDate
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/_react.default.createElement(_Datepicker.default, {
|
|
33
|
-
data: args.date,
|
|
34
|
-
params: params
|
|
35
|
-
});
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
var DatepickerTemplate = Template.bind({});
|
|
39
|
-
exports.DatepickerTemplate = DatepickerTemplate;
|
|
40
|
-
DatepickerTemplate.args = {
|
|
41
|
-
date: '10/14/2021',
|
|
42
|
-
minDate: '10/11/2021',
|
|
43
|
-
maxDate: '10/25/2021'
|
|
44
|
-
};
|