@invoicebox/ui 0.1.0-alpha.134 → 0.1.0-alpha.135

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

@@ -15,6 +15,7 @@ type TControlProps = {
     children?: ReactNode;
     inputPaddingLeft?: number;
     inputMaxLength?: number;
+    isInputOnlyNumbers?: boolean;
     disabled?: boolean;
     listHeight?: number;
     hasError?: boolean;

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

@@ -47,7 +47,9 @@ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     hasError = _ref.hasError,
     isLoading = _ref.isLoading,
     optionsLoader = _ref.optionsLoader,
-    inputMaxLength = _ref.inputMaxLength;
+    inputMaxLength = _ref.inputMaxLength,
+    _ref$isInputOnlyNumbe = _ref.isInputOnlyNumbers,
+    isInputOnlyNumbers = _ref$isInputOnlyNumbe === void 0 ? false : _ref$isInputOnlyNumbe;
   var isMobile = (0, _useMedia.useMobile)();
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -98,7 +100,8 @@ var Autocomplete = exports.Autocomplete = /*#__PURE__*/(0, _react.forwardRef)(fu
     placeholder: placeholder,
     disabled: disabled,
     paddingLeft: inputPaddingLeft,
-    maxLength: inputMaxLength
+    maxLength: inputMaxLength,
+    isOnlyNumbers: isInputOnlyNumbers
   }))), /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
     isOpen: isOpen && (!!options.length || !!isLoading),
     isAutoPosition: true,

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

@@ -7,6 +7,7 @@ export type TProps = InputHTMLAttributes<HTMLInputElement> & {
     hasError?: boolean;
     inFocus?: boolean;
     hasBorder?: boolean;
+    isOnlyNumbers?: boolean;
     className?: never;
 };
 export declare const PureInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
@@ -17,5 +18,6 @@ export declare const PureInput: React.ForwardRefExoticComponent<React.InputHTMLA
     hasError?: boolean | undefined;
     inFocus?: boolean | undefined;
     hasBorder?: boolean | undefined;
+    isOnlyNumbers?: boolean | undefined;
     className?: undefined;
 } & React.RefAttributes<HTMLInputElement>>;

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

@@ -5,14 +5,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PureInput = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var S = _interopRequireWildcard(require("./styles"));
 var _palette = require("../../../palette");
-var _excluded = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "hasError", "inFocus", "hasBorder", "className"];
+var _excluded = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "hasError", "inFocus", "hasBorder", "isOnlyNumbers", "className", "onChange"];
 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 _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
 var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(function (_ref, ref) {
@@ -30,9 +34,24 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
     inFocus = _ref$inFocus === void 0 ? false : _ref$inFocus,
     _ref$hasBorder = _ref.hasBorder,
     hasBorder = _ref$hasBorder === void 0 ? true : _ref$hasBorder,
+    _ref$isOnlyNumbers = _ref.isOnlyNumbers,
+    isOnlyNumbers = _ref$isOnlyNumbers === void 0 ? false : _ref$isOnlyNumbers,
     className = _ref.className,
+    onChange = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   var palette = (0, _palette.useComponentPalette)('pureInput');
+  var handleChange = (0, _react.useCallback)(function (event) {
+    var inputValue = event.target.value;
+    var replacedValue = isOnlyNumbers ? inputValue.replace(/[^0-9]/g, '') : inputValue;
+    if (onChange) {
+      var formattedEvent = _objectSpread(_objectSpread({}, event), {}, {
+        target: _objectSpread(_objectSpread({}, event.target), {}, {
+          value: replacedValue
+        })
+      });
+      onChange(formattedEvent);
+    }
+  }, [isOnlyNumbers, onChange]);
   return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
     ref: ref,
     variant: "bodyMRegular",
@@ -44,7 +63,8 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
     $hasError: hasError,
     $inFocus: inFocus,
     $hasBorder: hasBorder,
-    $palette: palette
+    $palette: palette,
+    onChange: handleChange
   }, rest));
 });
 PureInput.displayName = 'PureInput';

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

@@ -2,7 +2,7 @@ import { FC, ReactNode } from 'react';
 import { TProps as TInputLabelProps } from '../InputLabel';
 import { TProps as TPureInputProps } from '../PureInput';
 import { TSizes } from '../constants';
-export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type'> & {
+export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers'> & {
     value: string;
     onChange: (value: string) => void;
     maxLength?: number;

package/package.json

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