@invoicebox/ui 0.1.0-alpha.206 → 0.1.0-alpha.208

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

@@ -11,7 +11,7 @@ export type TGroup = {
     id: string;
     entity?: unknown;
 };
-export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size'> & {
+export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placeholder' | 'name' | 'size' | 'onBlur'> & {
     value: TValue | null;
     onChange: (value: TValue | null) => void;
     options: TOption<TValue>[];
@@ -26,4 +26,4 @@ export type TProps<TValue> = Pick<TInputProps, 'label' | 'hasError' | 'placehold
     emptyOptionsLabel?: string;
     isLoading?: boolean;
 };
-export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;
+export declare const Select: <TValue extends string | number>({ label, hasError, placeholder, name, value, onChange, options, groups, isResetButtonEnabled, size, renderOption, dropdownHeader, isDrawerOptions, renderGroup, scrollbarMaxHeight, scrollbarHeader, emptyOptionsLabel, isLoading, onBlur, }: TProps<TValue>) => import("react/jsx-runtime").JSX.Element;

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

@@ -49,9 +49,12 @@ var Select = exports.Select = function Select(_ref) {
     scrollbarMaxHeight = _ref$scrollbarMaxHeig === void 0 ? MAX_LIST_HEIGHT : _ref$scrollbarMaxHeig,
     scrollbarHeader = _ref.scrollbarHeader,
     emptyOptionsLabel = _ref.emptyOptionsLabel,
-    isLoading = _ref.isLoading;
+    isLoading = _ref.isLoading,
+    onBlur = _ref.onBlur;
   var palette = (0, _palette.useComponentPalette)('select');
-  var _useInputFocus = (0, _useInputFocus2.useInputFocus)(),
+  var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
+      onBlur: onBlur
+    }),
     inFocus = _useInputFocus.inFocus,
     focusHandler = _useInputFocus.handleFocus,
     blurHandler = _useInputFocus.handleBlur;

package/dist/components/form/TagsInput/styles.js

@@ -9,12 +9,17 @@ var _styles = require("../PureInput/styles");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["children"];
 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 _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 Wrapper = function Wrapper(_ref) {
   var children = _ref.children,
     other = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("div", other, children);
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({
+    style: {
+      overflow: 'hidden'
+    }
+  }, other), children);
 };
 var PureInputStyledWrapper = exports.PureInputStyledWrapper = (0, _styles.getPureInputStyled)(Wrapper);
 var TagsWrapper = exports.TagsWrapper = _styledComponents["default"].div.withConfig({

package/package.json

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