@luminati-io/uikit 3.4.2 → 3.4.3

package/dist/umd/uikit.development.js

@@ -36781,7 +36781,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign"];
+var _excluded = ["id", "checked", "onChange", "onClick", "label", "disabled", "tooltip", "indeterminate", "verticalAlign"];
 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); }
 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; }
 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; }
@@ -36793,7 +36793,8 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var checked = props.checked,
+  var id = props.id,
+    checked = props.checked,
     onChange = props.onChange,
     onClick = props.onClick,
     label = props.label,
@@ -36802,7 +36803,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     indeterminate = props.indeterminate,
     verticalAlign = props.verticalAlign,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var handleClick = function handleClick(evt) {
     if (disabled) return;
     onClick === null || onClick === void 0 ? void 0 : onClick(evt);
@@ -36818,6 +36819,7 @@ var Checkbox = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forward
     $verticalAlign: verticalAlign,
     $disabled: disabled
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(CheckboxControl, {
+    id: id,
     role: "checkbox",
     "aria-checked": checked ? true : indeterminate ? 'mixed' : false,
     "aria-disabled": disabled,
@@ -39090,6 +39092,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["id", "value", "leftInnerContent", "leftOuterContent", "rightInnerContent", "rightOuterContent", "heightCalculationCallback", "Field", "onChange", "onFocus", "onBlur", "placeholder", "disabled", "invalid", "autofocus", "helperText", "label", "labelIcon", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper"];
 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; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
@@ -39100,6 +39103,8 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 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; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+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; }
+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; }
 
 
 
@@ -39114,7 +39119,8 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var inputVerticalPadding = 4;
 var inputHorizontalPadding = 12;
 var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forwardRef(function (props, ref) {
-  var value = props.value,
+  var id = props.id,
+    value = props.value,
     leftInnerContent = props.leftInnerContent,
     leftOuterContent = props.leftOuterContent,
     rightInnerContent = props.rightInnerContent,
@@ -39135,7 +39141,8 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     necessityIndicator = props.necessityIndicator,
     autoresize = props.autoresize,
     verticalAlign = props.verticalAlign,
-    innerWrapper = props.innerWrapper;
+    innerWrapper = props.innerWrapper,
+    rest = _objectWithoutProperties(props, _excluded);
   var field = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var _useState = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39161,10 +39168,10 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     // XXX vadimv: hack to autoresize textarea
     if (autoresize) field.current.style.height = (0,_utils__WEBPACK_IMPORTED_MODULE_10__.toPixel)(field.current.scrollHeight);
   }, [autoresize, value]);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(props.id);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(props), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_9__.getCommonProps)(rest), {
     flex_direction: "column",
     gap: "4px"
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, {
@@ -39187,6 +39194,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     onClick: onWrapperClick
   }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
     ref: field,
+    id: id,
     disabled: disabled,
     onChange: onChange,
     onFocus: onFieldFocus,
@@ -39599,12 +39607,12 @@ var ButtonAddInput = function ButtonAddInput(props) {
     _useState2 = _slicedToArray(_useState, 2),
     showInput = _useState2[0],
     setShowInput = _useState2[1];
-  var handleBlur = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
+  var onBlur = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
     onInputBlur === null || onInputBlur === void 0 ? void 0 : onInputBlur(evt);
     if (inputValue) return;
     setShowInput(false);
   }, [inputValue, onInputBlur]);
-  var handleButtonClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
+  var _onButtonClick = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
     void _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -39647,8 +39655,10 @@ var ButtonAddInput = function ButtonAddInput(props) {
       value: inputValue,
       placeholder: placeholder,
       onFocus: onInputFocus,
-      onBlur: handleBlur,
-      onChange: onInputValueChange,
+      onBlur: onBlur,
+      onChange: function onChange(val) {
+        return onInputValueChange(val);
+      },
       inputProps: {
         onKeyDown: onInputKeyDown
       },
@@ -39666,7 +39676,7 @@ var ButtonAddInput = function ButtonAddInput(props) {
     size: size,
     disabled: disabled,
     text: buttonText,
-    onClick: handleButtonClick
+    onClick: _onButtonClick
   });
 };
 
@@ -39918,7 +39928,7 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
   var onInputKeyDown = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (evt) {
     if (evt.key === 'Enter') onInputBlur(evt);
   }, [onInputBlur]);
-  var handleRemoveItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
+  var _onRemoveItem = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
     void _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
       return _regeneratorRuntime().wrap(function _callee2$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -39950,11 +39960,11 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
       }, _callee2);
     }))();
   }, [value, onRemoveItem, onChange]);
-  var handleIsItemDisabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
+  var _isItemDisabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (val) {
     if (disabled) return true;
     return isItemDisabled ? isItemDisabled(val) : false;
   }, [disabled, isItemDisabled]);
-  var handleInputShow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
+  var _onInputShow = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function () {
     onInputShow === null || onInputShow === void 0 ? void 0 : onInputShow(inputValue, setInputValue);
   }, [onInputShow, inputValue, setInputValue]);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_2__.useLabelId)(props.id);
@@ -39976,8 +39986,8 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     className: className,
     value: value,
     maxItems: maxItems,
-    onRemoveItem: handleRemoveItem,
-    isItemDisabled: handleIsItemDisabled,
+    onRemoveItem: _onRemoveItem,
+    isItemDisabled: _isItemDisabled,
     itemRenderer: itemRenderer
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_button_add_input__WEBPACK_IMPORTED_MODULE_6__.ButtonAddInput, {
     className: className,
@@ -39991,7 +40001,7 @@ var TextboxList = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forw
     onInputFocus: onFocus,
     onInputBlur: onInputBlur,
     onInputKeyDown: onInputKeyDown,
-    onInputShow: handleInputShow,
+    onInputShow: _onInputShow,
     error: error,
     setError: setError
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.HelperText, {
@@ -40053,7 +40063,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
+var _excluded = ["id", "value", "label", "disabled", "size", "onChange"];
 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); }
+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; }
+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; }
 
 
 
@@ -40062,19 +40075,22 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 var Toggle = function Toggle(props) {
-  var value = props.value,
+  var id = props.id,
+    value = props.value,
     label = props.label,
     disabled = props.disabled,
     size = props.size,
-    onChange = props.onChange;
+    onChange = props.onChange,
+    rest = _objectWithoutProperties(props, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (evt) {
     var checked = evt.target.checked;
     onChange === null || onChange === void 0 ? void 0 : onChange(checked, evt);
   }, [onChange]);
   var color = getLabelColor(props);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleLabel, _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(props), {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleLabel, _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_5__.getCommonProps)(rest), {
     $size: size
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(ToggleInput, {
+    id: id,
     $size: size,
     checked: value,
     onChange: handleChange,