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.
Files changed (121) hide show
  1. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -1
  2. package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.js +0 -0
  3. package/dist/Atomic/{UI → FormElements}/Calendar/Calendar.scss +0 -0
  4. package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.js +18 -14
  5. package/dist/{Molecular → Atomic/FormElements}/Datepicker/Datepicker.scss +0 -0
  6. package/dist/{Molecular → Atomic/FormElements}/Datepicker/components/Calendar.js +0 -0
  7. package/dist/Atomic/FormElements/FormElements/FormElement.js +43 -0
  8. package/dist/{Molecular → Atomic/FormElements}/FormElements/FormElement.scss +0 -0
  9. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -1
  10. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +4 -2
  11. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +5 -4
  12. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js +1 -1
  13. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.scss +0 -0
  14. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/partial/AnyOuterClass.scss +0 -0
  15. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js +1 -1
  16. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.scss +0 -0
  17. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/partial/AnyOuterClass.scss +0 -0
  18. package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.js +2 -2
  19. package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.scss +0 -0
  20. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.js +1 -1
  21. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.scss +0 -0
  22. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/partial/AnyOuterClass.scss +0 -0
  23. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.js +4 -4
  24. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +10 -10
  25. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/AnyOuterClass.scss +0 -0
  26. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/States.js +0 -0
  27. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.js +2 -2
  28. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.scss +3 -3
  29. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/partial/AnyOuterClass.scss +0 -0
  30. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
  31. package/dist/Atomic/{FormElements → Layout}/Header/Header.js +2 -1
  32. package/dist/Atomic/{FormElements → Layout}/Header/Header.scss +0 -0
  33. package/dist/Atomic/{UI → Layout}/Header/partials/default_ava.png +0 -0
  34. package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.js +2 -2
  35. package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.scss +4 -4
  36. package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.js +0 -0
  37. package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.scss +0 -0
  38. package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
  39. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -0
  40. package/dist/Atomic/UI/Alert/Alert.scss +1 -0
  41. package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.js +0 -0
  42. package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.scss +0 -0
  43. package/dist/Atomic/{FormElements → UI}/DateTime/partial/AnyOuterClass.scss +0 -0
  44. package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.js +0 -0
  45. package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.scss +0 -0
  46. package/dist/Atomic/{FormElements → UI}/DoubleString/partial/AnyOuterClass.scss +0 -0
  47. package/dist/Atomic/{FormElements → UI}/Modal/Modal.js +5 -2
  48. package/dist/Atomic/{FormElements → UI}/Modal/Modal.scss +0 -31
  49. package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.js +0 -0
  50. package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.scss +0 -0
  51. package/dist/Atomic/UI/PageTitle/PageTitle.js +54 -0
  52. package/dist/Atomic/UI/PageTitle/PageTitle.scss +50 -0
  53. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdCell.js +3 -3
  54. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdHeader.js +0 -0
  55. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdRow.js +0 -0
  56. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdTitle.js +0 -0
  57. package/dist/Atomic/{FormElements → UI}/Table/Table.js +0 -0
  58. package/dist/Atomic/{FormElements → UI}/Table/Table.scss +0 -0
  59. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdActions.js +1 -1
  60. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdPriority.js +0 -0
  61. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdRange.js +0 -0
  62. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdTypes.scss +0 -0
  63. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdWeight.js +1 -1
  64. package/dist/Atomic/{FormElements → UI}/Tag/Tag.js +0 -0
  65. package/dist/Atomic/{FormElements → UI}/Tag/Tag.scss +0 -0
  66. package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.js +3 -3
  67. package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.scss +0 -0
  68. package/dist/Molecular/{FormElements → FormElement}/FormElement.js +0 -0
  69. package/dist/Molecular/FormElement/FormElement.scss +12 -0
  70. package/dist/scss/main.scss +1 -0
  71. package/package.json +8 -3
  72. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -69
  73. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -53
  74. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -86
  75. package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -46
  76. package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -42
  77. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -162
  78. package/dist/Atomic/FormElements/Header/Header.stories.js +0 -42
  79. package/dist/Atomic/FormElements/Input/Input.stories.js +0 -140
  80. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -79
  81. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -96
  82. package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -266
  83. package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -43
  84. package/dist/Atomic/FormElements/Label/Label.stories.js +0 -33
  85. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -131
  86. package/dist/Atomic/FormElements/Modal/Modal.stories.js +0 -157
  87. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -76
  88. package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +0 -126
  89. package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -137
  90. package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -32
  91. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -81
  92. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -56
  93. package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -113
  94. package/dist/Atomic/FormElements/Spinner/Spinner.stories.js +0 -34
  95. package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -60
  96. package/dist/Atomic/FormElements/Table/Table.stories.js +0 -191
  97. package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -72
  98. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -125
  99. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -60
  100. package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -50
  101. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -59
  102. package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -32
  103. package/dist/Atomic/MainMenu/MainMenu.stories.js +0 -87
  104. package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -77
  105. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -59
  106. package/dist/Atomic/UI/Alert/Alert.stories.js +0 -45
  107. package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -46
  108. package/dist/Atomic/UI/Button/Button.stories.js +0 -62
  109. package/dist/Atomic/UI/Calendar/Calendar.stories.js +0 -55
  110. package/dist/Atomic/UI/Hint/Hint.stories.js +0 -44
  111. package/dist/Atomic/UI/Price/Price.stories.js +0 -42
  112. package/dist/Atomic/UI/Status/Status.stories.js +0 -59
  113. package/dist/Molecular/Datepicker/Datepicker.stories.js +0 -44
  114. package/dist/Molecular/FormElements/FormElement.stories.js +0 -74
  115. package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js +0 -62
  116. package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js +0 -105
  117. package/dist/Molecular/SwitcherRange/SwitcherRange.stories.js +0 -59
  118. package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +0 -122
  119. package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -133
  120. package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js +0 -78
  121. package/dist/Molecular/UserBox/UserBox.stories.js +0 -43
