@luminati-io/uikit 6.3.110 → 6.3.112

package/dist/umd/uikit.development.js

@@ -47364,9 +47364,10 @@ var PickerField = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().forw
   var fieldRef = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var hidePopover = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     onVisibleChange(false);
-    setInputValue({
-      text: '',
-      changed: false
+    setInputValue(function (prevValue) {
+      return _objectSpread(_objectSpread({}, prevValue), {}, {
+        changed: false
+      });
     });
   }, [onVisibleChange]);
   var heightCalculationCallback = (0,_shared__WEBPACK_IMPORTED_MODULE_9__.useHeightCalculationCallback)(size);
@@ -49378,7 +49379,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 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); }
-var _excluded = ["onChange", "onBlur", "value", "step", "minValue", "maxValue", "size", "placeholder", "changeOnBlur", "tabIndex", "readOnly", "formatThousands"],
+var _excluded = ["onChange", "onBlur", "value", "step", "minValue", "maxValue", "size", "placeholder", "changeOnBlur", "tabIndex", "readOnly", "formatThousands", "inlineLabel"],
   _excluded2 = ["onFocus", "onBlur", "onChange", "readOnly", "formatThousands", "value", "step", "onKeyDown"];
 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; }
@@ -49418,6 +49419,7 @@ var _Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
     tabIndex = _ref.tabIndex,
     readOnly = _ref.readOnly,
     formatThousands = _ref.formatThousands,
+    inlineLabel = _ref.inlineLabel,
     rest = _objectWithoutProperties(_ref, _excluded);
   var handleChange = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(function (e) {
     var v = e.target.value;
@@ -49449,7 +49451,8 @@ var _Number = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().forwardR
     value: value,
     onChange: handleChange,
     onBlur: handleBlur,
-    placeholder: t(placeholder)
+    placeholder: t(placeholder),
+    inlineLabel: inlineLabel
   }));
 });
 
@@ -49485,7 +49488,8 @@ _Number.propTypes = {
   changeOnBlur: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
   tabIndex: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   readOnly: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
-  formatThousands: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
+  formatThousands: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool),
+  inlineLabel: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 var formatNumber = function formatNumber(val) {
   if (val === '' || val === null || val === undefined || isNaN(val)) return '';
@@ -51181,7 +51185,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 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); }
-var _excluded = ["id", "name", "value", "leftInnerContent", "rightInnerContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "onKeyDown", "placeholder", "disabled", "invalid", "autoFocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper", "classNamePrefix", "className", "noBorder", "charCounter"];
+var _excluded = ["id", "name", "value", "leftInnerContent", "rightInnerContent", "heightCalculationCallback", "Field", "fieldRef", "onChange", "onFocus", "onBlur", "onKeyDown", "placeholder", "disabled", "invalid", "autoFocus", "helperText", "label", "labelIcon", "labelTooltip", "required", "necessityIndicator", "autoresize", "verticalAlign", "innerWrapper", "classNamePrefix", "className", "noBorder", "charCounter", "inlineLabel"];
 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; }
@@ -51237,6 +51241,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     className = props.className,
     noBorder = props.noBorder,
     charCounter = props.charCounter,
+    inlineLabel = props.inlineLabel,
     rest = _objectWithoutProperties(props, _excluded);
   var field = (0,react__WEBPACK_IMPORTED_MODULE_1__.useRef)();
   var setFieldRefs = (0,_util__WEBPACK_IMPORTED_MODULE_10__.useSetRefsCallback)([fieldRef, field]);
@@ -51277,6 +51282,15 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var leftOuterContent = props.leftOuterContent || props.before;
   var rightOuterContent = props.rightOuterContent || props.after;
+  var inputLabelProps = {
+    id: labelId,
+    label: label,
+    labelIcon: labelIcon,
+    labelTooltip: labelTooltip,
+    required: required,
+    necessityIndicator: necessityIndicator,
+    classNamePrefix: classNamePrefix
+  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_5__.Flex, _extends({
     ref: ref
   }, (0,_util__WEBPACK_IMPORTED_MODULE_10__.pickAttrs)(rest), {
@@ -51285,15 +51299,7 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     }, className),
     flex_direction: "column",
     gap: "4px"
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, {
-    id: labelId,
-    label: label,
-    labelIcon: labelIcon,
-    labelTooltip: labelTooltip,
-    required: required,
-    necessityIndicator: necessityIndicator,
-    classNamePrefix: classNamePrefix
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
+  }), !inlineLabel && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, inputLabelProps), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
     $heightCalculationCallback: heightCalculationCallback
   }, leftOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LeftOuterContentWrapper, {
     className: (0,_util__WEBPACK_IMPORTED_MODULE_10__.cn)(classNamePrefix, {
@@ -51311,7 +51317,9 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
     $verticalAlign: verticalAlign,
     $noBorder: noBorder,
     onClick: onWrapperClick
-  }, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({
+  }, inlineLabel && label && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement((react__WEBPACK_IMPORTED_MODULE_1___default().Fragment), null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputLabel, _extends({}, inputLabelProps, {
+    variant: "sm_medium"
+  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Divider, null)), leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({
     onKeyDown: onKeyDown,
     autoFocus: autoFocus
   }, props.inputProps, {
@@ -51348,7 +51356,8 @@ FieldWrapper.propTypes = _objectSpread(_objectSpread({}, _constants__WEBPACK_IMP
     current: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(Element)
   })]),
   autoresize: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  verticalAlign: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)
+  verticalAlign: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
+  inlineLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 });
 var Field = styled_components__WEBPACK_IMPORTED_MODULE_2___default().input.withConfig({
   displayName: "Field",
@@ -51421,7 +51430,7 @@ InputLabel.propTypes = {
   labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_9__.PT_NECESSITY_INDICATOR,
-  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'lg'])
+  variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['sm', 'sm_medium', 'lg'])
 };
 var LabelWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "LabelWrapper",
@@ -51619,6 +51628,13 @@ HelperText.propTypes = {
   classNamePrefix: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   invalid: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
+var Divider = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
+  displayName: "Divider",
+  componentId: "sc-r60v1b-8"
+})(["width:1px;height:80%;margin:auto 0;background-color:", ";"], function (_ref43) {
+  var theme = _ref43.theme;
+  return theme.color.border;
+});
 var useHeightCalculationCallback = function useHeightCalculationCallback(size) {
   return (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function () {
     var height = {