@invoicebox/ui 0.1.0-alpha.127 → 0.1.0-alpha.128

package/dist/components/form/PhoneInput/index.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 import { TSupportedCountries } from './types';
 import { TProps as TPureInputProps } from '../PureInput';
 import { TProps as TCountrySelectProps } from '../CountrySelect';
+import { TSizes } from '../constants';
 type TFieldProps = Pick<TPureInputProps, 'name' | 'onBlur' | 'onFocus'> & {
     value: string;
     onChange: (value: string) => void;
@@ -16,6 +17,7 @@ type TControlProps = Pick<TPureInputProps, 'disabled' | 'id'> & {
         value: TSupportedCountries;
     }>;
     pureInputProps?: Pick<TPureInputProps, 'paddingTop' | 'paddingBottom'>;
+    size?: TSizes;
 };
 export type TProps = TControlProps & TFieldProps;
 export declare const PhoneInput: FC<TProps>;

package/dist/components/form/PhoneInput/index.js

@@ -16,6 +16,7 @@ var _InputLabel = require("../InputLabel");
 var _PureInput = require("../PureInput");
 var _CountrySelect = require("../CountrySelect");
 var _useMedia = require("../../../hooks/useMedia");
+var _constants = require("../constants");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
 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 && {}.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; }
@@ -39,7 +40,9 @@ var PhoneInput = exports.PhoneInput = function PhoneInput(_ref) {
     id = _ref.id,
     countries = _ref.countries,
     onCountryChange = _ref.onCountryChange,
-    pureInputProps = _ref.pureInputProps;
+    pureInputProps = _ref.pureInputProps,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'L' : _ref$size;
   var inputRef = (0, _react.useRef)();
   var isMobile = (0, _useMedia.useMobile)();
   var countrySelectOptions = (0, _react.useMemo)(function () {
@@ -175,5 +178,5 @@ var PhoneInput = exports.PhoneInput = function PhoneInput(_ref) {
     name: name,
     paddingLeft: isHaveSelectCountries ? 75 : 18,
     autoComplete: 'off'
-  }, pureInputProps)))));
+  }, _constants.SIZE_PADDING_MAP[size], pureInputProps)))));
 };

package/dist/components/form/PhoneInput/index.stories.js

@@ -54,7 +54,8 @@ var Component = function Component(props) {
 };
 var commonProps = {
   disabled: false,
-  label: 'Телефон'
+  label: 'Телефон',
+  size: 'L'
 };
 var MultiCountry = exports.MultiCountry = {
   args: _objectSpread(_objectSpread({}, commonProps), {}, {

package/dist/components/form/TextInput/index.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { TProps as TInputLabelProps } from '../InputLabel';
 import { TProps as TPureInputProps } from '../PureInput';
-type TSizes = 'M' | 'L';
+import { TSizes } from '../constants';
 export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type'> & {
     value: string;
     onChange: (value: string) => void;
@@ -10,4 +10,3 @@ export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'pl
     children?: ReactNode;
 };
 export declare const TextInput: FC<TProps>;
-export {};

package/dist/components/form/TextInput/index.js

@@ -10,19 +10,10 @@ var S = _interopRequireWildcard(require("./styles"));
 var _InputLabel = require("../InputLabel");
 var _PureInput = require("../PureInput");
 var _useInputFocus2 = require("../../../hooks/useInputFocus");
+var _constants = require("../constants");
 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); }
 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 && {}.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; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SIZE_PADDING_MAP = {
-  L: {
-    paddingTop: 12,
-    paddingBottom: 12
-  },
-  M: {
-    paddingTop: 8,
-    paddingBottom: 8
-  }
-};
 var TextInput = exports.TextInput = function TextInput(_ref) {
   var _ref$hasError = _ref.hasError,
     hasError = _ref$hasError === void 0 ? false : _ref$hasError,
@@ -66,5 +57,5 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
     placeholder: placeholder,
     paddingRight: paddingRight,
     type: type
-  }, SIZE_PADDING_MAP[size])), children && /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, null, children)));
+  }, _constants.SIZE_PADDING_MAP[size])), children && /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, null, children)));
 };

package/dist/components/form/constants.d.ts

@@ -0,0 +1,5 @@
+export type TSizes = 'M' | 'L';
+export declare const SIZE_PADDING_MAP: Record<TSizes, {
+    paddingTop: number;
+    paddingBottom: number;
+}>;

package/dist/components/form/constants.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SIZE_PADDING_MAP = void 0;
+var SIZE_PADDING_MAP = exports.SIZE_PADDING_MAP = {
+  L: {
+    paddingTop: 12,
+    paddingBottom: 12
+  },
+  M: {
+    paddingTop: 8,
+    paddingBottom: 8
+  }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@invoicebox/ui",
-    "version": "0.1.0-alpha.127",
+    "version": "0.1.0-alpha.128",
     "description": "Invoicebox UI",
     "license": "Apache License 2.0",
     "scripts": {