@luminati-io/uikit 6.3.37 → 6.3.38

package/dist/umd/uikit.development.js

@@ -47332,7 +47332,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", "className", "classNamePrefix", "value", "checked", "onClick", "disabled", "tooltip", "tooltipProps", "before", "after", "title", "subtitle", "description"];
+var _excluded = ["id", "className", "classNamePrefix", "value", "checked", "onClick", "disabled", "tooltip", "tooltipProps", "before", "after", "title", "subtitle", "description", "onPrev", "onNext"];
 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 _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 + ""; }
@@ -47360,20 +47360,51 @@ var Radio = function Radio(_ref) {
     title = _ref.title,
     subtitle = _ref.subtitle,
     description = _ref.description,
+    onPrev = _ref.onPrev,
+    onNext = _ref.onNext,
     rest = _objectWithoutProperties(_ref, _excluded);
   var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_1__.useLabelId)(id);
+  var onKeyDown = function onKeyDown(evt) {
+    var flag = false;
+    switch (evt.key) {
+      case ' ':
+        onClick === null || onClick === void 0 || onClick(evt);
+        flag = true;
+        break;
+      case 'Up':
+      case 'ArrowUp':
+      case 'Left':
+      case 'ArrowLeft':
+        onPrev === null || onPrev === void 0 || onPrev(evt);
+        flag = true;
+        break;
+      case 'Down':
+      case 'ArrowDown':
+      case 'Right':
+      case 'ArrowRight':
+        onNext === null || onNext === void 0 || onNext(evt);
+        flag = true;
+        break;
+    }
+    if (flag) {
+      evt.stopPropagation();
+      evt.preventDefault();
+    }
+  };
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_2__.Tooltip, _extends({}, tooltipProps, {
     tooltip: tooltip
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", _extends({}, (0,_util__WEBPACK_IMPORTED_MODULE_4__.pickAttrs)(rest), {
     id: id,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty(_defineProperty(_defineProperty({}, '-radio', true), '-radio-active', checked), '-radio-disabled', disabled), className),
-    onClick: onClick
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_common__WEBPACK_IMPORTED_MODULE_5__.RadioControl, {
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty({}, '-control', true)),
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty(_defineProperty(_defineProperty({}, '-option', true), '-option-active', checked), '-option-disabled', disabled), className),
+    onClick: onClick,
     role: "radio",
     "aria-checked": !!checked,
     "aria-labelledby": labelId,
     "data-value": value,
+    tabIndex: checked ? 0 : -1,
+    onKeyDown: onKeyDown
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_common__WEBPACK_IMPORTED_MODULE_5__.RadioControl, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, _defineProperty({}, '-control', true)),
     checked: checked,
     disabled: disabled
   }), !!before && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
@@ -47413,17 +47444,12 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! styled-components */ "styled-components");
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../typography */ "./src/typography/index.js");
-/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
-/* harmony import */ var _badge__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../badge */ "./src/badge/index.js");
-/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
-/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
-/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
-/* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./radio */ "./src/input/radio/radio.js");
-/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./styled */ "./src/input/radio/styled.js");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants */ "./src/constants.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
+/* harmony import */ var _util__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../util */ "./src/util/index.js");
+/* harmony import */ var _shared__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../shared */ "./src/input/shared.js");
+/* harmony import */ var _radio__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./radio */ "./src/input/radio/radio.js");
+/* harmony import */ var _styled__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./styled */ "./src/input/radio/styled.js");
 // LICENSE_CODE ZON
 
 
