intelicoreact 0.0.6 → 0.0.9

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 (117) hide show
  1. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +6 -2
  2. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  3. package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -1
  4. package/dist/Atomic/FormElements/Dropdown/Dropdown.js +84 -28
  5. package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +27 -3
  6. package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +50 -7
  7. package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +20 -0
  8. package/dist/Atomic/FormElements/Dropdown/components/Loader.scss +57 -0
  9. package/dist/Atomic/FormElements/Input/Input.js +124 -50
  10. package/dist/Atomic/FormElements/Input/Input.stories.js +19 -15
  11. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +33 -31
  12. package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +29 -19
  13. package/dist/Atomic/FormElements/InputDateRange/{components/InputDateRange.js → InputDateRange.js} +54 -62
  14. package/dist/Atomic/FormElements/InputDateRange/{components/InputDateRange.scss → InputDateRange.scss} +254 -228
  15. package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +15 -160
  16. package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +72 -34
  17. package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +26 -11
  18. package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +14 -6
  19. package/dist/Atomic/FormElements/InputDateRange/{index.js → dependencies.js} +19 -18
  20. package/dist/Atomic/FormElements/NumericInput/NumericInput.js +292 -0
  21. package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +135 -0
  22. package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +117 -0
  23. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +10 -3
  24. package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +4 -4
  25. package/dist/Atomic/FormElements/Table/Table.scss +1 -1
  26. package/dist/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  27. package/dist/Atomic/MainMenu/MainMenu.scss +2 -2
  28. package/dist/Atomic/UI/Accordion/Accordion.scss +2 -2
  29. package/dist/Atomic/UI/Arrow/Arrow.js +6 -6
  30. package/dist/Atomic/UI/Arrow/Arrow.scss +0 -3
  31. package/dist/Atomic/UI/Calendar/Calendar.js +8 -5
  32. package/dist/Atomic/UI/Calendar/Calendar.scss +19 -3
  33. package/dist/Atomic/UI/Calendar/Calendar.stories.js +3 -2
  34. package/dist/Atomic/UI/Status/Status.scss +1 -1
  35. package/dist/Constants/index.constants.js +8 -0
  36. package/dist/Functions/inputExecutor.js +58 -0
  37. package/dist/Molecular/Datepicker/Datepicker.js +451 -0
  38. package/dist/Molecular/Datepicker/Datepicker.scss +8 -0
  39. package/dist/Molecular/Datepicker/Datepicker.stories.js +44 -0
  40. package/dist/{Atomic/FormElements/Calendar → Molecular/Datepicker/components}/Calendar.js +50 -39
  41. package/dist/scss/_vars.scss +3 -1
  42. package/dist/scss/main.scss +1 -1
  43. package/package.json +5 -4
  44. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js +12 -2
  45. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
  46. package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +4 -3
  47. package/src/Atomic/FormElements/Dropdown/Dropdown.js +104 -39
  48. package/src/Atomic/FormElements/Dropdown/Dropdown.scss +27 -3
  49. package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +42 -15
  50. package/src/Atomic/FormElements/Dropdown/components/DropdownLoader.js +16 -0
  51. package/src/Atomic/FormElements/Dropdown/components/Loader.scss +57 -0
  52. package/src/Atomic/FormElements/Input/Input.js +108 -37
  53. package/src/Atomic/FormElements/Input/Input.stories.js +43 -22
  54. package/src/Atomic/FormElements/InputCalendar/InputCalendar.js +18 -17
  55. package/src/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +17 -14
  56. package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +219 -0
  57. package/src/Atomic/FormElements/InputDateRange/{components/InputDateRange.scss → InputDateRange.scss} +254 -228
  58. package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +38 -117
  59. package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +92 -53
  60. package/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js +14 -5
  61. package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +5 -3
  62. package/src/Atomic/FormElements/InputDateRange/{index.js → dependencies.js} +16 -12
  63. package/src/Atomic/FormElements/NumericInput/NumericInput.js +263 -0
  64. package/src/Atomic/FormElements/NumericInput/NumericInput.scss +135 -0
  65. package/src/Atomic/FormElements/NumericInput/NumericInput.stories.js +78 -0
  66. package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.js +6 -3
  67. package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +4 -4
  68. package/src/Atomic/FormElements/Table/Table.scss +1 -1
  69. package/src/Atomic/FormElements/Textarea/Textarea.scss +1 -1
  70. package/src/Atomic/MainMenu/MainMenu.scss +2 -2
  71. package/src/Atomic/UI/Accordion/Accordion.scss +2 -2
  72. package/src/Atomic/UI/Arrow/Arrow.js +4 -4
  73. package/src/Atomic/UI/Arrow/Arrow.scss +0 -3
  74. package/src/Atomic/UI/Calendar/Calendar.js +4 -4
  75. package/src/Atomic/UI/Calendar/Calendar.scss +19 -3
  76. package/src/Atomic/UI/Calendar/Calendar.stories.js +2 -1
  77. package/src/Atomic/UI/Status/Status.scss +1 -1
  78. package/src/Constants/index.constants.js +41 -0
  79. package/src/Functions/inputExecutor.js +53 -0
  80. package/src/Functions/utils.js +4 -1
  81. package/src/Molecular/Datepicker/Datepicker.js +346 -0
  82. package/src/Molecular/Datepicker/Datepicker.scss +8 -0
  83. package/src/Molecular/Datepicker/Datepicker.stories.js +27 -0
  84. package/src/Molecular/Datepicker/components/Calendar.js +118 -0
  85. package/src/scss/_vars.scss +3 -1
  86. package/src/scss/main.scss +1 -1
  87. package/dist/Atomic/FormElements/Calendar/Calendar.scss +0 -543
  88. package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +0 -33
  89. package/dist/scss/anme/_anme-bootstrap-grid.scss +0 -748
  90. package/dist/scss/anme/_anme-elements.scss +0 -269
  91. package/dist/scss/anme/_anme-grid.scss +0 -111
  92. package/dist/scss/anme/_anme-justify.scss +0 -111
  93. package/dist/scss/anme/_anme-mixins-media.scss +0 -116
  94. package/dist/scss/anme/_anme-mixins.scss +0 -166
  95. package/dist/scss/anme/_anme-normalize.scss +0 -8
  96. package/dist/scss/anme/_anme-overall.scss +0 -34
  97. package/dist/scss/anme/_anme-padding-margins.scss +0 -419
  98. package/dist/scss/anme/_anme-table.scss +0 -81
  99. package/dist/scss/anme/_anme-theme.scss +0 -275
  100. package/dist/scss/anme/_anme-vars.scss +0 -91
  101. package/dist/scss/anme/_code-styling.scss +0 -23
  102. package/dist/scss/anme/styles.scss +0 -12
  103. package/src/Atomic/FormElements/InputDateRange/components/InputDateRange.js +0 -230
  104. package/src/scss/anme/_anme-bootstrap-grid.scss +0 -748
  105. package/src/scss/anme/_anme-elements.scss +0 -269
  106. package/src/scss/anme/_anme-grid.scss +0 -111
  107. package/src/scss/anme/_anme-justify.scss +0 -111
  108. package/src/scss/anme/_anme-mixins-media.scss +0 -116
  109. package/src/scss/anme/_anme-mixins.scss +0 -166
  110. package/src/scss/anme/_anme-normalize.scss +0 -8
  111. package/src/scss/anme/_anme-overall.scss +0 -34
  112. package/src/scss/anme/_anme-padding-margins.scss +0 -419
  113. package/src/scss/anme/_anme-table.scss +0 -81
  114. package/src/scss/anme/_anme-theme.scss +0 -275
  115. package/src/scss/anme/_anme-vars.scss +0 -91
  116. package/src/scss/anme/_code-styling.scss +0 -23
  117. package/src/scss/anme/styles.scss +0 -12
