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
@@ -1,46 +1,46 @@
1
- @import '../../scss/vars';
1
+ @import '../../../scss/_vars';
2
2
 
3
3
  .switcher-tags-dropdown {
4
4
  //width: 550px;
5
-
5
+
6
6
  &__wrap {
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: space-between;
10
10
  flex-wrap: wrap;
11
11
  }
12
-
12
+
13
13
  &__btn {
14
14
  color: $color--primary;
15
15
  font-size: 12px;
16
16
  cursor: pointer;
17
-
17
+
18
18
  &:not(:last-child) {
19
19
  margin-right: 8px;
20
20
  }
21
21
  }
22
-
22
+
23
23
  &__tags-dropdown {
24
24
  width: 100%;
25
-
25
+
26
26
  .tags-dropdown__trigger {
27
27
  position: static;
28
28
  }
29
-
29
+
30
30
  .switcher-tags-dropdown__tag {
31
31
  background-color: $color--green-light;
32
-
32
+
33
33
  &_inactive {
34
34
  background-color: $color--error-bg;
35
35
  }
36
36
  }
37
-
37
+
38
38
  .tags-dropdown__arrow {
39
39
  top: 6px;
40
40
  right: 5px;
41
41
  }
42
42
  }
43
-
43
+
44
44
  &__apply {
45
45
  height: 20px;
46
46
  margin-right: 8px;
@@ -13,9 +13,9 @@ var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
14
  var _SwitcherHide = _interopRequireDefault(require("../SwitcherHide/SwitcherHide"));
15
15
 
16
- var _TextSwitcher = _interopRequireDefault(require("../../Atomic/FormElements/TextSwitcher/TextSwitcher"));
16
+ var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
17
17
 
18
- var _Textarea = _interopRequireDefault(require("../../Atomic/FormElements/Textarea/Textarea"));
18
+ var _Textarea = _interopRequireDefault(require("../Textarea/Textarea"));
19
19
 
20
20
  require("./SwitcherTextarea.scss");
21
21
 
@@ -1,4 +1,4 @@
1
- @import './../../scss/vars';
1
+ @import './../../../scss/vars';
2
2
 
3
3
  .switcher-textarea {
4
4
  &__wrap {
@@ -11,7 +11,7 @@
11
11
  &__text-switcher {
12
12
  height: 20px;
13
13
  }
14
-
14
+
15
15
  &__btn {
16
16
  color: $color--primary;
17
17
  font-size: 12px;
@@ -20,4 +20,4 @@
20
20
  margin-right: 8px;
21
21
  }
22
22
  }
23
- }
23
+ }
@@ -21,7 +21,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
21
21
 
22
22
  var _reactFeather = require("react-feather");
23
23
 
24
- var _Tag = _interopRequireDefault(require("../Tag/Tag"));
24
+ var _Tag = _interopRequireDefault(require("../../UI/Tag/Tag"));
25
25
 
26
26
  var _Label = _interopRequireDefault(require("../Label/Label"));
27
27
 
@@ -30,7 +30,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
30
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
31
 
32
32
  var Header = function Header(_ref) {
33
- var _ref$name = _ref.name,
33
+ var className = _ref.className,
34
+ _ref$name = _ref.name,
34
35
  name = _ref$name === void 0 ? 'John' : _ref$name,
35
36
  _ref$surname = _ref.surname,
36
37
  surname = _ref$surname === void 0 ? 'Silver' : _ref$surname,
@@ -19,9 +19,9 @@ var Icons = _interopRequireWildcard(require("react-feather"));
19
19
 
20
20
  var _reactRouterDom = require("react-router-dom");
21
21
 
22
- var _Langs = _interopRequireDefault(require("../../../../Langs"));
22
+ var _Langs = _interopRequireDefault(require("../../../../../Langs"));
23
23
 
24
- var _Accordion = _interopRequireDefault(require("../UI/Accordion/Accordion"));
24
+ var _Accordion = _interopRequireDefault(require("../../UI/Accordion/Accordion"));
25
25
 
26
26
  require("./MainMenu.scss");
27
27
 
@@ -1,5 +1,5 @@
1
- @import "../../scss/vars";
2
- @import "../../scss/mixins";
1
+ @import "../../../scss/vars";
2
+ @import "../../../scss/mixins";
3
3
 
4
4
  .main-menu {
5
5
  display: flex;
@@ -65,7 +65,7 @@
65
65
  }
66
66
 
67
67
  &--logo {
68
- background-image: url("../../../../assets/img/finturfLogo.svg");
68
+ background-image: url("../../../../../assets/img/finturfLogo.svg");
69
69
  background-repeat: no-repeat;
70
70
  background-position: left;
71
71
  height: 36px;
@@ -80,7 +80,7 @@
80
80
  }
81
81
 
82
82
  &-close {
83
- background-image: url("../../../../assets/img/fiLogo.svg");
83
+ background-image: url("../../../../../assets/img/fiLogo.svg");
84
84
  background-repeat: no-repeat;
85
85
  background-position: center;
86
86
  height: 36px;
@@ -27,7 +27,7 @@ var _utils = require("../../../Functions/utils");
27
27
 
28
28
  require("./Accordion.scss");
29
29
 
30
- require("../../MainMenu/MainMenu.scss");
30
+ require("../../Layout/MainMenu/MainMenu.scss");
31
31
 
32
32
  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); }
33
33
 
@@ -32,6 +32,8 @@
32
32
  transition: all 0.2s ease-out;
33
33
  min-height: 16px;
34
34
  min-width: 16px;
35
+ cursor: pointer;
36
+
35
37
  &-open {
36
38
  transition: all 0.2s ease-out;
37
39
  transform: rotate(90deg);
@@ -61,5 +61,6 @@
61
61
  width: 16px;
62
62
  height: 16px;
63
63
  min-width: 16px;
64
+ margin-right: 10px;
64
65
  }
65
66
  }
