intelicoreact 0.1.60 → 0.1.64

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 (123) 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/InputMask/InputMask.js +74 -67
  11. package/dist/Atomic/FormElements/RadioInput/RadioInput.js +4 -2
  12. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +5 -4
  13. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.js +1 -1
  14. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/SwitcherHide.scss +0 -0
  15. package/dist/{Molecular → Atomic/FormElements}/SwitcherHide/partial/AnyOuterClass.scss +0 -0
  16. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.js +1 -1
  17. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/SwitcherRadio.scss +0 -0
  18. package/dist/{Molecular → Atomic/FormElements}/SwitcherRadio/partial/AnyOuterClass.scss +0 -0
  19. package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.js +2 -2
  20. package/dist/{Molecular → Atomic/FormElements}/SwitcherRange/SwitcherRange.scss +0 -0
  21. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.js +1 -1
  22. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/SwitcherRangeList.scss +0 -0
  23. package/dist/{Molecular → Atomic/FormElements}/SwitcherRangeList/partial/AnyOuterClass.scss +0 -0
  24. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.js +4 -4
  25. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/SwitcherTagsDropdown.scss +10 -10
  26. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/AnyOuterClass.scss +0 -0
  27. package/dist/{Molecular → Atomic/FormElements}/SwitcherTagsDropdown/partial/States.js +0 -0
  28. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.js +2 -2
  29. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/SwitcherTextarea.scss +3 -3
  30. package/dist/{Molecular → Atomic/FormElements}/SwitcherTextarea/partial/AnyOuterClass.scss +0 -0
  31. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -1
  32. package/dist/Atomic/{FormElements → Layout}/Header/Header.js +2 -1
  33. package/dist/Atomic/{FormElements → Layout}/Header/Header.scss +0 -0
  34. package/dist/Atomic/{UI → Layout}/Header/partials/default_ava.png +0 -0
  35. package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.js +2 -2
  36. package/dist/Atomic/{MainMenu → Layout/MainMenu}/MainMenu.scss +4 -4
  37. package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.js +0 -0
  38. package/dist/Atomic/{FormElements → Layout}/Spinner/Spinner.scss +0 -0
  39. package/dist/Atomic/UI/Accordion/Accordion.js +1 -1
  40. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -0
  41. package/dist/Atomic/UI/Alert/Alert.scss +1 -0
  42. package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.js +0 -0
  43. package/dist/Atomic/{FormElements → UI}/DateTime/DateTime.scss +0 -0
  44. package/dist/Atomic/{FormElements → UI}/DateTime/partial/AnyOuterClass.scss +0 -0
  45. package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.js +0 -0
  46. package/dist/Atomic/{FormElements → UI}/DoubleString/DoubleString.scss +0 -0
  47. package/dist/Atomic/{FormElements → UI}/DoubleString/partial/AnyOuterClass.scss +0 -0
  48. package/dist/Atomic/{FormElements → UI}/Modal/Modal.js +5 -2
  49. package/dist/Atomic/{FormElements → UI}/Modal/Modal.scss +0 -31
  50. package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.js +0 -0
  51. package/dist/Atomic/{FormElements → UI}/NavLine/NavLine.scss +0 -0
  52. package/dist/Atomic/UI/PageTitle/PageTitle.js +54 -0
  53. package/dist/Atomic/UI/PageTitle/PageTitle.scss +50 -0
  54. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdCell.js +3 -3
  55. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdHeader.js +0 -0
  56. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdRow.js +0 -0
  57. package/dist/Atomic/{FormElements → UI}/Table/Partials/TdTitle.js +0 -0
  58. package/dist/Atomic/{FormElements → UI}/Table/Table.js +0 -0
  59. package/dist/Atomic/{FormElements → UI}/Table/Table.scss +0 -0
  60. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdActions.js +1 -1
  61. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdPriority.js +0 -0
  62. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdRange.js +0 -0
  63. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdTypes.scss +0 -0
  64. package/dist/Atomic/{FormElements → UI}/Table/TdTypes/TdWeight.js +1 -1
  65. package/dist/Atomic/{FormElements → UI}/Tag/Tag.js +0 -0
  66. package/dist/Atomic/{FormElements → UI}/Tag/Tag.scss +0 -0
  67. package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.js +3 -3
  68. package/dist/{Molecular → Atomic/UI}/UserBox/UserBox.scss +0 -0
  69. package/dist/Functions/fieldValueFormatters.js +24 -24
  70. package/dist/Molecular/{FormElements → FormElement}/FormElement.js +0 -0
  71. package/dist/Molecular/FormElement/FormElement.scss +12 -0
  72. package/dist/scss/main.scss +1 -0
  73. package/package.json +8 -3
  74. package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.stories.js +0 -69
  75. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +0 -53
  76. package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js +0 -86
  77. package/dist/Atomic/FormElements/DateTime/DateTime.stories.js +0 -46
  78. package/dist/Atomic/FormElements/DoubleString/DoubleString.stories.js +0 -42
  79. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +0 -162
  80. package/dist/Atomic/FormElements/Header/Header.stories.js +0 -42
  81. package/dist/Atomic/FormElements/Input/Input.stories.js +0 -140
  82. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +0 -79
  83. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +0 -96
  84. package/dist/Atomic/FormElements/InputMask/InputMask.stories.js +0 -266
  85. package/dist/Atomic/FormElements/InputsRow/InputsRow.stories.js +0 -43
  86. package/dist/Atomic/FormElements/Label/Label.stories.js +0 -33
  87. package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +0 -131
  88. package/dist/Atomic/FormElements/Modal/Modal.stories.js +0 -157
  89. package/dist/Atomic/FormElements/MultiSelect/MultiSelect.stories.js +0 -76
  90. package/dist/Atomic/FormElements/NavLine/NavLine.stories.js +0 -126
  91. package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +0 -137
  92. package/dist/Atomic/FormElements/RadioInput/RadioInput.stories.js +0 -32
  93. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.stories.js +0 -81
  94. package/dist/Atomic/FormElements/RangeInputs/RangeInputs.stories.js +0 -56
  95. package/dist/Atomic/FormElements/RangeList/RangeList.stories.js +0 -113
  96. package/dist/Atomic/FormElements/Spinner/Spinner.stories.js +0 -34
  97. package/dist/Atomic/FormElements/Switcher/Switcher.stories.js +0 -60
  98. package/dist/Atomic/FormElements/Table/Table.stories.js +0 -191
  99. package/dist/Atomic/FormElements/Tag/Tag.stories.js +0 -72
  100. package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.stories.js +0 -125
  101. package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.stories.js +0 -60
  102. package/dist/Atomic/FormElements/Textarea/Textarea.stories.js +0 -50
  103. package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.stories.js +0 -59
  104. package/dist/Atomic/FormElements/TimeRange/TimeRange.stories.js +0 -32
  105. package/dist/Atomic/MainMenu/MainMenu.stories.js +0 -87
  106. package/dist/Atomic/UI/Accordion/Accordion.stories.js +0 -77
  107. package/dist/Atomic/UI/AdvancedTag/AdvancedTags.stories.js +0 -59
  108. package/dist/Atomic/UI/Alert/Alert.stories.js +0 -45
  109. package/dist/Atomic/UI/Arrow/Arrow.stories.js +0 -46
  110. package/dist/Atomic/UI/Button/Button.stories.js +0 -62
  111. package/dist/Atomic/UI/Calendar/Calendar.stories.js +0 -55
  112. package/dist/Atomic/UI/Hint/Hint.stories.js +0 -44
  113. package/dist/Atomic/UI/Price/Price.stories.js +0 -42
  114. package/dist/Atomic/UI/Status/Status.stories.js +0 -59
  115. package/dist/Molecular/Datepicker/Datepicker.stories.js +0 -44
  116. package/dist/Molecular/FormElements/FormElement.stories.js +0 -74
  117. package/dist/Molecular/SwitcherHide/SwitcherHide.stories.js +0 -62
  118. package/dist/Molecular/SwitcherRadio/SwitcherRadio.stories.js +0 -105
  119. package/dist/Molecular/SwitcherRange/SwitcherRange.stories.js +0 -59
  120. package/dist/Molecular/SwitcherRangeList/SwitcherRangeList.stories.js +0 -122
  121. package/dist/Molecular/SwitcherTagsDropdown/SwitcherTagsDropdown.stories.js +0 -133
  122. package/dist/Molecular/SwitcherTextarea/SwitcherTextarea.stories.js +0 -78
  123. package/dist/Molecular/UserBox/UserBox.stories.js +0 -43