@@ -47440,45 +47466,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-
-
-
-
-var Img = styled_components__WEBPACK_IMPORTED_MODULE_2___default().img.withConfig({
-  displayName: "Img",
-  componentId: "sc-1luvend-0"
-})(["max-width:60px;"]);
-var RadioTabLabel = function RadioTabLabel(_ref) {
-  var label = _ref.label,
-    tag = _ref.tag,
-    tagVariant = _ref.tagVariant,
-    description = _ref.description,
-    disabled = _ref.disabled,
-    img = _ref.img;
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
-    gap: "04",
-    align_items: "center"
-  }, img && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Img, {
-    src: img
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
-    flex_direction: "column",
-    gap: "03"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_layout__WEBPACK_IMPORTED_MODULE_4__.Flex, {
-    gap: "03",
-    align_items: "center"
-  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
-    variant: "lg",
-    color: disabled ? 'text_disabled' : 'text'
-  }, label), tag && tagVariant == 'badge' ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_badge__WEBPACK_IMPORTED_MODULE_5__.Badge, {
-    variant: "success"
-  }, tag) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Label, {
-    variant: "sm",
-    color: "text_success"
-  }, tag)), description && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_3__.Paragraph, {
-    variant: "lg_snug",
-    color: disabled ? 'text_disabled' : 'text_quaternary'
-  }, description)));
-};
 var RadioCard = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(function (props, ref) {
   var id = props.id,
     options = props.options,
@@ -47497,40 +47484,51 @@ var RadioCard = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
     value = props.value,
     onChange = props.onChange,
     rest = _objectWithoutProperties(props, _excluded);
-  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_7__.useLabelId)(id);
+  var labelId = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useLabelId)(id);
   var onRadioClick = function onRadioClick(option) {
     return function (evt) {
-      if (!option.disabled && !disabled) onChange === null || onChange === void 0 || onChange(option.value, option, evt);
+      if (!option.disabled && !disabled && option.value !== value) onChange === null || onChange === void 0 || onChange(option.value, option, evt);
+    };
+  };
+  var onKeyChange = function onKeyChange(inc) {
+    return function (evt) {
+      if (!options) return;
+      var index = options.findIndex(function (option) {
+        return value === option.value;
+      }) + inc;
+      while (index >= 0 && index < options.length) {
+        var opt = options[index];
+        if (!opt.disabled && !disabled) {
+          onChange === null || onChange === void 0 || onChange(opt.value, opt, evt);
+          break;
+        }
+        index += inc;
+      }
     };
   };
   var childrenToRender = children;
   if (options && options.length > 0) {
     childrenToRender = options.map(function (option) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_radio__WEBPACK_IMPORTED_MODULE_10__.Radio, _extends({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_radio__WEBPACK_IMPORTED_MODULE_6__.Radio, _extends({
         key: "radio-group-value-options-".concat(option.value),
         classNamePrefix: classNamePrefix
       }, option, {
         checked: value === option.value,
         disabled: option.disabled || disabled,
-        onClick: onRadioClick(option)
-      }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(RadioTabLabel, {
-        label: option.label,
-        tag: option.tag,
-        tagVariant: option.tagVariant,
-        description: option.description,
-        img: option.img,
-        disabled: rest.disabled || disabled
+        onClick: onRadioClick(option),
+        onPrev: onKeyChange(-1),
+        onNext: onKeyChange(1)
       }));
     });
   }
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_11__.RadioCardGroup, _extends({
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_styled__WEBPACK_IMPORTED_MODULE_7__.RadioCardGroup, _extends({
     ref: ref
-  }, (0,_util__WEBPACK_IMPORTED_MODULE_8__.pickAttrs)(rest), {
+  }, (0,_util__WEBPACK_IMPORTED_MODULE_4__.pickAttrs)(rest), {
     $prefixCls: classNamePrefix,
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.cn)(classNamePrefix, {
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
       '-disabled': disabled
     }, className, classNamePrefix)
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.InputLabel, {
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.InputLabel, {
     classNamePrefix: classNamePrefix,
     id: labelId,
     label: label,
@@ -47542,11 +47540,12 @@ var RadioCard = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(f
   }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", {
     id: id,
     role: "radiogroup",
-    className: (0,_util__WEBPACK_IMPORTED_MODULE_8__.cn)(classNamePrefix, {
-      '-radiogroup': true
+    className: (0,_util__WEBPACK_IMPORTED_MODULE_4__.cn)(classNamePrefix, {
+      '-group': true
     }),
     "aria-labelledby": label ? labelId : undefined
-  }, childrenToRender), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_9__.HelperText, {
+  }, childrenToRender), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_shared__WEBPACK_IMPORTED_MODULE_5__.HelperText, {
+    classNamePrefix: classNamePrefix,
     invalid: invalid
   }, helperText));
 });
@@ -47563,7 +47562,7 @@ RadioCard.propTypes = {
   labelTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   helperText: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
   required: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
-  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_6__.PT_NECESSITY_INDICATOR,
+  necessityIndicator: _constants__WEBPACK_IMPORTED_MODULE_2__.PT_NECESSITY_INDICATOR,
   options: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_0___default().shape({
     value: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().any),
     label: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().node),
@@ -47970,7 +47969,7 @@ var theme = function theme(cb) {
 var RadioCardGroup = styled_components__WEBPACK_IMPORTED_MODULE_0___default().div.withConfig({
   displayName: "RadioCardGroup",
   componentId: "sc-1k6zf11-0"
-})(["&.", "{display:flex;flex-direction:column;gap:", ";.", "-radiogroup{display:flex;flex-direction:column;gap:", ";}.", "-radio{display:flex;padding:", ";align-items:center;gap:", ";border-radius:", ";border:1px solid ", ";color:", ";cursor:pointer;&-disabled{cursor:not-allowed;border:1px solid ", ";color:", ";}&:not(&-disabled){&.", "-radio-active{border:1px solid ", ";box-shadow:", ";}.", "-description{color:", ";}}}.", "-before,.", "-after{font-size:0;}.", "-after{margin-left:auto;}.", "-content{display:flex;flex-direction:column;gap:", ";}.", "-header{display:flex;flex-direction:row;gap:", ";align-items:center;}}"], prefixCls, theme(function (t) {
+})(["&.", "{display:flex;flex-direction:column;gap:", ";.", "-group{display:flex;flex-direction:column;gap:", ";}.", "-option{display:flex;padding:", ";align-items:center;gap:", ";border-radius:", ";border:1px solid ", ";color:", ";cursor:pointer;&-disabled{cursor:not-allowed;border:1px solid ", ";color:", ";}&:hover{background-color:", ";}&:not(&-disabled){&.", "-option-active{border:1px solid ", ";box-shadow:", ";}.", "-description{color:", ";}}.", "-before,.", "-after{font-size:0;}.", "-after{margin-left:auto;}.", "-content{display:flex;flex-direction:column;gap:", ";}.", "-header{display:flex;flex-direction:row;gap:", ";align-items:center;}}}"], prefixCls, theme(function (t) {
   return t.spacing['03'];
 }), prefixCls, theme(function (t) {
   return t.spacing['05'];
@@ -47988,6 +47987,8 @@ var RadioCardGroup = styled_components__WEBPACK_IMPORTED_MODULE_0___default().di
   return t.color.border_disabled;
 }), theme(function (t) {
   return t.color.text_disabled;
+}), theme(function (t) {
+  return t.color.bg_fill;
 }), prefixCls, theme(function (t) {
   return t.color.border_primary;
 }), theme(function (t) {
@@ -51555,7 +51556,7 @@ var theme = function theme(cb) {
 var StyledModal = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(ModalAdaptor).withConfig({
   displayName: "StyledModal",
   componentId: "sc-flnd5c-0"
-})(["&.", "-root{div[role='dialog']{margin:10vh auto 0;}}.", "{&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade{&-enter,&-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;}&-section{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom{&-enter,&-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}}"], prefixCls, prefixCls, theme(function (t) {
+})(["&.", "-root{div[role='dialog']{margin:10vh auto;}}.", "{&-mask{position:fixed;inset:0;height:100%;background-color:", ";background-color:", ";filter:alpha(opacity=70);pointer-events:none;&-hidden{display:none;}}&-fade{&-enter,&-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.55,0,0.55,0.2);animation-play-state:paused;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}&-wrap{position:fixed;inset:0;overflow:auto;outline:0;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:flex;align-items:center;justify-content:center;}&-section{position:relative;display:flex;flex-direction:column;box-sizing:border-box;padding-top:", ";background-color:", ";border-radius:", ";font-family:", ";box-shadow:", ";pointer-events:auto;}&-close{position:absolute;margin-top:8px;inset-inline-end:16px;z-index:1;padding:4px;text-decoration:none;background:transparent;border-radius:4px;width:24px;height:24px;border:0;outline:0;cursor:pointer;svg{color:", ";}&:hover{background-color:", ";svg{color:", ";}}}&-header{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";}&-title{display:flex;flex-direction:column;gap:", ";}&-title-wrap{display:flex;flex-direction:row;align-items:center;gap:", ";}&-body{overflow-y:auto;padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";color:", ";", "}&-footer{padding-top:", ";padding-right:", ";padding-bottom:", ";padding-left:", ";border-top:1px solid ", ";}&-zoom{&-enter,&-appear{opacity:0;animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.08,0.82,0.17,1);animation-play-state:paused;}&-leave{animation-duration:0.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(0.6,0.04,0.98,0.34);animation-play-state:paused;}&-enter-active,&-appear-active{animation-name:", ";animation-play-state:running;}&-leave-active{animation-name:", ";animation-play-state:running;}}}"], prefixCls, prefixCls, theme(function (t) {
   return t.color.modal_shadow_bg;
 }), theme(function (t) {
   return t.color.modal2_shadow_bg;