intelicoreact 0.1.59 → 0.1.63
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/Atomic/FormElements/FormElements/FormElement.js +43 -0
- 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/Molecular/{FormElements → FormElement}/FormElement.js +0 -0
- package/dist/Molecular/FormElement/FormElement.scss +12 -0
- 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
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
@import '../../../scss/vars';
|
|
2
|
+
|
|
3
|
+
.page-title {
|
|
4
|
+
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: space-between;
|
|
8
|
+
|
|
9
|
+
&__title {
|
|
10
|
+
display: block;
|
|
11
|
+
font-size: 16px;
|
|
12
|
+
line-height: 20px;
|
|
13
|
+
color: $color--dark;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
&__pages {
|
|
17
|
+
margin-top: 4px;
|
|
18
|
+
display: flex;
|
|
19
|
+
align-items: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
&__delimiter {
|
|
23
|
+
font-size: 12px;
|
|
24
|
+
font-weight: 500;
|
|
25
|
+
color: $color--dark;
|
|
26
|
+
margin: 0 8px;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
&__link {
|
|
30
|
+
font-size: 13px;
|
|
31
|
+
color: $color--primary;
|
|
32
|
+
|
|
33
|
+
&_last {
|
|
34
|
+
cursor: default;
|
|
35
|
+
color: $color--gray--dark;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
svg path {
|
|
39
|
+
stroke: $color--primary;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&:hover:not(.page-title__link_last) {
|
|
43
|
+
color: $color--blue--dark;
|
|
44
|
+
|
|
45
|
+
svg path {
|
|
46
|
+
stroke: $color--blue--dark;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
@@ -15,13 +15,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
|
|
|
15
15
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
|
18
|
-
var _AccordionItem = _interopRequireDefault(require("
|
|
18
|
+
var _AccordionItem = _interopRequireDefault(require("../../Accordion/AccordionItem"));
|
|
19
19
|
|
|
20
20
|
var _TdActions = require("../TdTypes/TdActions");
|
|
21
21
|
|
|
22
|
-
var _AdvancedTags = _interopRequireDefault(require("
|
|
22
|
+
var _AdvancedTags = _interopRequireDefault(require("../../AdvancedTag/AdvancedTags"));
|
|
23
23
|
|
|
24
|
-
var _Status = _interopRequireDefault(require("
|
|
24
|
+
var _Status = _interopRequireDefault(require("../../Status/Status"));
|
|
25
25
|
|
|
26
26
|
var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
|
|
27
27
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
17
17
|
|
|
18
18
|
var Icons = _interopRequireWildcard(require("react-feather"));
|
|
19
19
|
|
|
20
|
-
var _Switcher = _interopRequireDefault(require("
|
|
20
|
+
var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
|
|
21
21
|
|
|
22
22
|
require("./TdTypes.scss");
|
|
23
23
|
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
@@ -19,7 +19,7 @@ var _index = require("../../../../../../JS/Constants/index.constants");
|
|
|
19
19
|
|
|
20
20
|
var _useToggle2 = _interopRequireDefault(require("../../../../../../JS/Functions/useToggle"));
|
|
21
21
|
|
|
22
|
-
var _Input = _interopRequireDefault(require("
|
|
22
|
+
var _Input = _interopRequireDefault(require("../../../FormElements/Input/Input"));
|
|
23
23
|
|
|
24
24
|
require("../Table.scss");
|
|
25
25
|
|
|
File without changes
|
|
File without changes
|
|
@@ -11,11 +11,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
11
11
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
|
-
var _Button = _interopRequireDefault(require("
|
|
14
|
+
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
15
15
|
|
|
16
|
-
var _Label = _interopRequireDefault(require("../../
|
|
16
|
+
var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
|
|
17
17
|
|
|
18
|
-
var _utils = require("
|
|
18
|
+
var _utils = require("../../../Functions/utils");
|
|
19
19
|
|
|
20
20
|
require("./UserBox.scss");
|
|
21
21
|
|
|
File without changes
|
|
File without changes
|
package/dist/scss/main.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "intelicoreact",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.63",
|
|
4
4
|
"description": "fix UserBox crush",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
|
-
"files": [
|
|
6
|
+
"files": [
|
|
7
|
+
"dist/*",
|
|
8
|
+
"node_modules/anme/*",
|
|
9
|
+
"node_modules/moment/*",
|
|
10
|
+
"node_modules/moment-timezone/*"
|
|
11
|
+
],
|
|
7
12
|
"scripts": {
|
|
8
13
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
9
|
-
"build": "babel src --out-dir dist --copy-files"
|
|
14
|
+
"build": "babel src --out-dir dist --copy-files --no-copy-ignored"
|
|
10
15
|
},
|
|
11
16
|
"author": "Andrey Isakov",
|
|
12
17
|
"license": "ISC",
|
|
@@ -1,69 +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.TemplateAdvancedStatus = 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 _AdvancedStatus = _interopRequireDefault(require("./AdvancedStatus"));
|
|
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: 'Form Elements/AdvancedStatus',
|
|
27
|
-
component: _AdvancedStatus.default
|
|
28
|
-
};
|
|
29
|
-
exports.default = _default;
|
|
30
|
-
|
|
31
|
-
var Template = function Template(args) {
|
|
32
|
-
var _useState = (0, _react.useState)(null),
|
|
33
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
34
|
-
value = _useState2[0],
|
|
35
|
-
setValue = _useState2[1];
|
|
36
|
-
|
|
37
|
-
var buttonStyles = {
|
|
38
|
-
border: '1px solid black',
|
|
39
|
-
padding: '10px',
|
|
40
|
-
marginTop: '10px'
|
|
41
|
-
};
|
|
42
|
-
(0, _react.useEffect)(function () {
|
|
43
|
-
if (value === null) setTimeout(function () {
|
|
44
|
-
return setValue(args.value);
|
|
45
|
-
}, 1500);
|
|
46
|
-
}, [value]);
|
|
47
|
-
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_AdvancedStatus.default, (0, _extends2.default)({}, args, {
|
|
48
|
-
value: value,
|
|
49
|
-
onChange: setValue
|
|
50
|
-
})), /*#__PURE__*/_react.default.createElement("button", {
|
|
51
|
-
style: buttonStyles,
|
|
52
|
-
disabled: value === null,
|
|
53
|
-
onClick: function onClick() {
|
|
54
|
-
return setValue(null);
|
|
55
|
-
}
|
|
56
|
-
}, "Reload"));
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
var TemplateAdvancedStatus = Template.bind({});
|
|
60
|
-
exports.TemplateAdvancedStatus = TemplateAdvancedStatus;
|
|
61
|
-
TemplateAdvancedStatus.args = {
|
|
62
|
-
value: false,
|
|
63
|
-
className: '',
|
|
64
|
-
activeText: 'Approved',
|
|
65
|
-
inactiveText: 'Review',
|
|
66
|
-
disabled: false,
|
|
67
|
-
isPrimary: true,
|
|
68
|
-
primaryStatusText: 'Primary'
|
|
69
|
-
};
|
|
@@ -1,53 +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.Checkbox = 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 _CheckboxInput = _interopRequireDefault(require("./CheckboxInput"));
|
|
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: 'Form Elements/CheckboxInput',
|
|
27
|
-
component: _CheckboxInput.default
|
|
28
|
-
};
|
|
29
|
-
exports.default = _default;
|
|
30
|
-
|
|
31
|
-
var Template = function Template(args) {
|
|
32
|
-
var argsValue = args.value;
|
|
33
|
-
|
|
34
|
-
var _useState = (0, _react.useState)(argsValue),
|
|
35
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
36
|
-
value = _useState2[0],
|
|
37
|
-
setValue = _useState2[1];
|
|
38
|
-
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, (0, _extends2.default)({}, args, {
|
|
40
|
-
value: value,
|
|
41
|
-
onChange: setValue
|
|
42
|
-
}));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
var Checkbox = Template.bind({});
|
|
46
|
-
exports.Checkbox = Checkbox;
|
|
47
|
-
Checkbox.args = {
|
|
48
|
-
label: 'Test label',
|
|
49
|
-
value: true,
|
|
50
|
-
disabled: false,
|
|
51
|
-
forced: false,
|
|
52
|
-
isStark: false
|
|
53
|
-
};
|
|
@@ -1,86 +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.TemplateCheckboxesLine = exports.default = void 0;
|
|
11
|
-
|
|
12
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
|
-
|
|
20
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
21
|
-
|
|
22
|
-
var _CheckboxesLine = _interopRequireDefault(require("./CheckboxesLine"));
|
|
23
|
-
|
|
24
|
-
require("./partial/AnyOuterClass.scss");
|
|
25
|
-
|
|
26
|
-
var _excluded = ["isIncludeOuterStyles"];
|
|
27
|
-
|
|
28
|
-
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); }
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
32
|
-
global.lng = 'en';
|
|
33
|
-
var _default = {
|
|
34
|
-
title: 'Form Elements/CheckboxesLine',
|
|
35
|
-
component: _CheckboxesLine.default
|
|
36
|
-
};
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
|
|
39
|
-
var Template = function Template(args) {
|
|
40
|
-
var isIncludeOuterStyles = args.isIncludeOuterStyles,
|
|
41
|
-
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
42
|
-
|
|
43
|
-
var _useState = (0, _react.useState)(args.value),
|
|
44
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
45
|
-
value = _useState2[0],
|
|
46
|
-
setValue = _useState2[1];
|
|
47
|
-
|
|
48
|
-
(0, _react.useEffect)(function () {
|
|
49
|
-
return console.log(value);
|
|
50
|
-
}, [value]);
|
|
51
|
-
return /*#__PURE__*/_react.default.createElement(_CheckboxesLine.default, (0, _extends2.default)({}, restArgs, {
|
|
52
|
-
className: isIncludeOuterStyles ? 'any-outer-class__checkboxes-line' : null,
|
|
53
|
-
value: value,
|
|
54
|
-
onChange: setValue
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var TemplateCheckboxesLine = Template.bind({});
|
|
59
|
-
exports.TemplateCheckboxesLine = TemplateCheckboxesLine;
|
|
60
|
-
TemplateCheckboxesLine.args = (0, _defineProperty2.default)({
|
|
61
|
-
isIncludeOuterStyles: false,
|
|
62
|
-
items: [{
|
|
63
|
-
label: ' - 1',
|
|
64
|
-
id: '1'
|
|
65
|
-
}, {
|
|
66
|
-
label: ' - 2',
|
|
67
|
-
id: '2'
|
|
68
|
-
}, {
|
|
69
|
-
label: ' - 3',
|
|
70
|
-
id: '3'
|
|
71
|
-
}, {
|
|
72
|
-
label: ' - 4',
|
|
73
|
-
id: '4'
|
|
74
|
-
}, {
|
|
75
|
-
label: ' - 5',
|
|
76
|
-
id: '5'
|
|
77
|
-
}, {
|
|
78
|
-
label: ' - 6',
|
|
79
|
-
id: '6',
|
|
80
|
-
disabled: true
|
|
81
|
-
}],
|
|
82
|
-
value: [],
|
|
83
|
-
disabled: false,
|
|
84
|
-
isPositionColumn: true,
|
|
85
|
-
className: ''
|
|
86
|
-
}, "disabled", false);
|
|
@@ -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.DateTimeTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _DateTime = _interopRequireDefault(require("./DateTime"));
|
|
17
|
-
|
|
18
|
-
require("./partial/AnyOuterClass.scss");
|
|
19
|
-
|
|
20
|
-
var _excluded = ["isIncludeOuterStyles"];
|
|
21
|
-
global.lng = 'en';
|
|
22
|
-
var _default = {
|
|
23
|
-
title: 'Form Elements/DateTime',
|
|
24
|
-
component: _DateTime.default
|
|
25
|
-
};
|
|
26
|
-
exports.default = _default;
|
|
27
|
-
|
|
28
|
-
var Template = function Template(args) {
|
|
29
|
-
var isIncludeOuterStyles = args.isIncludeOuterStyles,
|
|
30
|
-
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_DateTime.default, (0, _extends2.default)({}, restArgs, {
|
|
32
|
-
className: isIncludeOuterStyles ? 'any-outer-class__date-time' : null
|
|
33
|
-
}));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var DateTimeTemplate = Template.bind({});
|
|
37
|
-
exports.DateTimeTemplate = DateTimeTemplate;
|
|
38
|
-
DateTimeTemplate.args = {
|
|
39
|
-
isIncludeOuterStyles: false,
|
|
40
|
-
value: '2021-05-12T23:54:25+0300',
|
|
41
|
-
valueFormat: '',
|
|
42
|
-
dateFormat: '',
|
|
43
|
-
timeFormat: '',
|
|
44
|
-
isNoDate: false,
|
|
45
|
-
isNoTime: false
|
|
46
|
-
};
|
|
@@ -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.DoubleStringTemplate = exports.default = void 0;
|
|
9
|
-
|
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _DoubleString = _interopRequireDefault(require("./DoubleString"));
|
|
17
|
-
|
|
18
|
-
require("./partial/AnyOuterClass.scss");
|
|
19
|
-
|
|
20
|
-
var _excluded = ["isIncludeOuterStyles"];
|
|
21
|
-
global.lng = 'en';
|
|
22
|
-
var _default = {
|
|
23
|
-
title: 'DoubleString',
|
|
24
|
-
component: _DoubleString.default
|
|
25
|
-
};
|
|
26
|
-
exports.default = _default;
|
|
27
|
-
|
|
28
|
-
var Template = function Template(args) {
|
|
29
|
-
var isIncludeOuterStyles = args.isIncludeOuterStyles,
|
|
30
|
-
restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
|
|
31
|
-
return /*#__PURE__*/_react.default.createElement(_DoubleString.default, (0, _extends2.default)({}, args, {
|
|
32
|
-
className: isIncludeOuterStyles ? 'any-outer-class__double-string' : null
|
|
33
|
-
}));
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var DoubleStringTemplate = Template.bind({});
|
|
37
|
-
exports.DoubleStringTemplate = DoubleStringTemplate;
|
|
38
|
-
DoubleStringTemplate.args = {
|
|
39
|
-
isIncludeOuterStyles: false,
|
|
40
|
-
value: 'Value',
|
|
41
|
-
description: 'Description'
|
|
42
|
-
};
|
|
@@ -1,162 +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.DropdownTemplate = 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 _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
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: 'Dropdown',
|
|
27
|
-
component: _Dropdown.default,
|
|
28
|
-
argTypes: {
|
|
29
|
-
className: {
|
|
30
|
-
description: 'string'
|
|
31
|
-
},
|
|
32
|
-
value: {
|
|
33
|
-
description: 'string - current option'
|
|
34
|
-
},
|
|
35
|
-
isSearchable: {
|
|
36
|
-
description: 'boolean - enable search',
|
|
37
|
-
type: 'boolean',
|
|
38
|
-
defaultValue: false
|
|
39
|
-
},
|
|
40
|
-
onChange: {
|
|
41
|
-
description: 'callback return selected value'
|
|
42
|
-
},
|
|
43
|
-
entity: {
|
|
44
|
-
description: 'string'
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
exports.default = _default;
|
|
49
|
-
var blockStyles = {
|
|
50
|
-
display: 'flex',
|
|
51
|
-
flexFlow: 'row no-wrap',
|
|
52
|
-
alignItems: 'center'
|
|
53
|
-
};
|
|
54
|
-
var buttonStyles = {
|
|
55
|
-
border: 'solid 1px #000',
|
|
56
|
-
padding: '5px',
|
|
57
|
-
margin: '0 0 0 50px'
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var Template = function Template(args) {
|
|
61
|
-
var _useState = (0, _react.useState)(args.value),
|
|
62
|
-
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
63
|
-
value = _useState2[0],
|
|
64
|
-
setValue = _useState2[1];
|
|
65
|
-
|
|
66
|
-
var _useState3 = (0, _react.useState)(false),
|
|
67
|
-
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
68
|
-
disabled = _useState4[0],
|
|
69
|
-
setDisabled = _useState4[1];
|
|
70
|
-
|
|
71
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
72
|
-
style: blockStyles
|
|
73
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
74
|
-
key: "dropdown",
|
|
75
|
-
style: {
|
|
76
|
-
width: 200
|
|
77
|
-
}
|
|
78
|
-
}, /*#__PURE__*/_react.default.createElement(_Dropdown.default, (0, _extends2.default)({}, args, {
|
|
79
|
-
value: value,
|
|
80
|
-
onChange: setValue,
|
|
81
|
-
disabled: disabled,
|
|
82
|
-
scrollReactionObj: {
|
|
83
|
-
callback: function callback(e) {
|
|
84
|
-
return setDisabled(true);
|
|
85
|
-
},
|
|
86
|
-
scrollingInaccuracy: 5
|
|
87
|
-
}
|
|
88
|
-
}))), /*#__PURE__*/_react.default.createElement("button", {
|
|
89
|
-
key: "reset",
|
|
90
|
-
style: buttonStyles,
|
|
91
|
-
className: "mt10",
|
|
92
|
-
onClick: function onClick() {
|
|
93
|
-
return setValue('');
|
|
94
|
-
}
|
|
95
|
-
}, "Reset"), /*#__PURE__*/_react.default.createElement("button", {
|
|
96
|
-
key: "enable/disable",
|
|
97
|
-
style: buttonStyles,
|
|
98
|
-
className: "mt10",
|
|
99
|
-
onClick: function onClick() {
|
|
100
|
-
return setDisabled(!disabled);
|
|
101
|
-
}
|
|
102
|
-
}, disabled ? 'enable' : 'disable'));
|
|
103
|
-
};
|
|
104
|
-
|
|
105
|
-
var DropdownTemplate = Template.bind({});
|
|
106
|
-
exports.DropdownTemplate = DropdownTemplate;
|
|
107
|
-
DropdownTemplate.args = {
|
|
108
|
-
// isListTop: true,
|
|
109
|
-
entity: 'entity',
|
|
110
|
-
value: 'drop6',
|
|
111
|
-
placeholder: 'Placeholder',
|
|
112
|
-
// isSearchable: true,
|
|
113
|
-
options: [{
|
|
114
|
-
label: 'Dropdown2',
|
|
115
|
-
value: 'drop2',
|
|
116
|
-
postfix: '(postfix)'
|
|
117
|
-
}, {
|
|
118
|
-
label: 'Dropdown3',
|
|
119
|
-
value: 'drop3',
|
|
120
|
-
disabled: true
|
|
121
|
-
}, {
|
|
122
|
-
label: 'Dropdown4',
|
|
123
|
-
value: 'drop4'
|
|
124
|
-
}, {
|
|
125
|
-
label: 'Dropdown1',
|
|
126
|
-
value: 'drop1',
|
|
127
|
-
className: 'status status--approved'
|
|
128
|
-
}, {
|
|
129
|
-
label: 'Dropdown5',
|
|
130
|
-
value: 'drop5'
|
|
131
|
-
}, {
|
|
132
|
-
label: 'Dropdown6 hidden text lorem ipsum',
|
|
133
|
-
value: 'drop6'
|
|
134
|
-
}, {
|
|
135
|
-
label: 'Some Group',
|
|
136
|
-
items: [{
|
|
137
|
-
label: 'Group 11',
|
|
138
|
-
value: 'group11'
|
|
139
|
-
}, {
|
|
140
|
-
label: 'Group 12',
|
|
141
|
-
value: 'group12',
|
|
142
|
-
disabled: true
|
|
143
|
-
}, {
|
|
144
|
-
label: 'Group 13',
|
|
145
|
-
value: 'group13'
|
|
146
|
-
}]
|
|
147
|
-
}, {
|
|
148
|
-
label: 'Some Group 2',
|
|
149
|
-
items: [{
|
|
150
|
-
label: 'Group 21',
|
|
151
|
-
value: 'group21'
|
|
152
|
-
}, {
|
|
153
|
-
label: 'Group 22',
|
|
154
|
-
value: 'group22'
|
|
155
|
-
}, {
|
|
156
|
-
label: 'Group 23',
|
|
157
|
-
value: 'group23'
|
|
158
|
-
}]
|
|
159
|
-
}],
|
|
160
|
-
error: '',
|
|
161
|
-
isNotValidateASCII: false
|
|
162
|
-
};
|