@invoicebox/ui 0.1.0-alpha.56 → 0.1.0-alpha.58

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 (187) hide show
  1. package/package.json +2 -1
  2. package/dist/breakpoints/index.d.ts +0 -7
  3. package/dist/breakpoints/index.js +0 -13
  4. package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +0 -8
  5. package/dist/components/common/Arrow/components/StyledSvg/index.js +0 -25
  6. package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +0 -5
  7. package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +0 -26
  8. package/dist/components/common/Arrow/components/Svg/index.d.ts +0 -6
  9. package/dist/components/common/Arrow/components/Svg/index.js +0 -26
  10. package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +0 -6
  11. package/dist/components/common/Arrow/components/Svg/index.stories.js +0 -21
  12. package/dist/components/common/Arrow/index.d.ts +0 -10
  13. package/dist/components/common/Arrow/index.js +0 -29
  14. package/dist/components/common/Arrow/index.stories.d.ts +0 -6
  15. package/dist/components/common/Arrow/index.stories.js +0 -21
  16. package/dist/components/common/Arrow/palette.d.ts +0 -6
  17. package/dist/components/common/Arrow/palette.js +0 -14
  18. package/dist/components/common/Calendar/docs.stories.d.ts +0 -6
  19. package/dist/components/common/Calendar/docs.stories.js +0 -20
  20. package/dist/components/common/Calendar/index.css +0 -81
  21. package/dist/components/common/Calendar/index.d.ts +0 -8
  22. package/dist/components/common/Calendar/index.js +0 -40
  23. package/dist/components/common/Calendar/index.stories.d.ts +0 -7
  24. package/dist/components/common/Calendar/index.stories.js +0 -55
  25. package/dist/components/common/Calendar/palette.d.ts +0 -9
  26. package/dist/components/common/Calendar/palette.js +0 -17
  27. package/dist/components/common/Divider/index.d.ts +0 -6
  28. package/dist/components/common/Divider/index.js +0 -20
  29. package/dist/components/common/Divider/index.stories.d.ts +0 -6
  30. package/dist/components/common/Divider/index.stories.js +0 -14
  31. package/dist/components/common/Divider/palette.d.ts +0 -5
  32. package/dist/components/common/Divider/palette.js +0 -11
  33. package/dist/components/common/Divider/styles.d.ts +0 -5
  34. package/dist/components/common/Divider/styles.js +0 -15
  35. package/dist/components/common/Dropdown/index.d.ts +0 -14
  36. package/dist/components/common/Dropdown/index.js +0 -117
  37. package/dist/components/common/Dropdown/index.stories.d.ts +0 -6
  38. package/dist/components/common/Dropdown/index.stories.js +0 -59
  39. package/dist/components/common/Dropdown/palette.d.ts +0 -6
  40. package/dist/components/common/Dropdown/palette.js +0 -14
  41. package/dist/components/common/Dropdown/styles.d.ts +0 -14
  42. package/dist/components/common/Dropdown/styles.js +0 -47
  43. package/dist/components/common/InvoiceboxLoader/assets/loader.json +0 -1
  44. package/dist/components/common/InvoiceboxLoader/index.d.ts +0 -5
  45. package/dist/components/common/InvoiceboxLoader/index.js +0 -878
  46. package/dist/components/common/InvoiceboxLoader/index.stories.d.ts +0 -5
  47. package/dist/components/common/InvoiceboxLoader/index.stories.js +0 -18
  48. package/dist/components/common/InvoiceboxSpinner/index.d.ts +0 -7
  49. package/dist/components/common/InvoiceboxSpinner/index.js +0 -39
  50. package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +0 -10
  51. package/dist/components/common/InvoiceboxSpinner/index.stories.js +0 -18
  52. package/dist/components/common/InvoiceboxSpinner/palette.d.ts +0 -6
  53. package/dist/components/common/InvoiceboxSpinner/palette.js +0 -12
  54. package/dist/components/common/InvoiceboxSpinner/styles.d.ts +0 -4
  55. package/dist/components/common/InvoiceboxSpinner/styles.js +0 -19
  56. package/dist/components/common/Scrollbar/index.d.ts +0 -6
  57. package/dist/components/common/Scrollbar/index.js +0 -69
  58. package/dist/components/common/Scrollbar/index.stories.d.ts +0 -12
  59. package/dist/components/common/Scrollbar/index.stories.js +0 -36
  60. package/dist/components/common/Scrollbar/palette.d.ts +0 -5
  61. package/dist/components/common/Scrollbar/palette.js +0 -11
  62. package/dist/components/common/SecondaryButton/index.d.ts +0 -15
  63. package/dist/components/common/SecondaryButton/index.js +0 -48
  64. package/dist/components/common/SecondaryButton/index.stories.d.ts +0 -11
  65. package/dist/components/common/SecondaryButton/index.stories.js +0 -38
  66. package/dist/components/common/SecondaryButton/palette.d.ts +0 -8
  67. package/dist/components/common/SecondaryButton/palette.js +0 -14
  68. package/dist/components/common/SecondaryButton/styles.d.ts +0 -11
  69. package/dist/components/common/SecondaryButton/styles.js +0 -46
  70. package/dist/components/common/Skeleton/index.d.ts +0 -8
  71. package/dist/components/common/Skeleton/index.js +0 -28
  72. package/dist/components/common/Skeleton/index.stories.d.ts +0 -11
  73. package/dist/components/common/Skeleton/index.stories.js +0 -29
  74. package/dist/components/common/Skeleton/palette.d.ts +0 -6
  75. package/dist/components/common/Skeleton/palette.js +0 -12
  76. package/dist/components/common/Skeleton/styles.d.ts +0 -10
  77. package/dist/components/common/Skeleton/styles.js +0 -37
  78. package/dist/components/common/Typography/index.d.ts +0 -25
  79. package/dist/components/common/Typography/index.js +0 -32
  80. package/dist/components/common/Typography/index.stories.d.ts +0 -11
  81. package/dist/components/common/Typography/index.stories.js +0 -36
  82. package/dist/components/common/Typography/styles.d.ts +0 -5
  83. package/dist/components/common/Typography/styles.js +0 -16
  84. package/dist/components/common/Typography/typography.d.ts +0 -20
  85. package/dist/components/common/Typography/typography.js +0 -28
  86. package/dist/components/common/WarningIcon/components/Icon.d.ts +0 -6
  87. package/dist/components/common/WarningIcon/components/Icon.js +0 -22
  88. package/dist/components/common/WarningIcon/index.d.ts +0 -7
  89. package/dist/components/common/WarningIcon/index.js +0 -23
  90. package/dist/components/common/WarningIcon/index.stories.d.ts +0 -5
  91. package/dist/components/common/WarningIcon/index.stories.js +0 -14
  92. package/dist/components/common/WarningIcon/palette.d.ts +0 -5
  93. package/dist/components/common/WarningIcon/palette.js +0 -11
  94. package/dist/components/common/WarningIcon/styles.d.ts +0 -10
  95. package/dist/components/common/WarningIcon/styles.js +0 -22
  96. package/dist/components/form/DateInput/components/Icon/index.d.ts +0 -1
  97. package/dist/components/form/DateInput/components/Icon/index.js +0 -33
  98. package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +0 -5
  99. package/dist/components/form/DateInput/components/Icon/index.stories.js +0 -14
  100. package/dist/components/form/DateInput/docs.stories.d.ts +0 -6
  101. package/dist/components/form/DateInput/docs.stories.js +0 -20
  102. package/dist/components/form/DateInput/index.d.ts +0 -9
  103. package/dist/components/form/DateInput/index.js +0 -111
  104. package/dist/components/form/DateInput/index.stories.d.ts +0 -7
  105. package/dist/components/form/DateInput/index.stories.js +0 -52
  106. package/dist/components/form/DateInput/logic.d.ts +0 -10
  107. package/dist/components/form/DateInput/logic.js +0 -71
  108. package/dist/components/form/DateInput/palette.d.ts +0 -5
  109. package/dist/components/form/DateInput/palette.js +0 -11
  110. package/dist/components/form/DateInput/styles.d.ts +0 -8
  111. package/dist/components/form/DateInput/styles.js +0 -28
  112. package/dist/components/form/InputLabel/index.d.ts +0 -8
  113. package/dist/components/form/InputLabel/index.js +0 -31
  114. package/dist/components/form/InputLabel/index.stories.d.ts +0 -5
  115. package/dist/components/form/InputLabel/index.stories.js +0 -33
  116. package/dist/components/form/InputLabel/palette.d.ts +0 -7
  117. package/dist/components/form/InputLabel/palette.js +0 -13
  118. package/dist/components/form/InputLabel/styles.d.ts +0 -11
  119. package/dist/components/form/InputLabel/styles.js +0 -36
  120. package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +0 -6
  121. package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +0 -21
  122. package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +0 -4
  123. package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +0 -22
  124. package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +0 -9
  125. package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +0 -24
  126. package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +0 -4
  127. package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +0 -22
  128. package/dist/components/form/PositiveIntegerInput/index.d.ts +0 -10
  129. package/dist/components/form/PositiveIntegerInput/index.js +0 -94
  130. package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +0 -5
  131. package/dist/components/form/PositiveIntegerInput/index.stories.js +0 -49
  132. package/dist/components/form/PositiveIntegerInput/styles.d.ts +0 -6
  133. package/dist/components/form/PositiveIntegerInput/styles.js +0 -25
  134. package/dist/components/form/PureInput/index.d.ts +0 -10
  135. package/dist/components/form/PureInput/index.js +0 -42
  136. package/dist/components/form/PureInput/index.stories.d.ts +0 -5
  137. package/dist/components/form/PureInput/index.stories.js +0 -23
  138. package/dist/components/form/PureInput/palette.d.ts +0 -10
  139. package/dist/components/form/PureInput/palette.js +0 -18
  140. package/dist/components/form/PureInput/styles.d.ts +0 -10
  141. package/dist/components/form/PureInput/styles.js +0 -34
  142. package/dist/components/form/Select/components/Input/index.d.ts +0 -6
  143. package/dist/components/form/Select/components/Input/index.js +0 -42
  144. package/dist/components/form/Select/components/Input/index.stories.d.ts +0 -5
  145. package/dist/components/form/Select/components/Input/index.stories.js +0 -27
  146. package/dist/components/form/Select/components/Input/styles.d.ts +0 -3
  147. package/dist/components/form/Select/components/Input/styles.js +0 -16
  148. package/dist/components/form/Select/index.d.ts +0 -10
  149. package/dist/components/form/Select/index.js +0 -125
  150. package/dist/components/form/Select/index.stories.d.ts +0 -5
  151. package/dist/components/form/Select/index.stories.js +0 -85
  152. package/dist/components/form/Select/palette.d.ts +0 -5
  153. package/dist/components/form/Select/palette.js +0 -13
  154. package/dist/components/form/Select/styles.d.ts +0 -8
  155. package/dist/components/form/Select/styles.js +0 -28
  156. package/dist/hooks/useCss/index.d.ts +0 -6
  157. package/dist/hooks/useCss/index.js +0 -31
  158. package/dist/hooks/useCss/index.stories.d.ts +0 -4
  159. package/dist/hooks/useCss/index.stories.js +0 -38
  160. package/dist/hooks/useInputFocus/index.d.ts +0 -11
  161. package/dist/hooks/useInputFocus/index.js +0 -37
  162. package/dist/hooks/useInputFocus/index.stories.d.ts +0 -4
  163. package/dist/hooks/useInputFocus/index.stories.js +0 -29
  164. package/dist/hooks/useOutsideClick/index.d.ts +0 -2
  165. package/dist/hooks/useOutsideClick/index.js +0 -22
  166. package/dist/hooks/useOutsideClick/index.stories.d.ts +0 -4
  167. package/dist/hooks/useOutsideClick/index.stories.js +0 -27
  168. package/dist/index.d.ts +0 -27
  169. package/dist/index.js +0 -138
  170. package/dist/palette/colors.stories.d.ts +0 -4
  171. package/dist/palette/colors.stories.js +0 -41
  172. package/dist/palette/constants.d.ts +0 -2
  173. package/dist/palette/constants.js +0 -18
  174. package/dist/palette/context.d.ts +0 -31
  175. package/dist/palette/context.js +0 -36
  176. package/dist/palette/index.d.ts +0 -3
  177. package/dist/palette/index.js +0 -19
  178. package/dist/palette/index.stories.d.ts +0 -4
  179. package/dist/palette/index.stories.js +0 -83
  180. package/dist/palette/provider.d.ts +0 -10
  181. package/dist/palette/provider.js +0 -61
  182. package/dist/palette/types.d.ts +0 -12
  183. package/dist/palette/types.js +0 -1
  184. package/dist/palette/useComponentPalette.d.ts +0 -2
  185. package/dist/palette/useComponentPalette.js +0 -22
  186. package/dist/palette/usePalette.d.ts +0 -15
  187. package/dist/palette/usePalette.js +0 -11