@@ -15,7 +15,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
15
15
 
16
16
  var _reactFeather = require("react-feather");
17
17
 
18
- var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("../Button/Button"));
19
19
 
20
20
  require("./Modal.scss");
21
21
 
@@ -53,7 +53,10 @@ var Modal = function Modal(_ref) {
53
53
  className: isOpen ? 'modal-overlay' : 'hidden',
54
54
  onClick: closeModal
55
55
  }), /*#__PURE__*/_react.default.createElement("div", {
56
- className: (0, _classnames.default)(className, (0, _defineProperty2.default)({}, "modal-".concat(size), size), "".concat(isOpen ? 'modal' : 'hidden'))
56
+ style: {
57
+ width: size
58
+ },
59
+ className: (0, _classnames.default)(className, "".concat(isOpen ? 'modal' : 'hidden'))
57
60
  }, /*#__PURE__*/_react.default.createElement("div", {
58
61
  className: (0, _classnames.default)('modal__header', (0, _defineProperty2.default)({}, "modal__header-".concat(variant), variant))
59
62
  }, /*#__PURE__*/_react.default.createElement("span", {
@@ -15,7 +15,6 @@
15
15
  flex-direction: column;
16
16
  position: fixed;
17
17
  width: 600px;
18
- left: calc(50% - 300px);
19
18
  margin: 0 auto;
20
19
  background-color: #fff;
21
20
  border-radius: 5px;
@@ -125,36 +124,6 @@
125
124
  padding-bottom: 0;
126
125
  }
127
126
  }
128
-
129
- &-290 {
130
- width: 290px;
131
- left: calc(50% - 145px);
132
- }
133
-
134
- &-420 {
135
- width: 420px;
136
- left: calc(50% - 210px);
137
- }
138
-
139
- &-770 {
140
- width: 770px;
141
- left: calc(50% - 385px);
142
- }
143
-
144
- &-870 {
145
- width: 870px;
146
- left: calc(50% - 435px);
147
- }
148
-
149
- &-950 {
150
- width: 950px;
151
- left: calc(50% - 475px);
152
- }
153
-
154
- &-1024 {
155
- width: 1024px;
156
- left: calc(50% - 510px);
157
- }
158
127
  }
159
128
  .modal__footer--noborder {
160
129
  border-top: none;
@@ -0,0 +1,54 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.default = void 0;
9
+
10
+ var _react = _interopRequireDefault(require("react"));
11
+
12
+ var _classnames = _interopRequireDefault(require("classnames"));
13
+
14
+ var _reactFeather = require("react-feather");
15
+
16
+ require("./PageTitle.scss");
17
+
18
+ // TODO: change when there will be routes
19
+ // import { Link } from 'react-router-dom';
20
+ var RC = 'page-title';
21
+
22
+ var PageTitle = function PageTitle(_ref) {
23
+ var title = _ref.title,
24
+ pages = _ref.pages,
25
+ children = _ref.children;
26
+ return /*#__PURE__*/_react.default.createElement("div", {
27
+ className: RC
28
+ }, /*#__PURE__*/_react.default.createElement("div", {
29
+ className: "".concat(RC, "__wrap")
30
+ }, /*#__PURE__*/_react.default.createElement("span", {
31
+ className: "".concat(RC, "__title")
32
+ }, title), pages.length && /*#__PURE__*/_react.default.createElement("div", {
33
+ className: "".concat(RC, "__pages")
34
+ }, /*#__PURE__*/_react.default.createElement("a", {
35
+ className: "".concat(RC, "__link"),
36
+ href: "/"
37
+ }, /*#__PURE__*/_react.default.createElement(_reactFeather.Home, null)), pages.map(function (_ref2, index) {
38
+ var name = _ref2.name,
39
+ path = _ref2.path;
40
+ return pages.length - 1 === index ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
41
+ className: "".concat(RC, "__delimiter")
42
+ }, "/"), /*#__PURE__*/_react.default.createElement("span", {
43
+ className: (0, _classnames.default)("".concat(RC, "__link"), "".concat(RC, "__link_last"))
44
+ }, name)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
45
+ className: "".concat(RC, "__delimiter")
46
+ }, "/"), /*#__PURE__*/_react.default.createElement("a", {
47
+ className: "".concat(RC, "__link"),
48
+ href: path
49
+ }, name));
50
+ }))), children);
51
+ };
52
+
53
+ var _default = PageTitle;
54
+ exports.default = _default;
@@ -0,0 +1,50 @@
1
+ @import '../../../scss/vars';
2
+
3
+ .page-title {
4
+
5
+ display: flex;
6
+ align-items: center;
7
+ justify-content: space-between;
8
+
9
+ &__title {
10
+ display: block;
11
+ font-size: 16px;
12
+ line-height: 20px;
13
+ color: $color--dark;
14
+ }
15
+
16
+ &__pages {
17
+ margin-top: 4px;
18
+ display: flex;
19
+ align-items: center;
20
+ }
21
+
22
+ &__delimiter {
23
+ font-size: 12px;
24
+ font-weight: 500;
25
+ color: $color--dark;
26
+ margin: 0 8px;
27
+ }
28
+
29
+ &__link {
30
+ font-size: 13px;
31
+ color: $color--primary;
32
+
33
+ &_last {
34
+ cursor: default;
35
+ color: $color--gray--dark;
36
+ }
37
+
38
+ svg path {
39
+ stroke: $color--primary;
40
+ }
41
+
42
+ &:hover:not(.page-title__link_last) {
43
+ color: $color--blue--dark;
44
+
45
+ svg path {
46
+ stroke: $color--blue--dark;
47
+ }
48
+ }
49
+ }
50
+ }
@@ -15,13 +15,13 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
15
15
 