@@ -1,32 +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.Radio = exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _RadioInput = _interopRequireDefault(require("./RadioInput"));
13
-
14
- global.lng = 'en';
15
- var _default = {
16
- title: 'RadioInput',
17
- component: _RadioInput.default
18
- };
19
- exports.default = _default;
20
-
21
- var Template = function Template(args) {
22
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_RadioInput.default, args));
23
- };
24
-
25
- var Radio = Template.bind({});
26
- exports.Radio = Radio;
27
- Radio.args = {
28
- name: 'test-name',
29
- label: 'Test label',
30
- disabled: false,
31
- value: false
32
- };
@@ -1,81 +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.RangeCalendarTemplate = 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 _momentTimezone = _interopRequireDefault(require("moment-timezone"));
19
-
20
- var _RangeCalendar = _interopRequireDefault(require("./RangeCalendar"));
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- global.lng = 'en';
27
- var _default = {
28
- title: 'RangeCalendar',
29
- component: _RangeCalendar.default
30
- };
31
- exports.default = _default;
32
-
33
- var Template = function Template(args) {
34
- var _useState = (0, _react.useState)((0, _momentTimezone.default)().subtract(1, 'month').toDate()),
35
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
36
- dateOfRenderedMonth = _useState2[0],
37
- setDateOfRenderedMonth = _useState2[1];
38
-
39
- var _useState3 = (0, _react.useState)(dateOfRenderedMonth),
40
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
41
- startDate = _useState4[0],
42
- setStartDate = _useState4[1];
43
-
44
- var _useState5 = (0, _react.useState)(dateOfRenderedMonth),
45
- _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
46
- endDate = _useState6[0],
47
- setEndDate = _useState6[1];
48
-
49
- var isFirstClickRef = (0, _react.useRef)(false);
50
-
51
- var handleClick = function handleClick(date) {
52
- if (!startDate || startDate && endDate && !(0, _momentTimezone.default)(startDate).add(1, 'd').isSame(endDate, 'day')) {
53
- setStartDate((0, _momentTimezone.default)(date).startOf('day').toDate());
54
- setEndDate((0, _momentTimezone.default)(date).add(1, 'd').startOf('day').toDate());
55
- } else if ((0, _momentTimezone.default)(date).isBefore((0, _momentTimezone.default)(startDate), 'day')) {
56
- setEndDate((0, _momentTimezone.default)(startDate).add(1, 'd').startOf('day').toDate());
57
- setStartDate((0, _momentTimezone.default)(date).set('hour', parseInt(0, 10)).toDate());
58
- } else if ((0, _momentTimezone.default)(date).isAfter((0, _momentTimezone.default)(startDate), 'day')) {
59
- setEndDate((0, _momentTimezone.default)(date).add(1, 'd').startOf('day').toDate());
60
- }
61
- };
62
-
63
- return /*#__PURE__*/_react.default.createElement(_RangeCalendar.default, (0, _extends2.default)({}, args, {
64
- date: dateOfRenderedMonth,
65
- setDate: setDateOfRenderedMonth // allowNext={true}
66
- // allowPrev={true}
67
- ,
68
- startDate: startDate,
69
- endDate: endDate // startPrevDate={startPrevDate}
70
- // endPrevDate={endPrevDate}
71
- ,
72
- onClick: handleClick // onHover={handleHover}
73
-
74
- }));
75
- };
76
-
77
- var RangeCalendarTemplate = Template.bind({});
78
- exports.RangeCalendarTemplate = RangeCalendarTemplate;
79
- RangeCalendarTemplate.args = {
80
- limitRange: 60
81
- };
@@ -1,56 +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.RangeInputsTemplate = 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 _RangeInputs = _interopRequireDefault(require("./RangeInputs"));
19
-
20
- require("./RangeInputs.scss");
21
-
22
- 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); }
23
-
24
- 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; }
25
-
26
- global.lng = 'en';
27
- var _default = {
28
- title: 'RangeInputs',
29
- component: _RangeInputs.default
30
- };
31
- exports.default = _default;
32
-
33
- var Template = function Template(args) {
34
- var _useState = (0, _react.useState)(),
35
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
36
- state = _useState2[0],
37
- setState = _useState2[1];
38
-
39
- (0, _react.useEffect)(function () {
40
- return console.log(state);
41
- }, [state]);
42
- return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, (0, _extends2.default)({}, args, {
43
- onChange: setState,
44
- value: state,
45
- setError: function setError() {}
46
- }));
47
- };
48
-
49
- var RangeInputsTemplate = Template.bind({});
50
- exports.RangeInputsTemplate = RangeInputsTemplate;
51
- RangeInputsTemplate.args = {
52
- isColumnPosition: true,
53
- className: '',
54
- type: 'int',
55
- label: 'Range Inputs'
56
- };
@@ -1,113 +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.RangeListTemplate = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _RangeList = _interopRequireDefault(require("./RangeList"));
21
-
22
- require("./partial/AnyOuterClass.scss");
23
-
24
- var _excluded = ["includeOuterStyles", "isAddValidateErrorsForExamle", "isUseErrorsState", "isUseInitialValues", "initialValues"];
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- global.lng = 'en';
31
- var _default = {
32
- title: 'RangeList',
33
- component: _RangeList.default
34
- };
35
- exports.default = _default;
36
- var rootStyles = {
37
- with: '100%',
38
- padding: '20px',
39
- backgroundColor: '#f7fafc'
40
- };
41
-
42
- var Template = function Template(args) {
43
- var includeOuterStyles = args.includeOuterStyles,
44
- isAddValidateErrorsForExamle = args.isAddValidateErrorsForExamle,
45
- isUseErrorsState = args.isUseErrorsState,
46
- isUseInitialValues = args.isUseInitialValues,
47
- initialValues = args.initialValues,
48
- restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
49
-
50
- var _useState = (0, _react.useState)(),
51
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
52
- value = _useState2[0],
53
- setValue = _useState2[1];
54
-
55
- var _useState3 = (0, _react.useState)(''),
56
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
57
- error = _useState4[0],
58
- setError = _useState4[1];
59
-
60
- var getValidate = function getValidate(isUseState) {
61
- return function (from, to) {
62
- var errorText = '18 is the minimum allowed value';
63
-
64
- if (+from < 18) {
65
- if (isUseState) setError(errorText);
66
- return errorText;
67
- } else {
68
- if (isUseState) setError('');
69
- return '';
70
- }
71
- };
72
- };
73
-
74
- (0, _react.useEffect)(function () {
75
- if (isUseInitialValues) setValue(initialValues);else setValue([]);
76
- setError('');
77
- }, [isUseInitialValues, restArgs.isFloatValues]);
78
- return /*#__PURE__*/_react.default.createElement("div", {
79
- style: rootStyles
80
- }, /*#__PURE__*/_react.default.createElement(_RangeList.default, (0, _extends2.default)({}, restArgs, {
81
- className: includeOuterStyles ? 'any-outer-class__range-list' : null,
82
- value: value,
83
- onChange: function onChange(val) {
84
- return setValue(val);
85
- },
86
- error: error,
87
- validateErrors: isAddValidateErrorsForExamle ? getValidate(isUseErrorsState) : null
88
- })));
89
- };
90
-
91
- var RangeListTemplate = Template.bind({});
92
- exports.RangeListTemplate = RangeListTemplate;
93
- RangeListTemplate.args = {
94
- includeOuterStyles: false,
95
- isAddValidateErrorsForExamle: true,
96
- isUseErrorsState: false,
97
- disabled: false,
98
- isFloatValues: false,
99
- decimalPlaces: 2,
100
- defaultErrorText: 'Set a valid range',
101
- nullValueText: 'Not set',
102
- isUseInitialValues: true,
103
- initialValues: [{
104
- from: 15,
105
- to: 17
106
- }, {
107
- from: 19,
108
- to: 23
109
- }, {
110
- from: 25,
111
- to: 30
112
- }]
113
- };
@@ -1,34 +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.SpinnerTemplate = exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _Spinner = _interopRequireDefault(require("./Spinner.js"));
13
-
14
- global.lng = 'en';
15
- var _default = {
16
- title: 'Form Elements/Spinner',
17
- component: _Spinner.default,
18
- argTypes: {
19
- little: {
20
- description: 'boolean - size of spinner'
21
- }
22
- }
23
- };
24
- exports.default = _default;
25
-
26
- var Template = function Template(args) {
27
- return /*#__PURE__*/_react.default.createElement(_Spinner.default, args);
28
- };
29
-
30
- var SpinnerTemplate = Template.bind({});
31
- exports.SpinnerTemplate = SpinnerTemplate;
32
- SpinnerTemplate.args = {
33
- little: false
34
- };
@@ -1,60 +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.SwitcherTemplate = 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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
-
18
- var _react = _interopRequireWildcard(require("react"));
19
-
20
- var _Switcher = _interopRequireDefault(require("./Switcher"));
21
-
22
- require("./partial/AnyOuterClass.scss");
23
-
24
- var _excluded = ["includeOuterStyles"];
25
-
26
- 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); }
27
-
28
- 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; }
29
-
30
- global.lng = 'en';
31
- var _default = {
32
- title: 'Switcher',
33
- component: _Switcher.default
34
- };
35
- exports.default = _default;
36
-
37
- var Template = function Template(args) {
38
- var includeOuterStyles = args.includeOuterStyles,
39
- restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
40
-
41
- var _useState = (0, _react.useState)(false),
42
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
43
- isActive = _useState2[0],
44
- setIsActive = _useState2[1];
45
-
46
- return /*#__PURE__*/_react.default.createElement(_Switcher.default, (0, _extends2.default)({}, restArgs, {
47
- className: includeOuterStyles ? 'any-outer-class__switcher' : null,
48
- isActive: isActive,
49
- onChange: setIsActive
50
- }));
51
- };
52
-
53
- var SwitcherTemplate = Template.bind({});
54
- exports.SwitcherTemplate = SwitcherTemplate;
55
- SwitcherTemplate.args = {
56
- includeOuterStyles: false,
57
- label: 'Test label',
58
- disabled: false,
59
- isLabelBold: true
60
- };
@@ -1,191 +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.TableTemplate = exports.default = void 0;
11
-
12
- var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
13
-
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
- var _react = _interopRequireWildcard(require("react"));
17
-
18
- var _Table = _interopRequireDefault(require("./Table"));
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
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
25
-
26
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
27
-
28
- global.lng = 'en';
29
- var _default = {
30
- title: 'Table',
31
- component: _Table.default
32
- };
33
- exports.default = _default;
34
-
35
- var Template = function Template(_ref) {
36
- var _state$rows;
37
-
38
- var data = _ref.data;
39
-
40
- var _useState = (0, _react.useState)(data),
41
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
42
- state = _useState2[0],
43
- setState = _useState2[1];
44
-
45
- var rowsWithActions = state === null || state === void 0 ? void 0 : (_state$rows = state.rows) === null || _state$rows === void 0 ? void 0 : _state$rows.map(function (row) {
46
- return _objectSpread(_objectSpread({}, row), {}, {
47
- actions: row.isDeleted ? [{
48
- type: 'undo'
49
- }] : [{
50
- type: 'download'
51
- }, {
52
- type: 'edit'
53
- }, {
54
- type: 'delete'
55
- }]
56
- });
57
- });
58
- return /*#__PURE__*/_react.default.createElement(_Table.default, {
59
- header: state.header,
60
- rows: rowsWithActions,
61
- onChange: setState
62
- });
63
- };
64
-
65
- var TableTemplate = Template.bind({});
66
- exports.TableTemplate = TableTemplate;
67
- TableTemplate.args = {
68
- data: {
69
- header: [{
70
- id: 1,
71
- label: 'state'
72
- }, {
73
- id: 2,
74
- label: 'Tags'
75
- }, {
76
- id: 3,
77
- label: 'status'
78
- }, {
79
- id: 4,
80
- label: 'loanAmountApproved'
81
- }, {
82
- id: 5,
83
- label: 'loanAmountRejected'
84
- }, {
85
- id: 6,
86
- label: 'approveRate'
87
- }, {
88
- id: 7,
89
- label: 'actions',
90
- type: 'actions'
91
- }],
92
- rows: [{
93
- id: 1,
94
- link: {
95
- label: 'CA',
96
- link: '#s'
97
- },
98
- tags: [{
99
- label: 'Label 1'
100
- }],
101
- status: {
102
- value: '90',
103
- status: 'active'
104
- },
105
- loanAmountApproved: {
106
- value: '$70,000'
107
- },
108
- loanAmountRejected: {
109
- value: '$30,000'
110
- },
111
- approveRate: {
112
- value: '70%'
113
- }
114
- }, {
115
- id: 2,
116
- link: {
117
- label: 'NY',
118
- link: '#s'
119
- },
120
- advancedTags: [{
121
- labelLeft: 'home',
122
- labelRight: 'hoods',
123
- active: 3,
124
- pause: 1,
125
- merchants: 5
126
- }, {
127
- labelRight: 'jewelry',
128
- active: 3,
129
- pause: 1,
130
- merchants: 5
131
- }, {
132
- labelLeft: 'home',
133
- labelRight: 'improvement',
134
- active: 0,
135
- pause: 0,
136
- warnLeft: true,
137
- warnLeftMsg: 'landerNotIncluded',
138
- warnRightMsg: 'noMerchants'
139
- }, {
140
- labelLeft: 'home',
141
- labelRight: 'hoods',
142
- active: 3,
143
- pause: 1,
144
- merchants: 5
145
- }, {
146
- labelRight: 'jewelry',
147
- active: 3,
148
- pause: 1,
149
- merchants: 5
150
- }],
151
- status: {
152
- label: 'Active',
153
- className: 'color--green-haze'
154
- },
155
- loanAmountApproved: {
156
- value: '$3,000'
157
- },
158
- loanAmountRejected: {
159
- value: '$7,000'
160
- },
161
- approveRate: {
162
- value: '30%'
163
- }
164
- }, {
165
- id: 3,
166
- link: {
167
- label: 'NH',
168
- link: '#s'
169
- },
170
- tags: [{
171
- label: 'Label 1'
172
- }, {
173
- label: 'Label 2'
174
- }, {
175
- label: 'Label 3'
176
- }],
177
- status: {
178
- status: 'error'
179
- },
180
- loanAmountApproved: {
181
- value: '$70,000'
182
- },
183
- loanAmountRejected: {
184
- value: '$30,000'
185
- },
186
- approveRate: {
187
- value: '70%'
188
- }
189
- }]
190
- }
191
- };
@@ -1,72 +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.TagTemplate = exports.default = void 0;
11
-
12
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
13
-
14
- var _react = _interopRequireWildcard(require("react"));
15
-
16
- var _Tag = _interopRequireDefault(require("./Tag"));
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';
23
- var _default = {
24
- title: 'Tag',
25
- component: _Tag.default
26
- };
27
- exports.default = _default;
28
-
29
- var Template = function Template(args) {
30
- var options = args.options;
31
-
32
- var _useState = (0, _react.useState)(options),
33
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
34
- tags = _useState2[0],
35
- setTags = _useState2[1];
36
-
37
- var removeTagHandler = function removeTagHandler(value) {
38
- var newArray = tags.filter(function (item) {
39
- return item.value !== value;
40
- });
41
- setTags(newArray);
42
- };
43
-
44
- return tags.map(function (_ref) {
45
- var value = _ref.value,
46
- label = _ref.label;
47
- return /*#__PURE__*/_react.default.createElement(_Tag.default, {
48
- label: label,
49
- removeItem: function removeItem() {
50
- return removeTagHandler(value);
51
- }
52
- });
53
- });
54
- };
55
-
56
- var TagTemplate = Template.bind({});
57
- exports.TagTemplate = TagTemplate;
58
- TagTemplate.args = {
59
- options: [{
60
- id: 1,
61
- label: 'Label test 1',
62
- value: 'check1'
63
- }, {
64
- id: 2,
65
- label: 'Label test 2',
66
- value: 'check2'
67
- }, {
68
- id: 3,
69
- label: 'Label test 3',
70
- value: 'check3'
71
- }]
72
- };