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.
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +6 -2
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +2 -1
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +84 -28
- package/dist/Atomic/FormElements/Dropdown/Dropdown.scss +27 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js +50 -7
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +20 -0
- package/dist/Atomic/FormElements/Dropdown/components/Loader.scss +57 -0
- package/dist/Atomic/FormElements/Input/Input.js +124 -50
- package/dist/Atomic/FormElements/Input/Input.stories.js +19 -15
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +33 -31
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +29 -19
- package/dist/Atomic/FormElements/InputDateRange/{components/InputDateRange.js → InputDateRange.js} +54 -62
- package/dist/Atomic/FormElements/InputDateRange/{components/InputDateRange.scss → InputDateRange.scss} +254 -228
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +15 -160
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +72 -34
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +26 -11
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +14 -6
- package/dist/Atomic/FormElements/InputDateRange/{index.js → dependencies.js} +19 -18
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +292 -0
- package/dist/Atomic/FormElements/NumericInput/NumericInput.scss +135 -0
- package/dist/Atomic/FormElements/NumericInput/NumericInput.stories.js +117 -0
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +10 -3
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +4 -4
- package/dist/Atomic/FormElements/Table/Table.scss +1 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.scss +1 -1
- package/dist/Atomic/MainMenu/MainMenu.scss +2 -2
- package/dist/Atomic/UI/Accordion/Accordion.scss +2 -2
- package/dist/Atomic/UI/Arrow/Arrow.js +6 -6
- package/dist/Atomic/UI/Arrow/Arrow.scss +0 -3
- package/dist/Atomic/UI/Calendar/Calendar.js +8 -5
- package/dist/Atomic/UI/Calendar/Calendar.scss +19 -3
- package/dist/Atomic/UI/Calendar/Calendar.stories.js +3 -2
- package/dist/Atomic/UI/Status/Status.scss +1 -1
- package/dist/Constants/index.constants.js +8 -0
- package/dist/Functions/inputExecutor.js +58 -0
- package/dist/Molecular/Datepicker/Datepicker.js +451 -0
- package/dist/Molecular/Datepicker/Datepicker.scss +8 -0
- package/dist/Molecular/Datepicker/Datepicker.stories.js +44 -0
- package/dist/{Atomic/FormElements/Calendar → Molecular/Datepicker/components}/Calendar.js +50 -39
- package/dist/scss/_vars.scss +3 -1
- package/dist/scss/main.scss +1 -1
- package/package.json +5 -4
- package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.js +12 -2
- package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.scss +91 -60
- package/src/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js +4 -3
- package/src/Atomic/FormElements/Dropdown/Dropdown.js +104 -39
- package/src/Atomic/FormElements/Dropdown/Dropdown.scss +27 -3
- package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +42 -15
- package/src/Atomic/FormElements/Dropdown/components/DropdownLoader.js +16 -0
- package/src/Atomic/FormElements/Dropdown/components/Loader.scss +57 -0
- package/src/Atomic/FormElements/Input/Input.js +108 -37
- package/src/Atomic/FormElements/Input/Input.stories.js +43 -22
- package/src/Atomic/FormElements/InputCalendar/InputCalendar.js +18 -17
- package/src/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +17 -14
- package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +219 -0
- package/src/Atomic/FormElements/InputDateRange/{components/InputDateRange.scss → InputDateRange.scss} +254 -228
- package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +38 -117
- package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +92 -53
- package/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js +14 -5
- package/src/Atomic/FormElements/InputDateRange/components/SelectItem.js +5 -3
- package/src/Atomic/FormElements/InputDateRange/{index.js → dependencies.js} +16 -12
- package/src/Atomic/FormElements/NumericInput/NumericInput.js +263 -0
- package/src/Atomic/FormElements/NumericInput/NumericInput.scss +135 -0
- package/src/Atomic/FormElements/NumericInput/NumericInput.stories.js +78 -0
- package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.js +6 -3
- package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.scss +4 -4
- package/src/Atomic/FormElements/Table/Table.scss +1 -1
- package/src/Atomic/FormElements/Textarea/Textarea.scss +1 -1
- package/src/Atomic/MainMenu/MainMenu.scss +2 -2
- package/src/Atomic/UI/Accordion/Accordion.scss +2 -2
- package/src/Atomic/UI/Arrow/Arrow.js +4 -4
- package/src/Atomic/UI/Arrow/Arrow.scss +0 -3
- package/src/Atomic/UI/Calendar/Calendar.js +4 -4
- package/src/Atomic/UI/Calendar/Calendar.scss +19 -3
- package/src/Atomic/UI/Calendar/Calendar.stories.js +2 -1
- package/src/Atomic/UI/Status/Status.scss +1 -1
- package/src/Constants/index.constants.js +41 -0
- package/src/Functions/inputExecutor.js +53 -0
- package/src/Functions/utils.js +4 -1
- package/src/Molecular/Datepicker/Datepicker.js +346 -0
- package/src/Molecular/Datepicker/Datepicker.scss +8 -0
- package/src/Molecular/Datepicker/Datepicker.stories.js +27 -0
- package/src/Molecular/Datepicker/components/Calendar.js +118 -0
- package/src/scss/_vars.scss +3 -1
- package/src/scss/main.scss +1 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.scss +0 -543
- package/dist/Atomic/FormElements/Calendar/Calendar.stories.js +0 -33
- package/dist/scss/anme/_anme-bootstrap-grid.scss +0 -748
- package/dist/scss/anme/_anme-elements.scss +0 -269
- package/dist/scss/anme/_anme-grid.scss +0 -111
- package/dist/scss/anme/_anme-justify.scss +0 -111
- package/dist/scss/anme/_anme-mixins-media.scss +0 -116
- package/dist/scss/anme/_anme-mixins.scss +0 -166
- package/dist/scss/anme/_anme-normalize.scss +0 -8
- package/dist/scss/anme/_anme-overall.scss +0 -34
- package/dist/scss/anme/_anme-padding-margins.scss +0 -419
- package/dist/scss/anme/_anme-table.scss +0 -81
- package/dist/scss/anme/_anme-theme.scss +0 -275
- package/dist/scss/anme/_anme-vars.scss +0 -91
- package/dist/scss/anme/_code-styling.scss +0 -23
- package/dist/scss/anme/styles.scss +0 -12
- package/src/Atomic/FormElements/InputDateRange/components/InputDateRange.js +0 -230
- package/src/scss/anme/_anme-bootstrap-grid.scss +0 -748
- package/src/scss/anme/_anme-elements.scss +0 -269
- package/src/scss/anme/_anme-grid.scss +0 -111
- package/src/scss/anme/_anme-justify.scss +0 -111
- package/src/scss/anme/_anme-mixins-media.scss +0 -116
- package/src/scss/anme/_anme-mixins.scss +0 -166
- package/src/scss/anme/_anme-normalize.scss +0 -8
- package/src/scss/anme/_anme-overall.scss +0 -34
- package/src/scss/anme/_anme-padding-margins.scss +0 -419
- package/src/scss/anme/_anme-table.scss +0 -81
- package/src/scss/anme/_anme-theme.scss +0 -275
- package/src/scss/anme/_anme-vars.scss +0 -91
- package/src/scss/anme/_code-styling.scss +0 -23
- 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
|
+
}
|
|
@@ -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
|
-
|
|
62
|
-
|
|
63
|
-
|
|
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
|
-
|
|
74
|
-
|
|
75
|
-
|
|
73
|
+
strokeWidth: "2",
|
|
74
|
+
strokeLinecap: "round",
|
|
75
|
+
strokeLinejoin: "round"
|
|
76
76
|
})));
|
|
77
77
|
};
|
|
78
78
|
|
|
@@ -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
|
-
|
|
39
|
-
|
|
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')
|
|
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: '
|
|
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
|
};
|
|
@@ -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
|
+
}
|