16
16
  var _react = _interopRequireWildcard(require("react"));
17
17
 
18
- var _AccordionItem = _interopRequireDefault(require("../../../UI/Accordion/AccordionItem"));
18
+ var _AccordionItem = _interopRequireDefault(require("../../Accordion/AccordionItem"));
19
19
 
20
20
  var _TdActions = require("../TdTypes/TdActions");
21
21
 
22
- var _AdvancedTags = _interopRequireDefault(require("../../../UI/AdvancedTag/AdvancedTags"));
22
+ var _AdvancedTags = _interopRequireDefault(require("../../AdvancedTag/AdvancedTags"));
23
23
 
24
- var _Status = _interopRequireDefault(require("../../../UI/Status/Status"));
24
+ var _Status = _interopRequireDefault(require("../../Status/Status"));
25
25
 
26
26
  var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
27
27
 
File without changes
@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
17
17
 
18
18
  var Icons = _interopRequireWildcard(require("react-feather"));
19
19
 
20
- var _Switcher = _interopRequireDefault(require("../../Switcher/Switcher"));
20
+ var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
21
21
 
22
22
  require("./TdTypes.scss");
23
23
 
@@ -19,7 +19,7 @@ var _index = require("../../../../../../JS/Constants/index.constants");
19
19
 
