@invoicebox/ui 0.1.0-alpha.57 → 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.
- package/package.json +2 -1
- package/dist/breakpoints/index.d.ts +0 -7
- package/dist/breakpoints/index.js +0 -13
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +0 -8
- package/dist/components/common/Arrow/components/StyledSvg/index.js +0 -25
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +0 -5
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.stories.js +0 -21
- package/dist/components/common/Arrow/index.d.ts +0 -10
- package/dist/components/common/Arrow/index.js +0 -29
- package/dist/components/common/Arrow/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/index.stories.js +0 -21
- package/dist/components/common/Arrow/palette.d.ts +0 -6
- package/dist/components/common/Arrow/palette.js +0 -14
- package/dist/components/common/Calendar/docs.stories.d.ts +0 -6
- package/dist/components/common/Calendar/docs.stories.js +0 -20
- package/dist/components/common/Calendar/index.css +0 -81
- package/dist/components/common/Calendar/index.d.ts +0 -8
- package/dist/components/common/Calendar/index.js +0 -40
- package/dist/components/common/Calendar/index.stories.d.ts +0 -7
- package/dist/components/common/Calendar/index.stories.js +0 -55
- package/dist/components/common/Calendar/palette.d.ts +0 -9
- package/dist/components/common/Calendar/palette.js +0 -17
- package/dist/components/common/Divider/index.d.ts +0 -6
- package/dist/components/common/Divider/index.js +0 -20
- package/dist/components/common/Divider/index.stories.d.ts +0 -6
- package/dist/components/common/Divider/index.stories.js +0 -14
- package/dist/components/common/Divider/palette.d.ts +0 -5
- package/dist/components/common/Divider/palette.js +0 -11
- package/dist/components/common/Divider/styles.d.ts +0 -5
- package/dist/components/common/Divider/styles.js +0 -15
- package/dist/components/common/Dropdown/index.d.ts +0 -14
- package/dist/components/common/Dropdown/index.js +0 -117
- package/dist/components/common/Dropdown/index.stories.d.ts +0 -6
- package/dist/components/common/Dropdown/index.stories.js +0 -59
- package/dist/components/common/Dropdown/palette.d.ts +0 -6
- package/dist/components/common/Dropdown/palette.js +0 -14
- package/dist/components/common/Dropdown/styles.d.ts +0 -14
- package/dist/components/common/Dropdown/styles.js +0 -47
- package/dist/components/common/Flag/components/ArmFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/ArmFlag/index.js +0 -37
- package/dist/components/common/Flag/components/ArmFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/ArmFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/AzeFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/AzeFlag/index.js +0 -47
- package/dist/components/common/Flag/components/AzeFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/AzeFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/BlrFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/BlrFlag/index.js +0 -42
- package/dist/components/common/Flag/components/BlrFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/BlrFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/ChnFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/ChnFlag/index.js +0 -41
- package/dist/components/common/Flag/components/ChnFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/ChnFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/EngFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/EngFlag/index.js +0 -63
- package/dist/components/common/Flag/components/EngFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/EngFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/EspFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/EspFlag/index.js +0 -95
- package/dist/components/common/Flag/components/EspFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/EspFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/KazFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/KazFlag/index.js +0 -33
- package/dist/components/common/Flag/components/KazFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/KazFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/KgzFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/KgzFlag/index.js +0 -30
- package/dist/components/common/Flag/components/KgzFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/KgzFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/MdaFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/MdaFlag/index.js +0 -59
- package/dist/components/common/Flag/components/MdaFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/MdaFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/RusFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/RusFlag/index.js +0 -39
- package/dist/components/common/Flag/components/RusFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/RusFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/TjkFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/TjkFlag/index.js +0 -44
- package/dist/components/common/Flag/components/TjkFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/TjkFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/components/UzbFlag/index.d.ts +0 -1
- package/dist/components/common/Flag/components/UzbFlag/index.js +0 -50
- package/dist/components/common/Flag/components/UzbFlag/index.stories.d.ts +0 -5
- package/dist/components/common/Flag/components/UzbFlag/index.stories.js +0 -14
- package/dist/components/common/Flag/index.d.ts +0 -12
- package/dist/components/common/Flag/index.js +0 -49
- package/dist/components/common/Flag/index.stories.d.ts +0 -6
- package/dist/components/common/Flag/index.stories.js +0 -23
- package/dist/components/common/Flag/styles.d.ts +0 -5
- package/dist/components/common/Flag/styles.js +0 -18
- package/dist/components/common/InvoiceboxLoader/assets/loader.json +0 -1
- package/dist/components/common/InvoiceboxLoader/index.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.js +0 -878
- package/dist/components/common/InvoiceboxLoader/index.stories.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/index.d.ts +0 -7
- package/dist/components/common/InvoiceboxSpinner/index.js +0 -39
- package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +0 -10
- package/dist/components/common/InvoiceboxSpinner/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/palette.d.ts +0 -6
- package/dist/components/common/InvoiceboxSpinner/palette.js +0 -12
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +0 -4
- package/dist/components/common/InvoiceboxSpinner/styles.js +0 -19
- package/dist/components/common/Scrollbar/index.d.ts +0 -6
- package/dist/components/common/Scrollbar/index.js +0 -69
- package/dist/components/common/Scrollbar/index.stories.d.ts +0 -12
- package/dist/components/common/Scrollbar/index.stories.js +0 -36
- package/dist/components/common/Scrollbar/palette.d.ts +0 -5
- package/dist/components/common/Scrollbar/palette.js +0 -11
- package/dist/components/common/SecondaryButton/index.d.ts +0 -15
- package/dist/components/common/SecondaryButton/index.js +0 -48
- package/dist/components/common/SecondaryButton/index.stories.d.ts +0 -11
- package/dist/components/common/SecondaryButton/index.stories.js +0 -38
- package/dist/components/common/SecondaryButton/palette.d.ts +0 -8
- package/dist/components/common/SecondaryButton/palette.js +0 -14
- package/dist/components/common/SecondaryButton/styles.d.ts +0 -11
- package/dist/components/common/SecondaryButton/styles.js +0 -46
- package/dist/components/common/Skeleton/index.d.ts +0 -8
- package/dist/components/common/Skeleton/index.js +0 -28
- package/dist/components/common/Skeleton/index.stories.d.ts +0 -11
- package/dist/components/common/Skeleton/index.stories.js +0 -29
- package/dist/components/common/Skeleton/palette.d.ts +0 -6
- package/dist/components/common/Skeleton/palette.js +0 -12
- package/dist/components/common/Skeleton/styles.d.ts +0 -10
- package/dist/components/common/Skeleton/styles.js +0 -37
- package/dist/components/common/Typography/index.d.ts +0 -25
- package/dist/components/common/Typography/index.js +0 -32
- package/dist/components/common/Typography/index.stories.d.ts +0 -11
- package/dist/components/common/Typography/index.stories.js +0 -36
- package/dist/components/common/Typography/styles.d.ts +0 -5
- package/dist/components/common/Typography/styles.js +0 -16
- package/dist/components/common/Typography/typography.d.ts +0 -20
- package/dist/components/common/Typography/typography.js +0 -28
- package/dist/components/common/WarningIcon/components/Icon.d.ts +0 -6
- package/dist/components/common/WarningIcon/components/Icon.js +0 -22
- package/dist/components/common/WarningIcon/index.d.ts +0 -7
- package/dist/components/common/WarningIcon/index.js +0 -23
- package/dist/components/common/WarningIcon/index.stories.d.ts +0 -5
- package/dist/components/common/WarningIcon/index.stories.js +0 -14
- package/dist/components/common/WarningIcon/palette.d.ts +0 -5
- package/dist/components/common/WarningIcon/palette.js +0 -11
- package/dist/components/common/WarningIcon/styles.d.ts +0 -10
- package/dist/components/common/WarningIcon/styles.js +0 -22
- package/dist/components/form/CountrySelect/components/CountryItem/index.d.ts +0 -13
- package/dist/components/form/CountrySelect/components/CountryItem/index.js +0 -42
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.d.ts +0 -5
- package/dist/components/form/CountrySelect/components/CountryItem/index.stories.js +0 -34
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.d.ts +0 -9
- package/dist/components/form/CountrySelect/components/CountryItem/stlyes.js +0 -31
- package/dist/components/form/CountrySelect/index.d.ts +0 -22
- package/dist/components/form/CountrySelect/index.js +0 -123
- package/dist/components/form/CountrySelect/index.stories.d.ts +0 -5
- package/dist/components/form/CountrySelect/index.stories.js +0 -57
- package/dist/components/form/CountrySelect/logic.d.ts +0 -5
- package/dist/components/form/CountrySelect/logic.js +0 -25
- package/dist/components/form/CountrySelect/palette.d.ts +0 -9
- package/dist/components/form/CountrySelect/palette.js +0 -17
- package/dist/components/form/CountrySelect/stlyes.d.ts +0 -8
- package/dist/components/form/CountrySelect/stlyes.js +0 -27
- package/dist/components/form/DateInput/components/Icon/index.d.ts +0 -1
- package/dist/components/form/DateInput/components/Icon/index.js +0 -33
- package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +0 -5
- package/dist/components/form/DateInput/components/Icon/index.stories.js +0 -14
- package/dist/components/form/DateInput/docs.stories.d.ts +0 -6
- package/dist/components/form/DateInput/docs.stories.js +0 -20
- package/dist/components/form/DateInput/index.d.ts +0 -9
- package/dist/components/form/DateInput/index.js +0 -111
- package/dist/components/form/DateInput/index.stories.d.ts +0 -7
- package/dist/components/form/DateInput/index.stories.js +0 -52
- package/dist/components/form/DateInput/logic.d.ts +0 -10
- package/dist/components/form/DateInput/logic.js +0 -71
- package/dist/components/form/DateInput/palette.d.ts +0 -5
- package/dist/components/form/DateInput/palette.js +0 -11
- package/dist/components/form/DateInput/styles.d.ts +0 -8
- package/dist/components/form/DateInput/styles.js +0 -28
- package/dist/components/form/InputLabel/index.d.ts +0 -8
- package/dist/components/form/InputLabel/index.js +0 -31
- package/dist/components/form/InputLabel/index.stories.d.ts +0 -5
- package/dist/components/form/InputLabel/index.stories.js +0 -33
- package/dist/components/form/InputLabel/palette.d.ts +0 -7
- package/dist/components/form/InputLabel/palette.js +0 -13
- package/dist/components/form/InputLabel/styles.d.ts +0 -11
- package/dist/components/form/InputLabel/styles.js +0 -36
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +0 -21
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +0 -22
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +0 -9
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +0 -24
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +0 -22
- package/dist/components/form/PositiveIntegerInput/index.d.ts +0 -10
- package/dist/components/form/PositiveIntegerInput/index.js +0 -94
- package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +0 -5
- package/dist/components/form/PositiveIntegerInput/index.stories.js +0 -49
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/styles.js +0 -25
- package/dist/components/form/PureInput/index.d.ts +0 -10
- package/dist/components/form/PureInput/index.js +0 -42
- package/dist/components/form/PureInput/index.stories.d.ts +0 -5
- package/dist/components/form/PureInput/index.stories.js +0 -23
- package/dist/components/form/PureInput/palette.d.ts +0 -10
- package/dist/components/form/PureInput/palette.js +0 -18
- package/dist/components/form/PureInput/styles.d.ts +0 -10
- package/dist/components/form/PureInput/styles.js +0 -34
- package/dist/components/form/SearchInput/components/CrossIcon/index.d.ts +0 -1
- package/dist/components/form/SearchInput/components/CrossIcon/index.js +0 -23
- package/dist/components/form/SearchInput/components/CrossIcon/index.stories.d.ts +0 -5
- package/dist/components/form/SearchInput/components/CrossIcon/index.stories.js +0 -14
- package/dist/components/form/SearchInput/components/SearchIcon/index.d.ts +0 -1
- package/dist/components/form/SearchInput/components/SearchIcon/index.js +0 -24
- package/dist/components/form/SearchInput/components/SearchIcon/index.stories.d.ts +0 -5
- package/dist/components/form/SearchInput/components/SearchIcon/index.stories.js +0 -14
- package/dist/components/form/SearchInput/index.d.ts +0 -7
- package/dist/components/form/SearchInput/index.js +0 -50
- package/dist/components/form/SearchInput/index.stories.d.ts +0 -5
- package/dist/components/form/SearchInput/index.stories.js +0 -38
- package/dist/components/form/SearchInput/palette.d.ts +0 -5
- package/dist/components/form/SearchInput/palette.js +0 -11
- package/dist/components/form/SearchInput/styles.d.ts +0 -7
- package/dist/components/form/SearchInput/styles.js +0 -25
- package/dist/components/form/Select/components/Input/index.d.ts +0 -6
- package/dist/components/form/Select/components/Input/index.js +0 -42
- package/dist/components/form/Select/components/Input/index.stories.d.ts +0 -5
- package/dist/components/form/Select/components/Input/index.stories.js +0 -27
- package/dist/components/form/Select/components/Input/styles.d.ts +0 -3
- package/dist/components/form/Select/components/Input/styles.js +0 -16
- package/dist/components/form/Select/hooks/useOptionGroups.d.ts +0 -5
- package/dist/components/form/Select/hooks/useOptionGroups.js +0 -33
- package/dist/components/form/Select/index.d.ts +0 -17
- package/dist/components/form/Select/index.js +0 -138
- package/dist/components/form/Select/index.stories.d.ts +0 -5
- package/dist/components/form/Select/index.stories.js +0 -96
- package/dist/components/form/Select/palette.d.ts +0 -5
- package/dist/components/form/Select/palette.js +0 -13
- package/dist/components/form/Select/styles.d.ts +0 -10
- package/dist/components/form/Select/styles.js +0 -37
- package/dist/hooks/useCss/index.d.ts +0 -6
- package/dist/hooks/useCss/index.js +0 -31
- package/dist/hooks/useCss/index.stories.d.ts +0 -4
- package/dist/hooks/useCss/index.stories.js +0 -38
- package/dist/hooks/useInputFocus/index.d.ts +0 -11
- package/dist/hooks/useInputFocus/index.js +0 -37
- package/dist/hooks/useInputFocus/index.stories.d.ts +0 -4
- package/dist/hooks/useInputFocus/index.stories.js +0 -29
- package/dist/hooks/useOutsideClick/index.d.ts +0 -2
- package/dist/hooks/useOutsideClick/index.js +0 -22
- package/dist/hooks/useOutsideClick/index.stories.d.ts +0 -4
- package/dist/hooks/useOutsideClick/index.stories.js +0 -27
- package/dist/index.d.ts +0 -31
- package/dist/index.js +0 -152
- package/dist/palette/colors.stories.d.ts +0 -4
- package/dist/palette/colors.stories.js +0 -41
- package/dist/palette/constants.d.ts +0 -2
- package/dist/palette/constants.js +0 -18
- package/dist/palette/context.d.ts +0 -35
- package/dist/palette/context.js +0 -40
- package/dist/palette/index.d.ts +0 -3
- package/dist/palette/index.js +0 -19
- package/dist/palette/index.stories.d.ts +0 -4
- package/dist/palette/index.stories.js +0 -83
- package/dist/palette/provider.d.ts +0 -10
- package/dist/palette/provider.js +0 -65
- package/dist/palette/types.d.ts +0 -12
- package/dist/palette/types.js +0 -1
- package/dist/palette/useComponentPalette.d.ts +0 -2
- package/dist/palette/useComponentPalette.js +0 -22
- package/dist/palette/usePalette.d.ts +0 -17
- package/dist/palette/usePalette.js +0 -11
|
@@ -1,42 +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.PureInput = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var S = _interopRequireWildcard(require("./styles"));
|
|
10
|
-
var _palette = require("../../../palette");
|
|
11
|
-
var _excluded = ["paddingLeft", "paddingRight", "hasError", "inFocus", "hasBorder", "className"];
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
18
|
-
var PureInput = exports.PureInput = function PureInput(_ref) {
|
|
19
|
-
var _ref$paddingLeft = _ref.paddingLeft,
|
|
20
|
-
paddingLeft = _ref$paddingLeft === void 0 ? 18 : _ref$paddingLeft,
|
|
21
|
-
_ref$paddingRight = _ref.paddingRight,
|
|
22
|
-
paddingRight = _ref$paddingRight === void 0 ? 18 : _ref$paddingRight,
|
|
23
|
-
_ref$hasError = _ref.hasError,
|
|
24
|
-
hasError = _ref$hasError === void 0 ? false : _ref$hasError,
|
|
25
|
-
_ref$inFocus = _ref.inFocus,
|
|
26
|
-
inFocus = _ref$inFocus === void 0 ? false : _ref$inFocus,
|
|
27
|
-
_ref$hasBorder = _ref.hasBorder,
|
|
28
|
-
hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
|
|
29
|
-
className = _ref.className,
|
|
30
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
31
|
-
var palette = (0, _palette.useComponentPalette)('pureInput');
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
|
|
33
|
-
variant: "bodyMRegular",
|
|
34
|
-
element: "input",
|
|
35
|
-
$paddingLeft: paddingLeft,
|
|
36
|
-
$paddingRight: paddingRight,
|
|
37
|
-
$hasError: hasError,
|
|
38
|
-
$inFocus: inFocus,
|
|
39
|
-
$hasBorder: hasBorder,
|
|
40
|
-
$palette: palette
|
|
41
|
-
}, rest));
|
|
42
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
var meta = {
|
|
9
|
-
title: 'form/PureInput',
|
|
10
|
-
component: _.PureInput,
|
|
11
|
-
tags: ['autodocs']
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = meta;
|
|
14
|
-
var Default = exports.Default = {
|
|
15
|
-
args: {
|
|
16
|
-
paddingLeft: 18,
|
|
17
|
-
paddingRight: 18,
|
|
18
|
-
hasError: false,
|
|
19
|
-
inFocus: false,
|
|
20
|
-
hasBorder: true,
|
|
21
|
-
placeholder: 'Введите текст'
|
|
22
|
-
}
|
|
23
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { TAbstractPalette } from '../../../palette';
|
|
2
|
-
export type TPureInputPalette = {
|
|
3
|
-
text: string;
|
|
4
|
-
bg: string;
|
|
5
|
-
error: string;
|
|
6
|
-
border: string;
|
|
7
|
-
borderFocus: string;
|
|
8
|
-
placeholder: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const generatePureInputPalette: (abstractPalette: TAbstractPalette) => TPureInputPalette;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.generatePureInputPalette = void 0;
|
|
7
|
-
var _hexToRgba = _interopRequireDefault(require("hex-to-rgba"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var generatePureInputPalette = exports.generatePureInputPalette = function generatePureInputPalette(abstractPalette) {
|
|
10
|
-
return {
|
|
11
|
-
text: abstractPalette.primary,
|
|
12
|
-
bg: abstractPalette.base,
|
|
13
|
-
error: abstractPalette.error,
|
|
14
|
-
border: (0, _hexToRgba["default"])(abstractPalette.neutralBrutal, 0.3),
|
|
15
|
-
borderFocus: abstractPalette.primary,
|
|
16
|
-
placeholder: (0, _hexToRgba["default"])(abstractPalette.primary, 0.3)
|
|
17
|
-
};
|
|
18
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TPureInputPalette } from './palette';
|
|
3
|
-
export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps, {
|
|
4
|
-
$paddingLeft: number;
|
|
5
|
-
$paddingRight: number;
|
|
6
|
-
$hasError: boolean;
|
|
7
|
-
$inFocus: boolean;
|
|
8
|
-
$hasBorder: boolean;
|
|
9
|
-
$palette: TPureInputPalette;
|
|
10
|
-
}>> & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Wrapper = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
var _Typography = require("../../common/Typography");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
|
|
11
|
-
displayName: "styles__Wrapper",
|
|
12
|
-
componentId: "sc-1g8ijo6-0"
|
|
13
|
-
})(["color:", ";border-radius:10px;outline:none;padding:12px 18px;width:100%;background-color:", ";transition:all 0.2s ease-in-out 0s;box-sizing:border-box;padding-right:", "px;padding-left:", "px;border:1px solid ", ";&::placeholder{color:", ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s !important;}"], function (_ref) {
|
|
14
|
-
var $palette = _ref.$palette;
|
|
15
|
-
return $palette.text;
|
|
16
|
-
}, function (_ref2) {
|
|
17
|
-
var $palette = _ref2.$palette;
|
|
18
|
-
return $palette.bg;
|
|
19
|
-
}, function (_ref3) {
|
|
20
|
-
var $paddingRight = _ref3.$paddingRight;
|
|
21
|
-
return $paddingRight;
|
|
22
|
-
}, function (_ref4) {
|
|
23
|
-
var $paddingLeft = _ref4.$paddingLeft;
|
|
24
|
-
return $paddingLeft;
|
|
25
|
-
}, function (_ref5) {
|
|
26
|
-
var $hasError = _ref5.$hasError,
|
|
27
|
-
$inFocus = _ref5.$inFocus,
|
|
28
|
-
$hasBorder = _ref5.$hasBorder,
|
|
29
|
-
$palette = _ref5.$palette;
|
|
30
|
-
return !$hasBorder ? 'transparent' : $hasError ? $palette.error : $inFocus ? $palette.borderFocus : $palette.border;
|
|
31
|
-
}, function (_ref6) {
|
|
32
|
-
var $palette = _ref6.$palette;
|
|
33
|
-
return $palette.placeholder;
|
|
34
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const CrossIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.CrossIcon = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var CrossIcon = exports.CrossIcon = function CrossIcon() {
|
|
10
|
-
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
11
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
12
|
-
width: "24",
|
|
13
|
-
height: "24",
|
|
14
|
-
viewBox: "0 0 24 24",
|
|
15
|
-
fill: "none"
|
|
16
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
17
|
-
d: "M16 8L8 16M16 16L8 8",
|
|
18
|
-
stroke: "currentColor",
|
|
19
|
-
strokeWidth: "1.5",
|
|
20
|
-
strokeLinecap: "round",
|
|
21
|
-
strokeLinejoin: "round"
|
|
22
|
-
}));
|
|
23
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
var meta = {
|
|
9
|
-
title: 'form/SearchInput/_components/CrossIcon',
|
|
10
|
-
component: _.CrossIcon,
|
|
11
|
-
tags: ['autodocs']
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = meta;
|
|
14
|
-
var Default = exports.Default = {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SearchIcon: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.SearchIcon = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var SearchIcon = exports.SearchIcon = function SearchIcon() {
|
|
10
|
-
return /*#__PURE__*/_react["default"].createElement("svg", {
|
|
11
|
-
width: "24",
|
|
12
|
-
height: "24",
|
|
13
|
-
viewBox: "0 0 24 24",
|
|
14
|
-
fill: "none",
|
|
15
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
16
|
-
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
17
|
-
d: "M16.4713 16.1602L18.8146 18.5095M11.9924 17.9847C15.3019 17.9847 17.9847 15.3019 17.9847 11.9924C17.9847 8.68288 15.3019 6 11.9924 6C8.68288 6 6 8.68288 6 11.9924C6 15.3019 8.68288 17.9847 11.9924 17.9847Z",
|
|
18
|
-
stroke: "currentColor",
|
|
19
|
-
strokeOpacity: "1",
|
|
20
|
-
strokeWidth: "1.5",
|
|
21
|
-
strokeLinecap: "round",
|
|
22
|
-
strokeLinejoin: "round"
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
var meta = {
|
|
9
|
-
title: 'form/SearchInput/_components/SearchIcon',
|
|
10
|
-
component: _.SearchIcon,
|
|
11
|
-
tags: ['autodocs']
|
|
12
|
-
};
|
|
13
|
-
var _default = exports["default"] = meta;
|
|
14
|
-
var Default = exports.Default = {};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TProps as PureInputProps } from '../PureInput';
|
|
3
|
-
export type TProps = Pick<PureInputProps, 'placeholder' | 'hasBorder'> & {
|
|
4
|
-
value: string;
|
|
5
|
-
onChange: (value: string) => void;
|
|
6
|
-
};
|
|
7
|
-
export declare const SearchInput: FC<TProps>;
|
|
@@ -1,50 +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.SearchInput = void 0;
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
var S = _interopRequireWildcard(require("./styles"));
|
|
10
|
-
var _InputLabel = require("../InputLabel");
|
|
11
|
-
var _PureInput = require("../PureInput");
|
|
12
|
-
var _useInputFocus2 = require("../../../hooks/useInputFocus");
|
|
13
|
-
var _SearchIcon = require("./components/SearchIcon");
|
|
14
|
-
var _CrossIcon = require("./components/CrossIcon");
|
|
15
|
-
var _palette = require("../../../palette");
|
|
16
|
-
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); }
|
|
17
|
-
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; }
|
|
18
|
-
var SearchInput = exports.SearchInput = function SearchInput(_ref) {
|
|
19
|
-
var onChange = _ref.onChange,
|
|
20
|
-
placeholder = _ref.placeholder,
|
|
21
|
-
hasBorder = _ref.hasBorder,
|
|
22
|
-
value = _ref.value;
|
|
23
|
-
var _useInputFocus = (0, _useInputFocus2.useInputFocus)(),
|
|
24
|
-
inFocus = _useInputFocus.inFocus,
|
|
25
|
-
handleFocus = _useInputFocus.handleFocus,
|
|
26
|
-
handleBlur = _useInputFocus.handleBlur;
|
|
27
|
-
var palette = (0, _palette.useComponentPalette)('searchInput');
|
|
28
|
-
var handleInputReset = (0, _react.useCallback)(function () {
|
|
29
|
-
onChange('');
|
|
30
|
-
}, [onChange]);
|
|
31
|
-
var handleInputChange = (0, _react.useCallback)(function (event) {
|
|
32
|
-
onChange(event.target.value);
|
|
33
|
-
}, [onChange]);
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
|
|
35
|
-
paddingRight: 56,
|
|
36
|
-
hasBorder: hasBorder,
|
|
37
|
-
onChange: handleInputChange,
|
|
38
|
-
placeholder: placeholder,
|
|
39
|
-
value: value,
|
|
40
|
-
onFocus: handleFocus,
|
|
41
|
-
onBlur: handleBlur,
|
|
42
|
-
inFocus: inFocus
|
|
43
|
-
}), /*#__PURE__*/_react["default"].createElement(S.IconWrapper, {
|
|
44
|
-
$inFocus: inFocus,
|
|
45
|
-
$palette: palette
|
|
46
|
-
}, value ? /*#__PURE__*/_react["default"].createElement(S.ResetButton, {
|
|
47
|
-
type: "button",
|
|
48
|
-
onClick: handleInputReset
|
|
49
|
-
}, /*#__PURE__*/_react["default"].createElement(_CrossIcon.CrossIcon, null)) : /*#__PURE__*/_react["default"].createElement(_SearchIcon.SearchIcon, null)));
|
|
50
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _index = require("./index");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
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); }
|
|
10
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
11
|
-
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."); }
|
|
12
|
-
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); }
|
|
13
|
-
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; }
|
|
14
|
-
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; } }
|
|
15
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
var meta = {
|
|
17
|
-
title: 'form/SearchInput',
|
|
18
|
-
component: _index.SearchInput,
|
|
19
|
-
tags: ['autodocs']
|
|
20
|
-
};
|
|
21
|
-
var _default = exports["default"] = meta;
|
|
22
|
-
var Component = function Component(props) {
|
|
23
|
-
var _useState = (0, _react.useState)(''),
|
|
24
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
25
|
-
value = _useState2[0],
|
|
26
|
-
setValue = _useState2[1];
|
|
27
|
-
return /*#__PURE__*/React.createElement(_index.SearchInput, _extends({}, props, {
|
|
28
|
-
value: value,
|
|
29
|
-
onChange: setValue
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
var Default = exports.Default = {
|
|
33
|
-
args: {
|
|
34
|
-
hasBorder: true,
|
|
35
|
-
placeholder: 'Поиск'
|
|
36
|
-
},
|
|
37
|
-
render: Component
|
|
38
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.generateSearchInputPalette = void 0;
|
|
7
|
-
var generateSearchInputPalette = exports.generateSearchInputPalette = function generateSearchInputPalette(abstractPalette) {
|
|
8
|
-
return {
|
|
9
|
-
icon: abstractPalette.primary
|
|
10
|
-
};
|
|
11
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TSearchInputPalette } from './palette';
|
|
3
|
-
export declare const ResetButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>;
|
|
4
|
-
export declare const IconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
5
|
-
$inFocus: boolean;
|
|
6
|
-
$palette: TSearchInputPalette;
|
|
7
|
-
}>>;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ResetButton = exports.IconWrapper = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var ResetButton = exports.ResetButton = _styledComponents["default"].button.withConfig({
|
|
10
|
-
displayName: "styles__ResetButton",
|
|
11
|
-
componentId: "sc-1cx3n6g-0"
|
|
12
|
-
})(["display:flex;align-content:center;justify-content:center;background:transparent;border:none;cursor:pointer;"]);
|
|
13
|
-
var IconWrapper = exports.IconWrapper = _styledComponents["default"].span.withConfig({
|
|
14
|
-
displayName: "styles__IconWrapper",
|
|
15
|
-
componentId: "sc-1cx3n6g-1"
|
|
16
|
-
})(["position:absolute;right:20px;bottom:50%;transform:translateY(50%);display:flex;align-content:center;justify-content:center;opacity:", ";transition:all 0.2s ease-in-out 0s;color:", ";", "{color:", ";}"], function (_ref) {
|
|
17
|
-
var $inFocus = _ref.$inFocus;
|
|
18
|
-
return $inFocus ? 1 : 0.5;
|
|
19
|
-
}, function (_ref2) {
|
|
20
|
-
var $palette = _ref2.$palette;
|
|
21
|
-
return $palette.icon;
|
|
22
|
-
}, ResetButton, function (_ref3) {
|
|
23
|
-
var $palette = _ref3.$palette;
|
|
24
|
-
return $palette.icon;
|
|
25
|
-
});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { TProps as TInputLabelProps } from '../../../InputLabel';
|
|
3
|
-
import { TProps as TPureInputProps } from '../../../PureInput';
|
|
4
|
-
import { TProps as TArrowProps } from '../../../../common/Arrow';
|
|
5
|
-
export type TProps = Pick<TInputLabelProps, 'inFocus' | 'label'> & Pick<TPureInputProps, 'hasError' | 'placeholder' | 'name' | 'onFocus' | 'onBlur' | 'value'> & Pick<TArrowProps, 'isOpen'>;
|
|
6
|
-
export declare const Input: FC<TProps>;
|
|
@@ -1,42 +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.Input = void 0;
|
|
8
|
-
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
var S = _interopRequireWildcard(require("./styles"));
|
|
10
|
-
var _InputLabel = require("../../../InputLabel");
|
|
11
|
-
var _PureInput = require("../../../PureInput");
|
|
12
|
-
var _Arrow = require("../../../../common/Arrow");
|
|
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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
16
|
-
var Input = exports.Input = function Input(_ref) {
|
|
17
|
-
var hasError = _ref.hasError,
|
|
18
|
-
inFocus = _ref.inFocus,
|
|
19
|
-
placeholder = _ref.placeholder,
|
|
20
|
-
onFocus = _ref.onFocus,
|
|
21
|
-
onBlur = _ref.onBlur,
|
|
22
|
-
value = _ref.value,
|
|
23
|
-
name = _ref.name,
|
|
24
|
-
label = _ref.label,
|
|
25
|
-
isOpen = _ref.isOpen;
|
|
26
|
-
return /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
|
|
27
|
-
inFocus: inFocus,
|
|
28
|
-
label: label
|
|
29
|
-
}, /*#__PURE__*/_react["default"].createElement(S.ControlWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
|
|
30
|
-
hasError: hasError,
|
|
31
|
-
inFocus: inFocus,
|
|
32
|
-
name: name,
|
|
33
|
-
placeholder: placeholder,
|
|
34
|
-
onFocus: onFocus,
|
|
35
|
-
onBlur: onBlur,
|
|
36
|
-
value: value,
|
|
37
|
-
readOnly: true,
|
|
38
|
-
paddingRight: 52
|
|
39
|
-
}), /*#__PURE__*/_react["default"].createElement(S.IconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Arrow.Arrow, {
|
|
40
|
-
isOpen: isOpen
|
|
41
|
-
}))));
|
|
42
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _addonActions = require("@storybook/addon-actions");
|
|
8
|
-
var _ = require(".");
|
|
9
|
-
var meta = {
|
|
10
|
-
title: 'form/Select/_components/Input',
|
|
11
|
-
component: _.Input,
|
|
12
|
-
tags: ['autodocs']
|
|
13
|
-
};
|
|
14
|
-
var _default = exports["default"] = meta;
|
|
15
|
-
var Default = exports.Default = {
|
|
16
|
-
args: {
|
|
17
|
-
hasError: false,
|
|
18
|
-
inFocus: false,
|
|
19
|
-
placeholder: 'placeholder',
|
|
20
|
-
onFocus: (0, _addonActions.action)('focus'),
|
|
21
|
-
onBlur: (0, _addonActions.action)('blur'),
|
|
22
|
-
value: 'Selected option',
|
|
23
|
-
name: 'name',
|
|
24
|
-
label: 'label',
|
|
25
|
-
isOpen: false
|
|
26
|
-
}
|
|
27
|
-
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const IconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
-
export declare const ControlWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.IconWrapper = exports.ControlWrapper = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
9
|
-
var IconWrapper = exports.IconWrapper = _styledComponents["default"].div.withConfig({
|
|
10
|
-
displayName: "styles__IconWrapper",
|
|
11
|
-
componentId: "sc-1fsrle6-0"
|
|
12
|
-
})(["position:absolute;right:14px;height:100%;top:0;display:flex;align-items:center;"]);
|
|
13
|
-
var ControlWrapper = exports.ControlWrapper = _styledComponents["default"].div.withConfig({
|
|
14
|
-
displayName: "styles__ControlWrapper",
|
|
15
|
-
componentId: "sc-1fsrle6-1"
|
|
16
|
-
})(["position:relative;"]);
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useOptionGroups = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var useOptionGroups = exports.useOptionGroups = function useOptionGroups(options, groups) {
|
|
9
|
-
return (0, _react.useMemo)(function () {
|
|
10
|
-
var optionsByGroupId = new Map();
|
|
11
|
-
options.forEach(function (option) {
|
|
12
|
-
var item = optionsByGroupId.get(option.groupId);
|
|
13
|
-
if (item) {
|
|
14
|
-
item.push(option);
|
|
15
|
-
} else {
|
|
16
|
-
optionsByGroupId.set(option.groupId, [option]);
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var optionGroups = groups.map(function (group) {
|
|
20
|
-
return {
|
|
21
|
-
group: group,
|
|
22
|
-
options: optionsByGroupId.get(group.id) || []
|
|
23
|
-
};
|
|
24
|
-
});
|
|
25
|
-
optionGroups.push({
|
|
26
|
-
group: null,
|
|
27
|
-
options: optionsByGroupId.get(undefined) || []
|
|
28
|
-
});
|
|
29
|
-
return optionGroups.filter(function (item) {
|
|
30
|
-
return item.options.length > 0;
|
|
31
|
-
});
|
|
32
|
-
}, [groups, options]);
|
|
33
|
-
};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { TProps as TInputProps } from './components/Input';
|
|
2
|
-
export type TOption<TValue> = {
|
|
3
|
-
label: string;
|
|
4
|
-
value: TValue;
|
|
5
|
-
groupId?: string;
|
|
6
|
-
};
|
|
7
|
-
export type TGroup = {
|
|
8
|
-
label: string;
|
|
9
|
-
id: string;
|
|
10
|
-
};
|
|
11
|
-
export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'onFocus' | 'onBlur' | 'name'> & {
|
|
12
|
-
value: TValue | null;
|
|
13
|
-
onChange: (value: TValue) => void;
|
|
14
|
-
options: TOption<TValue>[];
|
|
15
|
-
groups?: TGroup[];
|
|
16
|
-
};
|
|
17
|
-
export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, onFocus, onBlur, name, value, onChange, options, groups, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
|