@@ -1,4 +1,4 @@
1
- .range-calendar {
1
+ .range-calendar, .calendar {
2
2
  width: 195px;
3
3
  min-height: 195px;
4
4
  display: flex;
@@ -12,7 +12,7 @@
12
12
  display: flex;
13
13
  justify-content: space-between;
14
14
  align-items: center;
15
-
15
+
16
16
  &__title {
17
17
  line-height: 20px;
18
18
  font-weight: 500;
@@ -27,7 +27,7 @@
27
27
  &__next, &__prev {
28
28
  width: 16px;
29
29
  height: 16px;
30
- background-color: #E2E6F8;
30
+ //background-color: #E2E6F8;
31
31
  border-radius: 5px;
32
32
  color: #171D33;
33
33
  }
@@ -98,4 +98,4 @@
98
98
  }
99
99
  }
100
100
  }
101
- }
101
+ }
@@ -1,4 +1,4 @@
1
- @import '../../../scss/anme/anme-vars';
1
+ @import '~anme/scss/anme-vars';
2
2
 
3
3
  .table-header {
4
4
  &--weight-actions {
@@ -1,5 +1,5 @@
1
1
  @import "../../../scss/vars";
2
- @import "../../../scss/anme/anme-mixins";
2
+ @import "~anme/scss/anme-mixins";
3
3
 
4
4
  .textarea {
5
5
  border: 1px solid #e2e5ec;
@@ -1,5 +1,5 @@
1
- @import "../../scss/anme/anme-vars";
2
- @import "../../scss/anme/anme-mixins";
1
+ @import "~anme/scss/anme-vars";
2
+ @import "~anme/scss/anme-mixins";
3
3
 
4
4
  .main-menu {
5
5
  display: flex;
@@ -1,5 +1,5 @@
1
- @import '../../../scss/anme/anme-vars';
2
- @import '../../../scss/anme/anme-mixins';
1
+ @import '~anme/scss/anme-vars';
2
+ @import '~anme/scss/anme-mixins';
3
3
 
4
4
  .accordion {
5
5
  &--item {
@@ -58,9 +58,9 @@ var Arrow = function Arrow(_ref) {
58
58
  }, /*#__PURE__*/_react.default.createElement("path", {
59
59
  d: "M15 18L9 12L15 6",
60
60
  stroke: color,
61
- "stroke-width": "2",
62
- "stroke-linecap": "round",
63
- "stroke-linejoin": "round"
61
+ strokeWidth: "2",
62
+ strokeLinecap: "round",
63
+ strokeLinejoin: "round"
64
64
  })) : /*#__PURE__*/_react.default.createElement("svg", {
65
65
  width: "24",
66
66
  height: "24",
@@ -70,9 +70,9 @@ var Arrow = function Arrow(_ref) {
70
70
  }, /*#__PURE__*/_react.default.createElement("path", {
71
71
  d: "M9 18L15 12L9 6",
72
72
  stroke: color,
73
- "stroke-width": "2",
74
- "stroke-linecap": "round",
75
- "stroke-linejoin": "round"
73
+ strokeWidth: "2",
74
+ strokeLinecap: "round",
75
+ strokeLinejoin: "round"
76
76
  })));
77
77
  };
78
78
 
@@ -1,9 +1,6 @@
1
1
  .arrow {
2
2
  width: 24px;
3
3
  height: 24px;
4
- color: #1F7499;
5
- // cursor: pointer;
6
- // border: 1px solid #EAF2FF;
7
4
 
8
5
  &_disabled {
9
6
  pointer-events: none;
@@ -34,9 +34,12 @@ function _default(props) {
34
34
  allowPrev = _props$allowPrev === void 0 ? true : _props$allowPrev,
35
35
  _props$allowNext = props.allowNext,
36
36
  allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
37
- params = props.params;
38
- var minDate = params.minDate,
39
- maxDate = params.maxDate;
37
+ params = props.params,
38
+ className = props.className;
39
+ var _params$minDate = params.minDate,
40
+ minDate = _params$minDate === void 0 ? '01/01/1900' : _params$minDate,
41
+ _params$maxDate = params.maxDate,
42
+ maxDate = _params$maxDate === void 0 ? (0, _moment.default)().format('MM/DD/YYYY') : _params$maxDate;
40
43
 
41
44
  var _useState = (0, _react.useState)({}),
42
45
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -112,7 +115,7 @@ function _default(props) {
112
115
  };
113
116
 
114
117
  return /*#__PURE__*/_react.default.createElement("div", {
115
- className: "calendar"
118
+ className: "calendar ".concat(className ? className : "")
116
119
  }, /*#__PURE__*/_react.default.createElement("div", {
117
120
  className: "calendar-header"
118
121
  }, /*#__PURE__*/_react.default.createElement("div", {
@@ -131,7 +134,7 @@ function _default(props) {
131
134
  return /*#__PURE__*/_react.default.createElement("div", {
132
135
  key: "day-of-week_".concat(dayOfWeek),
133
136
  className: "calendar__day calendar__day--title"
134
- }, (0, _moment.default)().weekday(dayOfWeek).format('dd').charAt(0));
137
+ }, (0, _moment.default)().weekday(dayOfWeek).format('dd'));
135
138
  })), Object.keys(days).map(function (week, index) {
136
139
  return /*#__PURE__*/_react.default.createElement("div", {
137
140
  key: "week_".concat(index),
@@ -425,7 +425,17 @@
425
425
  // box-shadow: 0 0 3px 0 rgb(0 123 255 / 50%);
426
426
  // }
427
427
  // }
428
+ .calendar-header {
429
+ display: flex;
430
+ justify-content: center;
431
+ align-items: center;
428
432
 
433
+ &__prev,
434
+ &__next{
435
+ display: flex;
436
+ height: auto;
437
+ }
438
+ }
429
439
  .calendar {
430
440
  background: #ffffff;
431
441
  border: 1px solid #e2e5ec;
@@ -507,15 +517,21 @@
507
517
  }
508
518
 
509
519
  &-container {
510
- width: 200px;
520
+ min-width: 200px;
521
+ position: relative;
522
+ .calendar {
523
+ position: absolute;
524
+ z-index: 9;
525
+ top: 100%;
526
+ padding: 10px 16px;
527
+ border: 1px solid var(--border-color);
528
+ }
511
529
  }
512
530
 
513
531
  &-dropdown {
514
532
  appearance: none;
515
533
  background-color: white;
516
534
  cursor: pointer;
517
- color: gray;
518
-
519
535
  width: 100%;
520
536
  height: 28px;
521
537
 
@@ -13,7 +13,7 @@ var _Calendar = _interopRequireDefault(require("./Calendar"));
13
13
 
14
14
  global.lng = 'en';
15
15
  var _default = {
16
- title: 'UI/Calendar',
16
+ title: 'Calendar',
17
17
  component: _Calendar.default
18
18
  };
19
19
  exports.default = _default;
@@ -33,5 +33,6 @@ CalendarTemplate.args = {
33
33
  params: {},
34
34
  setDate: function setDate() {
35
35
  return null;
36
- }
36
+ },
37
+ className: ''
37
38
  };
@@ -1,4 +1,4 @@
1
- @import "../../../scss/anme/anme-vars";
1
+ @import "~anme/scss/anme-vars";
2
2
 
3
3
  .status {
4
4
  display: inline-flex;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.KEYBOARD_SERVICE_KEYS = void 0;
7
+ var KEYBOARD_SERVICE_KEYS = ['Escape', 'F1', 'F2', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12', 'Tab', 'CapsLock', 'Shift', 'Control', 'Meta', 'Option', 'Alt', 'ContextMenu', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'NumLock', 'Backspace', 'Delete', 'Enter', 'Return', 'Insert', 'Home', 'End', 'PageUp', 'PageDown', 'PrintScreen', 'ScrollLock', 'Pause'];
8
+ exports.KEYBOARD_SERVICE_KEYS = KEYBOARD_SERVICE_KEYS;
@@ -0,0 +1,58 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.formatInput = void 0;
9
+
10
+ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
11
+
12
+ var formatInput = {
13
+ priceInput: {
14
+ addCommas: function addCommas(value) {
15
+ value = value.toString();
16
+ var isFraction = value.includes('.');
17
+ var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value;
18
+ var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
19
+ return idx % 3 === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
20
+ }, []).reverse().join('');
21
+ return isFraction ? intPart + value.slice(value.indexOf('.')) : intPart;
22
+ },
23
+ removeComma: function removeComma(value) {
24
+ return parseInt(value.toString().replace(/\,/g, ''));
25
+ }
26
+ },
27
+ onlyNumbers: function onlyNumbers(value) {
28
+ var isDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
29
+ var val = value.slice(0, 1) !== '0' && value.slice(0, 1) !== '.' ? value : value.slice(1);
30
+ if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));else return +val.toString().replace(/\D/g, '');
31
+ },
32
+ onlyString: function onlyString(value) {
33
+ return value.toString().replace(/[^a-z]/gi, '');
34
+ }
35
+ }; //обрезает числа после точки до 2х
36
+ // 342.23423432 -> 342.23
37
+
38
+ exports.formatInput = formatInput;
39
+
40
+ var twoDigitAfterDot = function twoDigitAfterDot(value) {
41
+ if (value.includes('.')) {
42
+ var valueAfterDot = value.slice(0, value.indexOf('.') + 3);
43
+ var rest = value.slice(value.indexOf('.') + 1, value.indexOf('.') + 3);
44
+ return allButTheFirstDotCutter(valueAfterDot);
45
+ } else {
46
+ return value;
47
+ }
48
+ }; //обрезает все точки кроме первой.
49
+ //для фомата "2 цифры после точки"
50
+ // нельзя = 123...
51
+ // можно 123.99
52
+
53
+
54
+ function allButTheFirstDotCutter(str) {
55
+ return str.replace(/^([^.]*\.)(.*)$/, function (a, b, c) {
56
+ return b + c.replace(/\./g, '');
57
+ });
58
+ }