20
20
  var _useToggle2 = _interopRequireDefault(require("../../../../../../JS/Functions/useToggle"));
21
21
 
22
- var _Input = _interopRequireDefault(require("../../Input/Input"));
22
+ var _Input = _interopRequireDefault(require("../../../FormElements/Input/Input"));
23
23
 
24
24
  require("../Table.scss");
25
25
 
File without changes
File without changes
@@ -11,11 +11,11 @@ var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  var _classnames = _interopRequireDefault(require("classnames"));
13
13
 
14
- var _Button = _interopRequireDefault(require("../../Atomic/UI/Button/Button"));
14
+ var _Button = _interopRequireDefault(require("../Button/Button"));
15
15
 
16
- var _Label = _interopRequireDefault(require("../../Atomic/FormElements/Label/Label"));
16
+ var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
17
17
 
18
- var _utils = require("../../Functions/utils");
18
+ var _utils = require("../../../Functions/utils");
19
19
 
20
20
  require("./UserBox.scss");
21
21
 
@@ -15,18 +15,18 @@ var _index = require("../Constants/index.constants");
15
15
  // The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
16
16
  // *** format ***
17
17
  var formatOnlyNumbers = function formatOnlyNumbers(value) {
18
- return (value ? value.toString() : '').replace(/\D/g, '');
18
+ return (!!value ? value.toString() : '').replace(/\D/g, '');
19
19
  };
20
20
 
21
21
  exports.formatOnlyNumbers = formatOnlyNumbers;
22
22
 
23
23
  var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(inputValue) {
24
24
  var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
25
- var value = inputValue ? inputValue.toString() : ''; // содержит ли value точку
25
+ var value = !!inputValue ? inputValue.toString() : ''; //содержит ли value точку
26
26
 
27
- var isFraction = value.includes('.'); // взять строку до точки
27
+ var isFraction = value.includes('.'); //взять строку до точки
28
28
 
29
- var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; // расстановка запятых после каждой 3й цифры с конца
29
+ var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; //расстановка запятых после каждой 3й цифры с конца
30
30
 
31
31
  var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
32
32
  return idx % step === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
@@ -37,45 +37,46 @@ var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(inputValue) {
37
37
  exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
38
38
 
39
39
  var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(inputValue) {
40
- var value = inputValue ? inputValue.toString() : '';
40
+ var value = !!inputValue ? inputValue.toString() : '';
41
41
  var arr = value.split('.');
42
42
  var intPart = arr.shift();
43
43
  var decimalPart = arr.join('').replace(/\s/g, '').slice(0, 2);
44
- return intPart + (decimalPart.length ? ".".concat(decimalPart) : '');
44
+ return intPart + (decimalPart.length ? '.' + decimalPart : '');
45
45
  };
46
46
 
47
47
  exports.formatToTwoDigitAfterDot = formatToTwoDigitAfterDot;
48
48
 
49
49
  var formatToLetters = function formatToLetters(inputValue) {
50
50
  var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
51
- var value = inputValue ? inputValue.toString() : '';
51
+ var value = !!inputValue ? inputValue.toString() : '';
52
52
 
53
53
  if (soft) {
54
54
  return value.toString().replace(/[^a-z-]/gi, '');
55
+ } else {
56
+ return value.toString().replace(/[^a-z]/gi, '');
55
57
  }
56
-
57
- return value.toString().replace(/[^a-z]/gi, '');
58
58
  }; // eslint-disable-next-line no-control-regex
59
59
 
60
60
 
61
61
  exports.formatToLetters = formatToLetters;
62
62
 
63
63
  var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
64
- return (text ? text.toString() : '').replace(/[^\x00-\x7F]+/g, '');
64
+ return (!!text ? text.toString() : '').replace(/[^\x00-\x7F]+/g, '');
65
65
  };
66
66
 
67
67
  exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
68
68
 
69
69
  var formatToRemoveComa = function formatToRemoveComa(value) {
70
- return (value ? value.toString() : '').toString().replace(/\,/g, '');
70
+ return (!!value ? value.toString() : '').toString().replace(/\,/g, '');
71
71
  };
72
72
 
73
73
  exports.formatToRemoveComa = formatToRemoveComa;
74
74
 
75
75
  var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(inputValue) {
76
- var value = inputValue ? inputValue.toString() : '';
76
+ var value = !!inputValue ? inputValue.toString() : '';
77
77
  return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
78
- };
78
+ }; // eslint-disable-next-line default-param-last
79
+
79
80
 
