intelicoreact 0.0.92 → 0.0.95
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/Dropdown/Dropdown.stories.js +1 -1
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -1
- package/dist/Atomic/FormElements/Dropdown/components/{Loader.scss → DropdownLoader.scss} +0 -0
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +35 -6
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.scss +23 -0
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +28 -6
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +20 -9
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +7 -5
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +29 -24
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +13 -7
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +427 -0
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +120 -0
- package/dist/{Molecular/Datepicker/Datepicker.stories.js → Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js} +33 -21
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +11 -8
- package/dist/Atomic/UI/Calendar/Calendar.js +23 -22
- package/dist/Atomic/UI/Calendar/Calendar.scss +23 -23
- package/dist/Functions/customEventListener.js +66 -0
- package/package.json +1 -1
- package/src/Atomic/FormElements/Dropdown/Dropdown.stories.js +1 -1
- package/src/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -1
- package/src/Atomic/FormElements/Dropdown/components/{Loader.scss → DropdownLoader.scss} +0 -0
- package/src/Atomic/FormElements/InputCalendar/InputCalendar.js +58 -5
- package/src/Atomic/FormElements/InputCalendar/InputCalendar.scss +23 -0
- package/src/Atomic/FormElements/InputCalendar/InputCalendar.stories.js +16 -6
- package/src/Atomic/FormElements/InputDateRange/InputDateRange.js +57 -22
- package/src/Atomic/FormElements/InputDateRange/InputDateRange.stories.js +10 -8
- package/src/Atomic/FormElements/InputDateRange/components/Datepicker.js +391 -392
- package/src/Atomic/FormElements/InputDateRange/components/OpenedPart.js +11 -3
- package/src/Atomic/FormElements/MobileCalendar/MobileCalendar.js +315 -0
- package/src/Atomic/FormElements/MobileCalendar/MobileCalendar.scss +120 -0
- package/src/Atomic/FormElements/MobileCalendar/MobileCalendar.stories.js +30 -0
- package/src/Atomic/FormElements/RangeCalendar/RangeCalendar.js +132 -126
- package/src/Atomic/UI/Calendar/Calendar.js +35 -23
- package/src/Atomic/UI/Calendar/Calendar.scss +23 -23
- package/src/Functions/customEventListener.js +58 -0
- package/src/Functions/useMouseUpOutside.js +14 -0
- package/dist/Functions/useToggle.js +0 -40
- package/dist/Functions/utils.js +0 -66
- package/dist/Molecular/Datepicker/Datepicker.js +0 -451
- package/dist/Molecular/Datepicker/Datepicker.scss +0 -8
- package/dist/Molecular/Datepicker/components/Calendar.js +0 -156
- package/dist/Molecular/FormElements/FormElement.js +0 -40
- package/dist/Molecular/FormElements/FormElement.scss +0 -8
- package/dist/Molecular/FormElements/FormElement.stories.js +0 -73
- package/dist/index.js +0 -15
- package/dist/scss/_fonts.scss +0 -109
- package/dist/scss/_vars.scss +0 -48
- package/dist/scss/main.scss +0 -40
|
@@ -1,73 +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 _react = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
|
-
var _Input = _interopRequireDefault(require("../../Atomic/FormElements/Input/Input"));
|
|
15
|
-
|
|
16
|
-
var _FormElement = _interopRequireDefault(require("./FormElement"));
|
|
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: 'Form Elements/Form Element',
|
|
25
|
-
component: _FormElement.default,
|
|
26
|
-
argTypes: {
|
|
27
|
-
label: {
|
|
28
|
-
description: 'string/JSX'
|
|
29
|
-
},
|
|
30
|
-
children: {
|
|
31
|
-
description: 'JSX'
|
|
32
|
-
},
|
|
33
|
-
error: {
|
|
34
|
-
description: 'string - print error if is errored'
|
|
35
|
-
},
|
|
36
|
-
required: {
|
|
37
|
-
description: 'boolean'
|
|
38
|
-
},
|
|
39
|
-
className: {
|
|
40
|
-
description: 'string'
|
|
41
|
-
},
|
|
42
|
-
hint: {
|
|
43
|
-
description: 'object {text: string, hintSide: bottom/right',
|
|
44
|
-
control: {
|
|
45
|
-
type: 'object'
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
exports.default = _default;
|
|
51
|
-
|
|
52
|
-
var Template = function Template(args) {
|
|
53
|
-
return /*#__PURE__*/_react.default.createElement(_FormElement.default, args, /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
54
|
-
error: args.error
|
|
55
|
-
}));
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
var InputTemplate = Template.bind({});
|
|
59
|
-
exports.InputTemplate = InputTemplate;
|
|
60
|
-
InputTemplate.args = {
|
|
61
|
-
label: 'Text label',
|
|
62
|
-
error: 'error',
|
|
63
|
-
required: true,
|
|
64
|
-
hint: {
|
|
65
|
-
text: 'hint',
|
|
66
|
-
hintSide: 'bottom'
|
|
67
|
-
},
|
|
68
|
-
numStep: 1,
|
|
69
|
-
min: '0',
|
|
70
|
-
max: '5',
|
|
71
|
-
placeholder: 'Placeholder',
|
|
72
|
-
mask: ''
|
|
73
|
-
};
|
package/dist/index.js
DELETED
|
@@ -1,15 +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
|
-
Object.defineProperty(exports, "Button", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _Button.default;
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
var _Button = _interopRequireDefault(require("./Atomic/UI/Button/Button"));
|
package/dist/scss/_fonts.scss
DELETED
|
@@ -1,109 +0,0 @@
|
|
|
1
|
-
/* roboto-100 - latin_cyrillic */
|
|
2
|
-
@font-face {
|
|
3
|
-
font-family: 'Roboto';
|
|
4
|
-
font-style: normal;
|
|
5
|
-
font-weight: 100;
|
|
6
|
-
src: local('Roboto Thin'), local('Roboto-Thin'),
|
|
7
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
8
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
9
|
-
}
|
|
10
|
-
/* roboto-100italic - latin_cyrillic */
|
|
11
|
-
@font-face {
|
|
12
|
-
font-family: 'Roboto';
|
|
13
|
-
font-style: italic;
|
|
14
|
-
font-weight: 100;
|
|
15
|
-
src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'),
|
|
16
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
17
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-100italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
18
|
-
}
|
|
19
|
-
/* roboto-300 - latin_cyrillic */
|
|
20
|
-
@font-face {
|
|
21
|
-
font-family: 'Roboto';
|
|
22
|
-
font-style: normal;
|
|
23
|
-
font-weight: 300;
|
|
24
|
-
src: local('Roboto Light'), local('Roboto-Light'),
|
|
25
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
26
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
27
|
-
}
|
|
28
|
-
/* roboto-300italic - latin_cyrillic */
|
|
29
|
-
@font-face {
|
|
30
|
-
font-family: 'Roboto';
|
|
31
|
-
font-style: italic;
|
|
32
|
-
font-weight: 300;
|
|
33
|
-
src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
|
|
34
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
35
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
36
|
-
}
|
|
37
|
-
/* roboto-regular - latin_cyrillic */
|
|
38
|
-
@font-face {
|
|
39
|
-
font-family: 'Roboto';
|
|
40
|
-
font-style: normal;
|
|
41
|
-
font-weight: 400;
|
|
42
|
-
src: local('Roboto'), local('Roboto-Regular'),
|
|
43
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
44
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
45
|
-
}
|
|
46
|
-
/* roboto-italic - latin_cyrillic */
|
|
47
|
-
@font-face {
|
|
48
|
-
font-family: 'Roboto';
|
|
49
|
-
font-style: italic;
|
|
50
|
-
font-weight: 400;
|
|
51
|
-
src: local('Roboto Italic'), local('Roboto-Italic'),
|
|
52
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
53
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
54
|
-
}
|
|
55
|
-
/* roboto-500 - latin_cyrillic */
|
|
56
|
-
@font-face {
|
|
57
|
-
font-family: 'Roboto';
|
|
58
|
-
font-style: normal;
|
|
59
|
-
font-weight: 500;
|
|
60
|
-
src: local('Roboto Medium'), local('Roboto-Medium'),
|
|
61
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
62
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
63
|
-
}
|
|
64
|
-
/* roboto-500italic - latin_cyrillic */
|
|
65
|
-
@font-face {
|
|
66
|
-
font-family: 'Roboto';
|
|
67
|
-
font-style: italic;
|
|
68
|
-
font-weight: 500;
|
|
69
|
-
src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
|
|
70
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
71
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
72
|
-
}
|
|
73
|
-
/* roboto-700 - latin_cyrillic */
|
|
74
|
-
@font-face {
|
|
75
|
-
font-family: 'Roboto';
|
|
76
|
-
font-style: normal;
|
|
77
|
-
font-weight: 700;
|
|
78
|
-
src: local('Roboto Bold'), local('Roboto-Bold'),
|
|
79
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
80
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
81
|
-
}
|
|
82
|
-
/* roboto-700italic - latin_cyrillic */
|
|
83
|
-
@font-face {
|
|
84
|
-
font-family: 'Roboto';
|
|
85
|
-
font-style: italic;
|
|
86
|
-
font-weight: 700;
|
|
87
|
-
src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
|
|
88
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
89
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
90
|
-
}
|
|
91
|
-
/* roboto-900 - latin_cyrillic */
|
|
92
|
-
@font-face {
|
|
93
|
-
font-family: 'Roboto';
|
|
94
|
-
font-style: normal;
|
|
95
|
-
font-weight: 900;
|
|
96
|
-
src: local('Roboto Black'), local('Roboto-Black'),
|
|
97
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
98
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
99
|
-
}
|
|
100
|
-
/* roboto-900italic - latin_cyrillic */
|
|
101
|
-
@font-face {
|
|
102
|
-
font-family: 'Roboto';
|
|
103
|
-
font-style: italic;
|
|
104
|
-
font-weight: 900;
|
|
105
|
-
src: local('Roboto Black Italic'), local('Roboto-BlackItalic'),
|
|
106
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
|
|
107
|
-
url('../assets/fonts/roboto-v20-latin_cyrillic-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
|
|
108
|
-
}
|
|
109
|
-
|
package/dist/scss/_vars.scss
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
/* THEME COLORS*/
|
|
2
|
-
@use "sass:math";
|
|
3
|
-
|
|
4
|
-
$color--secondary: #f06d8d;
|
|
5
|
-
$color--primary: #6b81dd;
|
|
6
|
-
$color--dark: #1e1e2d;
|
|
7
|
-
$color--light: #fff;
|
|
8
|
-
$color--gray: #a6acb1;
|
|
9
|
-
$color--gray--dark: #9aa0b9;
|
|
10
|
-
$color--gray--light: #e2e5ec;
|
|
11
|
-
$color--gray--lighter: #f7f8fa;
|
|
12
|
-
$color--gray--gentle: #f2f2f8;
|
|
13
|
-
$color--blue--light: #F7FAFC;
|
|
14
|
-
$color--blue--dark: #0056b3;
|
|
15
|
-
$color--warning: #ffedc8;
|
|
16
|
-
$color--success: #78c58d;
|
|
17
|
-
$color--error: #f06d8d;
|
|
18
|
-
$color--error-bg: #fce2e8;
|
|
19
|
-
$color--green-light: #e4f3e8;
|
|
20
|
-
|
|
21
|
-
/* COLORS*/
|
|
22
|
-
$green: #00B031;
|
|
23
|
-
|
|
24
|
-
/*GRID*/
|
|
25
|
-
$g_air: 15px; //grid air
|
|
26
|
-
$wide: calc(100% + 30px); //WIDE-WIDTH
|
|
27
|
-
$s_air: 25px; //section air
|
|
28
|
-
$air: 15px;
|
|
29
|
-
$container: 100%;
|
|
30
|
-
$container-xxl: 1255px;
|
|
31
|
-
$container-xl: 1115px;
|
|
32
|
-
$mobile-more-height: 6em;
|
|
33
|
-
|
|
34
|
-
/*FONTS*/
|
|
35
|
-
|
|
36
|
-
$font-title: 'Open Sans';
|
|
37
|
-
$font-text: 'Open Sans';
|
|
38
|
-
$h1-fs: 32px;
|
|
39
|
-
$h1-lh: 1.31;
|
|
40
|
-
$h2-fs: 26px;
|
|
41
|
-
$h2-lh: 1.62;
|
|
42
|
-
$h3-fs: 24px;
|
|
43
|
-
$h3-lh: auto;
|
|
44
|
-
$h4-fs: 22px;
|
|
45
|
-
$h4-lh: 1.18;
|
|
46
|
-
|
|
47
|
-
$txt: 14px;
|
|
48
|
-
$txt--lh: math.div(20, 14);
|
package/dist/scss/main.scss
DELETED
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
@import './fonts';
|
|
2
|
-
@import '~anme/scss/styles.scss';
|
|
3
|
-
|
|
4
|
-
body {
|
|
5
|
-
font-family: 'Roboto', sans-serif;
|
|
6
|
-
margin: 0;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
input {
|
|
10
|
-
font-family: inherit;
|
|
11
|
-
margin: 0;
|
|
12
|
-
outline: none;
|
|
13
|
-
|
|
14
|
-
&::-webkit-outer-spin-button,
|
|
15
|
-
&::-webkit-inner-spin-button {
|
|
16
|
-
-webkit-appearance: none;
|
|
17
|
-
margin: 0;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
&[type=number] {
|
|
21
|
-
-moz-appearance: textfield;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
button {
|
|
26
|
-
border: none;
|
|
27
|
-
outline: none;
|
|
28
|
-
padding: 0;
|
|
29
|
-
background: none;
|
|
30
|
-
font-family: inherit;
|
|
31
|
-
&:not(:disabled) {
|
|
32
|
-
cursor: pointer;
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.main {
|
|
37
|
-
&__wrap {
|
|
38
|
-
display: flex;
|
|
39
|
-
}
|
|
40
|
-
}
|