@@ -1,52 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports["default"] = exports.Default = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var _addonActions = require("@storybook/addon-actions");
10
- var _ = require(".");
11
- require("react-calendar/dist/Calendar.css");
12
- require("../../common/Calendar/index.css");
13
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
16
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
17
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
18
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
19
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
20
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
21
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
22
- var meta = {
23
- title: 'form/DateInput',
24
- component: _.DateInput,
25
- tags: ['autodocs']
26
- };
27
- var _default = exports["default"] = meta;
28
- var Component = function Component(props) {
29
- var minDate = props.minDate,
30
- maxDate = props.maxDate;
31
- var _useState = (0, _react.useState)(null),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- value = _useState2[0],
34
- setValue = _useState2[1];
35
- var handleChange = (0, _react.useCallback)(function (date) {
36
- setValue(date);
37
- (0, _addonActions.action)('change')(date);
38
- }, []);
39
- return /*#__PURE__*/_react["default"].createElement(_.DateInput, _extends({}, props, {
40
- maxDate: maxDate ? new Date(maxDate) : undefined,
41
- minDate: minDate ? new Date(minDate) : undefined,
42
- value: value,
43
- onChange: handleChange
44
- }));
45
- };
46
- var Default = exports.Default = {
47
- args: {
48
- hasError: false,
49
- label: 'Label'
50
- },
51
- render: Component
52
- };
@@ -1,10 +0,0 @@
1
- declare class Logic {
2
- private today;
3
- getPlaceholder(): string;
4
- isValid(date: Date): boolean;
5
- isBetweenMinAndMax(date: Date, minDate?: Date, maxDate?: Date): boolean;
6
- valueToString(value: null | Date): string;
7
- stringToDate(str: string): Date;
8
- }
9
- export declare const logic: Logic;
10
- export {};
@@ -1,71 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.logic = void 0;
7
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
8
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
9
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
10
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
11
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
12
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
13
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
14
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
16
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
- function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
19
- function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
20
- var Logic = /*#__PURE__*/function () {
21
- function Logic() {
22
- _classCallCheck(this, Logic);
23
- _defineProperty(this, "today", new Date());
24
- }
25
- _createClass(Logic, [{
26
- key: "getPlaceholder",
27
- value: function getPlaceholder() {
28
- return this.valueToString(this.today);
29
- }
30
- }, {
31
- key: "isValid",
32
- value: function isValid(date) {
33
- return !Number.isNaN(date.valueOf());
34
- }
35
- }, {
36
- key: "isBetweenMinAndMax",
37
- value: function isBetweenMinAndMax(date, minDate, maxDate) {
38
- var isValidByMin = !minDate ? true : date >= minDate;
39
- var isValidByMax = !maxDate ? true : date <= maxDate;
40
- return isValidByMin && isValidByMax;
41
- }
42
-
43
- // Date => 31.01.2023
44
- }, {
45
- key: "valueToString",
46
- value: function valueToString(value) {
47
- if (!value) return '';
48
- var toTwoDigits = function toTwoDigits(item) {
49
- return "0".concat(item).slice(-2);
50
- };
51
- var date = [toTwoDigits(value.getDate()), toTwoDigits(value.getMonth() + 1), value.getFullYear()];
52
- return date.join('.');
53
- }
54
-
55
- // 31.01.2023 => Date
56
- }, {
57
- key: "stringToDate",
58
- value: function stringToDate(str) {
59
- var _str$split = str.split('.'),
60
- _str$split2 = _slicedToArray(_str$split, 3),
61
- dd = _str$split2[0],
62
- mm = _str$split2[1],
63
- yyyy = _str$split2[2];
64
- return new Date([mm, dd, yyyy].filter(function (i) {
65
- return i;
66
- }).join('/'));
67
- }
68
- }]);
69
- return Logic;
70
- }();
71
- var logic = exports.logic = new Logic();
@@ -1,5 +0,0 @@
1
- import { TAbstractPalette } from '../../../palette';
2
- export type TDateInputPalette = {
3
- icon: string;
4
- };
5
- export declare const generateDateInputPalette: (abstractPalette: TAbstractPalette) => TDateInputPalette;
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.generateDateInputPalette = void 0;
7
- var generateDateInputPalette = exports.generateDateInputPalette = function generateDateInputPalette(abstractPalette) {
8
- return {
9
- icon: abstractPalette.primary
10
- };
11
- };
@@ -1,8 +0,0 @@
1
- /// <reference types="react" />
2
- import { TDateInputPalette } from './palette';
3
- export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
4
- export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
5
- export declare const Icon: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
6
- $palette: TDateInputPalette;
7
- }>>;
8
- export declare const Calendar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -1,28 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.Wrapper = exports.InputWrapper = exports.Icon = exports.Calendar = void 0;
7
- var _styledComponents = _interopRequireDefault(require("styled-components"));
8
- var _breakpoints = require("../../../breakpoints");
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
- var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
11
- displayName: "styles__Wrapper",
12
- componentId: "sc-7tnmvh-0"
13
- })(["position:relative;"]);
14
- var InputWrapper = exports.InputWrapper = _styledComponents["default"].div.withConfig({
15
- displayName: "styles__InputWrapper",
16
- componentId: "sc-7tnmvh-1"
17
- })(["position:relative;"]);
18
- var Icon = exports.Icon = _styledComponents["default"].div.withConfig({
19
- displayName: "styles__Icon",
20
- componentId: "sc-7tnmvh-2"
21
- })(["position:absolute;right:12px;top:0;height:100%;display:flex;justify-content:center;flex-direction:column;cursor:pointer;color:", ";"], function (_ref) {
22
- var $palette = _ref.$palette;
23
- return $palette.icon;
24
- });
25
- var Calendar = exports.Calendar = _styledComponents["default"].div.withConfig({
26
- displayName: "styles__Calendar",
27
- componentId: "sc-7tnmvh-3"
28
- })(["padding:30px;@media ", "{padding:15px;}"], _breakpoints.breakpoints.sm);
@@ -1,8 +0,0 @@
1
- import { FC, ReactNode } from 'react';
2
- export type TProps = {
3
- disabled?: boolean;
4
- label?: string;
5
- inFocus?: boolean;
6
- children: ReactNode;
7
- };
8
- export declare const InputLabel: FC<TProps>;
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.InputLabel = void 0;
8
- var _react = _interopRequireDefault(require("react"));
9
- var S = _interopRequireWildcard(require("./styles"));
10
- var _palette = require("../../../palette");
11
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- var InputLabel = exports.InputLabel = function InputLabel(_ref) {
15
- var _ref$disabled = _ref.disabled,
16
- disabled = _ref$disabled === void 0 ? false : _ref$disabled,
17
- label = _ref.label,
18
- _ref$inFocus = _ref.inFocus,
19
- inFocus = _ref$inFocus === void 0 ? false : _ref$inFocus,
20
- children = _ref.children;
21
- var palette = (0, _palette.useComponentPalette)('inputLabel');
22
- return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
23
- $palette: palette,
24
- $disabled: disabled,
25
- $isLabel: !!label
26
- }, label && /*#__PURE__*/_react["default"].createElement(S.Label, {
27
- $palette: palette,
28
- $inFocus: inFocus,
29
- variant: "captionRegular"
30
- }, label), children);
31
- };
@@ -1,5 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { InputLabel, TProps } from '.';
3
- declare const meta: Meta<typeof InputLabel>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;
@@ -1,33 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _ = require(".");
9
- var _Typography = require("../../common/Typography");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
- var meta = {
12
- title: 'form/InputLabel',
13
- component: _.InputLabel,
14
- tags: ['autodocs']
15
- };
16
- var _default = exports["default"] = meta;
17
- var Default = exports.Default = {
18
- args: {
19
- disabled: false,
20
- inFocus: false,
21
- label: 'Label'
22
- },
23
- render: function render(props) {
24
- return /*#__PURE__*/_react["default"].createElement(_.InputLabel, props, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
25
- variant: "bodyL",
26
- style: {
27
- border: '1px solid grey',
28
- borderRadius: 10,
29
- padding: '10px 20px'
30
- }
31
- }, "Pseudo input"));
32
- }
33
- };
@@ -1,7 +0,0 @@
1
- import { TAbstractPalette } from '../../../palette';
2
- export type TInputLabelPalette = {
3
- bg: string;
4
- text: string;
5
- textHighlight: string;
6
- };
7
- export declare const generateInputLabelPalette: (abstractPalette: TAbstractPalette) => TInputLabelPalette;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.generateInputLabelPalette = void 0;
7
- var generateInputLabelPalette = exports.generateInputLabelPalette = function generateInputLabelPalette(abstractPalette) {
8
- return {
9
- bg: abstractPalette.base,
10
- text: abstractPalette.neutralBrutal,
11
- textHighlight: abstractPalette.primary
12
- };
13
- };
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import { TInputLabelPalette } from './palette';
3
- export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps, {
4
- $inFocus: boolean;
5
- $palette: TInputLabelPalette;
6
- }>> & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
7
- export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
8
- $disabled: boolean;
9
- $isLabel: boolean;
10
- $palette: TInputLabelPalette;
11
- }>>;
@@ -1,36 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.Wrapper = exports.Label = void 0;
8
- var _styledComponents = _interopRequireWildcard(require("styled-components"));
9
- var _Typography = require("../../common/Typography");
10
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
11
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
12
- var Label = exports.Label = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
13
- displayName: "styles__Label",
14
- componentId: "sc-1prrc3p-0"
15
- })(["border-radius:10px;position:absolute;top:0;left:8px;background-color:", ";padding:0 10px;z-index:2;transition:color 0.2s ease-in-out 0s;color:", "};"], function (_ref) {
16
- var $palette = _ref.$palette;
17
- return $palette.bg;
18
- }, function (_ref2) {
19
- var $inFocus = _ref2.$inFocus,
20
- $palette = _ref2.$palette;
21
- return $inFocus ? $palette.textHighlight : $palette.text;
22
- });
23
- var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
24
- displayName: "styles__Wrapper",
25
- componentId: "sc-1prrc3p-1"
26
- })(["position:relative;padding-top:", "px;width:100%;opacity:", ";&:hover ", "{", ";}"], function (_ref3) {
27
- var $isLabel = _ref3.$isLabel;
28
- return $isLabel ? 10 : 0;
29
- }, function (_ref4) {
30
- var $disabled = _ref4.$disabled;
31
- return $disabled ? 0.5 : 1;
32
- }, Label, function (_ref5) {
33
- var $disabled = _ref5.$disabled,
34
- $palette = _ref5.$palette;
35
- return !$disabled && (0, _styledComponents.css)(["color:", ";"], $palette.textHighlight);
36
- });
@@ -1,6 +0,0 @@
1
- type TFilter = (value: string) => string;
2
- export type TProps = {
3
- max: number;
4
- };
5
- export declare const useFilters: ({ max }: TProps) => TFilter[];
6
- export {};
@@ -1,21 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useFilters = void 0;
7
- var _react = require("react");
8
- var useFilters = exports.useFilters = function useFilters(_ref) {
9
- var max = _ref.max;
10
- var filterOnlyNumbers = (0, _react.useCallback)(function (value) {
11
- return value.replace(/[^0-9]/g, '');
12
- }, []);
13
- var filterMax = (0, _react.useCallback)(function (value) {
14
- if (!value) return '';
15
- return Number(value) > max ? String(max) : value;
16
- }, [max]);
17
- var filters = (0, _react.useMemo)(function () {
18
- return [filterOnlyNumbers, filterMax];
19
- }, [filterOnlyNumbers, filterMax]);
20
- return filters;
21
- };
@@ -1,4 +0,0 @@
1
- export declare const useIncrement: () => {
2
- increment: (v: number | null) => number;
3
- decrement: (v: number | null) => number;
4
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIncrement = void 0;
7
- var _react = require("react");
8
- var useIncrement = exports.useIncrement = function useIncrement() {
9
- var increment = (0, _react.useCallback)(function (v) {
10
- return v === null ? 1 : v + 1;
11
- }, []);
12
- var decrement = (0, _react.useCallback)(function (v) {
13
- return v === null || v === 0 ? 0 : v - 1;
14
- }, []);
15
- var incrementers = (0, _react.useMemo)(function () {
16
- return {
17
- increment: increment,
18
- decrement: decrement
19
- };
20
- }, [increment, decrement]);
21
- return incrementers;
22
- };
@@ -1,9 +0,0 @@
1
- type TProps = {
2
- max: number;
3
- value: number | null;
4
- };
5
- export declare const useIncrementDisabledFlags: ({ max, value }: TProps) => {
6
- isIncrementDisabled: boolean;
7
- isDecrementDisabled: boolean;
8
- };
9
- export {};
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useIncrementDisabledFlags = void 0;
7
- var _react = require("react");
8
- var useIncrementDisabledFlags = exports.useIncrementDisabledFlags = function useIncrementDisabledFlags(_ref) {
9
- var max = _ref.max,
10
- value = _ref.value;
11
- var isIncrementDisabled = (0, _react.useMemo)(function () {
12
- return value === max;
13
- }, [max, value]);
14
- var isDecrementDisabled = (0, _react.useMemo)(function () {
15
- return value === 0;
16
- }, [value]);
17
- var incrementDisabledFlags = (0, _react.useMemo)(function () {
18
- return {
19
- isIncrementDisabled: isIncrementDisabled,
20
- isDecrementDisabled: isDecrementDisabled
21
- };
22
- }, [isIncrementDisabled, isDecrementDisabled]);
23
- return incrementDisabledFlags;
24
- };
@@ -1,4 +0,0 @@
1
- export declare const useNormalizers: () => {
2
- normalizeTo: (v: string) => number | null;
3
- normalizeFrom: (v: number | null) => string;
4
- };
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useNormalizers = void 0;
7
- var _react = require("react");
8
- var useNormalizers = exports.useNormalizers = function useNormalizers() {
9
- var normalizeTo = (0, _react.useCallback)(function (v) {
10
- return !v ? null : Number(v);
11
- }, []);
12
- var normalizeFrom = (0, _react.useCallback)(function (v) {
13
- return v !== null ? String(v) : '';
14
- }, []);
15
- var normalizers = (0, _react.useMemo)(function () {
16
- return {
17
- normalizeTo: normalizeTo,
18
- normalizeFrom: normalizeFrom
19
- };
20
- }, [normalizeTo, normalizeFrom]);
21
- return normalizers;
22
- };
@@ -1,10 +0,0 @@
1
- import { FC } from 'react';
2
- import { TProps as TInputLabelProps } from '../InputLabel';
3
- import { TProps as TPureInputProps } from '../PureInput';
4
- export type TProps = {
5
- value: number | null;
6
- onChange: (value: number | null) => void;
7
- max?: number;
8
- upAndDown?: boolean;
9
- } & Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name'>;
10
- export declare const PositiveIntegerInput: FC<TProps>;
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.PositiveIntegerInput = void 0;
8
- var _react = _interopRequireWildcard(require("react"));
9
- var S = _interopRequireWildcard(require("./styles"));
10
- var _useInputFocus2 = require("../../../hooks/useInputFocus");
11
- var _InputLabel = require("../InputLabel");
12
- var _PureInput = require("../PureInput");
13
- var _Arrow = require("../../common/Arrow");
14
- var _useFilters = require("./hooks/useFilters");
15
- var _useNormalizers2 = require("./hooks/useNormalizers");
16
- var _useIncrement2 = require("./hooks/useIncrement");
17
- var _useIncrementDisabledFlags = require("./hooks/useIncrementDisabledFlags");
18
- function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
19
- function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
20
- var PositiveIntegerInput = exports.PositiveIntegerInput = function PositiveIntegerInput(_ref) {
21
- var value = _ref.value,
22
- onChange = _ref.onChange,
23
- _ref$max = _ref.max,
24
- max = _ref$max === void 0 ? Infinity : _ref$max,
25
- _ref$upAndDown = _ref.upAndDown,
26
- upAndDown = _ref$upAndDown === void 0 ? false : _ref$upAndDown,
27
- label = _ref.label,
28
- placeholder = _ref.placeholder,
29
- hasError = _ref.hasError,
30
- onFocus = _ref.onFocus,
31
- onBlur = _ref.onBlur,
32
- name = _ref.name;
33
- var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
34
- onFocus: onFocus,
35
- onBlur: onBlur
36
- }),
37
- inFocus = _useInputFocus.inFocus,
38
- handleFocus = _useInputFocus.handleFocus,
39
- handleBlur = _useInputFocus.handleBlur;
40
- var filters = (0, _useFilters.useFilters)({
41
- max: max
42
- });
43
- var _useNormalizers = (0, _useNormalizers2.useNormalizers)(),
44
- normalizeFrom = _useNormalizers.normalizeFrom,
45
- normalizeTo = _useNormalizers.normalizeTo;
46
- var _useIncrement = (0, _useIncrement2.useIncrement)(),
47
- increment = _useIncrement.increment,
48
- decrement = _useIncrement.decrement;
49
- var _useIncrementDisabled = (0, _useIncrementDisabledFlags.useIncrementDisabledFlags)({
50
- max: max,
51
- value: value
52
- }),
53
- isDecrementDisabled = _useIncrementDisabled.isDecrementDisabled,
54
- isIncrementDisabled = _useIncrementDisabled.isIncrementDisabled;
55
- var handleChange = (0, _react.useCallback)(function (event) {
56
- var newValue = event.target.value;
57
- var filtredValue = filters.reduce(function (acc, fn) {
58
- return fn(acc);
59
- }, newValue);
60
- onChange(normalizeTo(filtredValue));
61
- }, [normalizeTo, onChange, filters]);
62
- var handleUp = (0, _react.useCallback)(function () {
63
- onChange(increment(value));
64
- }, [increment, value, onChange]);
65
- var handleDown = (0, _react.useCallback)(function () {
66
- onChange(decrement(value));
67
- }, [decrement, value, onChange]);
68
- return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
69
- inFocus: inFocus,
70
- label: label
71
- }, /*#__PURE__*/_react["default"].createElement(S.ControlWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
72
- name: name,
73
- hasError: hasError,
74
- inFocus: inFocus,
75
- placeholder: placeholder,
76
- onFocus: handleFocus,
77
- onBlur: handleBlur,
78
- value: normalizeFrom(value),
79
- onChange: handleChange,
80
- paddingRight: upAndDown ? 44 : undefined
81
- }), upAndDown && /*#__PURE__*/_react["default"].createElement(S.Arrows, null, /*#__PURE__*/_react["default"].createElement(S.Arrow, {
82
- onClick: handleUp,
83
- $disabled: isIncrementDisabled
84
- }, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
85
- isOpen: true,
86
- outterSize: 12
87
- })), /*#__PURE__*/_react["default"].createElement(S.Arrow, {
88
- onClick: handleDown,
89
- $disabled: isDecrementDisabled
90
- }, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
91
- isOpen: false,
92
- outterSize: 12
93
- })))));
94
- };
@@ -1,5 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import { PositiveIntegerInput, TProps } from '.';
3
- declare const meta: Meta<typeof PositiveIntegerInput>;
4
- export default meta;
5
- export declare const Default: StoryObj<TProps>;