80
81
  exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
81
82
 
@@ -92,13 +93,12 @@ var formatNumberValueToMask = function formatNumberValueToMask() {
92
93
  _ref$isReturnAdvanced = _ref.isReturnAdvanced,
93
94
  isReturnAdvanced = _ref$isReturnAdvanced === void 0 ? false : _ref$isReturnAdvanced;
94
95
 
95
- var processing = mask === null || mask === void 0 ? void 0 : mask.split('').reduce(function (acc, item) {
96
- // eslint-disable-next-line no-plusplus
96
+ var processing = mask.split('').reduce(function (acc, item) {
97
97
  if (acc.value.length) ++acc.cursorPosition;
98
98
  acc.newValue.push(item === valueSymbol && acc.value.length ? acc.value.shift() : item);
99
99
  return acc;
100
100
  }, {
101
- value: inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('').filter(function (sym) {
101
+ value: inputValue.split('').filter(function (sym) {
102
102
  return /[0-9]/g.test(sym);
103
103
  }),
104
104
  newValue: [],
@@ -115,17 +115,17 @@ exports.formatNumberValueToMask = formatNumberValueToMask;
115
115
 
116
116
  var filterFloat = function filterFloat(inputValue) {
117
117
  var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
118
- var value = inputValue ? inputValue.toString() : '';
118
+ var value = !!inputValue ? inputValue.toString() : '';
119
119
 
120
120
  var replaser = function replaser(input) {
121
- return "".concat(input).replace(/[^\.\d]/g, '');
121
+ return ('' + input).replace(/[^\.\d]/g, '');
122
122
  };
123
123
 
124
124
  if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
125
- var output = "".concat(value).replace(/,/g, '.');
125
+ var output = ('' + value).replace(/,/g, '.');
126
126
  if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
127
- var previousValue = "".concat(output.slice(0, -1));
128
- var lastSym = "".concat(output.slice(-1));
127
+ var previousValue = '' + output.slice(0, -1);
128
+ var lastSym = '' + output.slice(-1);
129
129
  if (decimalPlaces && typeof decimalPlaces === 'number' && previousValue.includes('.') && previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length) return replaser(previousValue);
130
130
  return replaser(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
131
131
  };
@@ -133,14 +133,14 @@ var filterFloat = function filterFloat(inputValue) {
133
133
  exports.filterFloat = filterFloat;
134
134
 
135
135
  var filterToLimitLength = function filterToLimitLength(inputValue, limit) {
136
- var value = inputValue ? inputValue.toString() : '';
136
+ var value = !!inputValue ? inputValue.toString() : '';
137
137
  return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
138
138
  };
139
139
 
140
140
  exports.filterToLimitLength = filterToLimitLength;
141
141
 
142
142
  var filterPhone = function filterPhone(value) {
143
- return limitLength(filterNumbers(value ? value.toString() : ''), _index.MAX_PHONE_LENGTH);
143
+ return limitLength(filterNumbers(!!value ? value.toString() : ''), _index.MAX_PHONE_LENGTH);
144
144
  };
145
145
 
146
146
  exports.filterPhone = filterPhone;
@@ -152,7 +152,7 @@ var filterNumeric = function filterNumeric(value, settings) {
152
152
  decimalPlaces = _ref2.decimalPlaces;
153
153
 
154
154
  var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
155
- return executor(value ? value.toString() : '', decimalPlaces);
155
+ return executor(!!value ? value.toString() : '', decimalPlaces);
156
156
  };
157
157
 
158
158
  exports.filterNumeric = filterNumeric;
@@ -0,0 +1,12 @@
1
+ .form-element {
2
+ position: relative;
3
+ }
4
+
5
+ .form-element__error {
6
+ margin-top: 2px;
7
+ margin-left: 1px;
8
+ position: absolute;
9
+ display: block;
10
+ font-size: 10px;
11
+ color: #f06d8d;
12
+ }
@@ -1,5 +1,6 @@
1
1
  @import './fonts';
2
2
  @import '~anme/scss/anme-vars';
3
+ @import 'anme/scss/styles.scss';
3
4
 
4
5
  body {
5
6
  font-family: 'Roboto', sans-serif;