package/package.json CHANGED
@@ -1,12 +1,17 @@
1
1
  {
2
2
  "name": "intelicoreact",
3
- "version": "0.1.60",
3
+ "version": "0.1.64",
4
4
  "description": "fix UserBox crush",
5
5
  "main": "dist/index.js",
6
- "files": ["dist/*", "node_modules/anme/*", "node_modules/moment/*", "node_modules/moment-timezone/*"],
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
- };
@@ -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.HeaderTemplate = exports.default = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _Header = _interopRequireDefault(require("./Header"));
13
-
14
- global.lng = 'en';
15
- var _default = {
16
- title: 'Header',
17
- component: _Header.default,
18
- argTypes: {
19
- status: {
20
- control: {
21
- type: 'select',
22
- options: ['admin', 'user']
23
- }
24
- }
25
- }
26
- };
27
- exports.default = _default;
28
-
29
- var Template = function Template(args) {
30
- return /*#__PURE__*/_react.default.createElement(_Header.default, args);
31
- };
32
-
33
- var HeaderTemplate = Template.bind({});
34
- exports.HeaderTemplate = HeaderTemplate;
35
- HeaderTemplate.args = {
36
- name: 'Jesse',
37
- surname: 'James',
38
- status: 'admin',
39
- img: 'http://mediad.publicbroadcasting.net/p/shared/npr/styles/x_large/nprshared/201805/212379250.jpg',
40
- hintText: 'Hint text',
41
- hintLabel: 'Help'
42
- };
@@ -1,140 +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.InputTemplate = 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 _reactFeather = require("react-feather");
19
-
20
- var _Input = _interopRequireDefault(require("./Input"));
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: 'Form Elements/Input',
29
- component: _Input.default,
30
- argTypes: {
31
- disabled: {
32
- description: 'boolean'
33
- },
34
- error: {
35
- description: 'text - coloring input if is errored'
36
- },
37
- isPriceInput: {
38
- description: 'boolean - if true, the input will be styled as PriceInput'
39
- },
40
- withDelete: {
41
- description: 'boolean - add clear-cross by hover'
42
- },
43
- onlyNumbers: {
44
- description: 'object - only numbers'
45
- },
46
- softStringMode: {
47
- description: 'boolean - only strings'
48
- },
49
- hardStringMode: {
50
- description: 'boolean - soft or hard validation'
51
- },
52
- isTwoDigitAfterDot: {
53
- description: 'boolean - only two digits after dot'
54
- },
55
- isFocusDefault: {
56
- description: 'boolean - if true, input will be focused on mount'
57
- },
58
- placeholder: {
59
- description: 'text'
60
- },
61
- type: {
62
- description: "'text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range'",
63
- control: {
64
- type: 'select',
65
- options: ['text', 'number', 'password', 'color', 'date', 'datetime-local', 'month', 'time', 'email', 'range']
66
- }
67
- },
68
- icon: {
69
- description: 'JSX'
70
- },
71
- value: {
72
- description: '(* - required prop)'
73
- },
74
- className: {
75
- description: 'string'
76
- },
77
- mask: {
78
- description: 'string: force input to masked https://www.npmjs.com/package/react-input-mask'
79
- },
80
- symbolsLimit: {
81
- description: 'Set limit of symbols in input, overhead will be ignored'
82
- },
83
- onBlur: {
84
- description: 'custom callback on blur'
85
- },
86
- onFocus: {
87
- description: 'custom callback on focus'
88
- },
89
- onKeyUp: {
90
- description: 'custom callback on keyup, returns event keyCode'
91
- },
92
- isNumericMobileKeyboard: {
93
- description: 'Enable Mobile Numeric Keyboard',
94
- type: 'boolean',
95
- default: false
96
- }
97
- }
98
- };
99
- exports.default = _default;
100
- var styles = {
101
- with: '200px'
102
- };
103
-
104
- var Template = function Template(args) {
105
- var _useState = (0, _react.useState)(''),
106
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
107
- value = _useState2[0],
108
- setValue = _useState2[1]; // useEffect(() => console.log('useEffect - value - ', value), [value]);
109
-
110
-
111
- return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
112
- style: styles,
113
- value: value,
114
- onChange: setValue
115
- }));
116
- };
117
-
118
- var InputTemplate = Template.bind({});
119
- exports.InputTemplate = InputTemplate;
120
- InputTemplate.args = {
121
- type: 'text',
122
- isFocusDefault: false,
123
- onlyNumbers: {
124
- type: 'float',
125
- decimalPlaces: 2
126
- },
127
- isOnlyString: false,
128
- isPriceInput: false,
129
- isTwoDigitAfterDot: false,
130
- disabled: false,
131
- error: '',
132
- mask: '',
133
- softStringMode: false,
134
- withDelete: true,
135
- symbolsLimit: 255,
136
- placeholder: 'Placeholder',
137
- icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null),
138
- isNumericMobileKeyboard: false,
139
- isNotValidateASCII: false
140
- };