@semcore/feedback-form 6.42.0 → 6.42.1

package/lib/esm/component/checkbox-button/CheckboxButton.mjs

@@ -1,50 +1,60 @@
-import _ from "@babel/runtime/helpers/esm/objectSpread2";
-import h from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import x from "@babel/runtime/helpers/esm/classCallCheck";
-import f from "@babel/runtime/helpers/esm/createClass";
-import k from "@babel/runtime/helpers/esm/inherits";
-import v from "@babel/runtime/helpers/esm/createSuper";
-import C from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as y } from "@semcore/utils/lib/core/index";
-import B, { sstyled as j, assignProps as S, Component as P } from "@semcore/core";
-import r from "react";
-import { Box as E } from "@semcore/flex-box";
-import a from "@semcore/checkbox";
-var R = ["styles", "id", "label", "type", "focused"], $ = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { sstyled } from "@semcore/utils/lib/core/index";
+import createComponent, { sstyled as sstyled$1, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Box } from "@semcore/flex-box";
+import Checkbox from "@semcore/checkbox";
+var _excluded = ["styles", "id", "label", "type", "focused"];
+/*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
+var style = (
   /*__reshadow_css_start__*/
-  (y.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SCheckboxButton_jto54_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_jto54_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_jto54_gg_.__checked_jto54_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_jto54_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_jto54_gg_.__checked_jto54_gg_:hover{background-color:rgba(0,143,248,.2)}}",
-    "jto54_gg_"
-  ), {
-    __SCheckboxButton: "___SCheckboxButton_jto54_gg_",
-    _checked: "__checked_jto54_gg_"
+    ".___SCheckboxButton_14l0f_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_14l0f_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_14l0f_gg_.__checked_14l0f_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_14l0f_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_14l0f_gg_.__checked_14l0f_gg_:hover{background-color:rgba(0,143,248,.2)}}",
+    /*__inner_css_end__*/
+    "14l0f_gg_"
+  ), /*__reshadow_css_end__*/
+  {
+    "__SCheckboxButton": "___SCheckboxButton_14l0f_gg_",
+    "_checked": "__checked_14l0f_gg_"
   })
-), i = /* @__PURE__ */ function(n) {
-  k(o, n);
-  var s = v(o);
-  function o() {
-    return x(this, o), s.apply(this, arguments);
+);
+var CheckboxButtonRoot = /* @__PURE__ */ function(_Component) {
+  _inherits(CheckboxButtonRoot2, _Component);
+  var _super = _createSuper(CheckboxButtonRoot2);
+  function CheckboxButtonRoot2() {
+    _classCallCheck(this, CheckboxButtonRoot2);
+    return _super.apply(this, arguments);
   }
-  return f(o, [{
+  _createClass(CheckboxButtonRoot2, [{
     key: "render",
-    value: function() {
-      var l = this.asProps, t, e = this.asProps, d = e.styles, c = e.id, p = e.label;
-      e.type;
-      var g = e.focused, u = h(e, R), b = g ? 20 : !1, m = E;
-      return t = j(d), /* @__PURE__ */ r.createElement(m, t.cn("SCheckboxButton", _({}, S({
-        __excludeProps: ["onChange", "id", "type"]
-      }, l))), /* @__PURE__ */ r.createElement(a, t.cn("Checkbox", _({}, u)), /* @__PURE__ */ r.createElement(a.Value, {
-        autoFocus: b,
-        "aria-labelledby": c
-      }), /* @__PURE__ */ r.createElement(a.Text, {
-        id: c
-      }, p)));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var _this$asProps = this.asProps, styles = _this$asProps.styles, id = _this$asProps.id, label = _this$asProps.label;
+      _this$asProps.type;
+      var focused = _this$asProps.focused, other = _objectWithoutProperties(_this$asProps, _excluded);
+      var autoFocus = focused ? 20 : false;
+      var SCheckboxButton = Box;
+      return _ref2 = sstyled$1(styles), /* @__PURE__ */ React.createElement(SCheckboxButton, _ref2.cn("SCheckboxButton", _objectSpread({}, assignProps({
+        "__excludeProps": ["onChange", "id", "type"]
+      }, _ref))), /* @__PURE__ */ React.createElement(Checkbox, _ref2.cn("Checkbox", _objectSpread({}, other)), /* @__PURE__ */ React.createElement(Checkbox.Value, {
+        autoFocus,
+        "aria-labelledby": id
+      }), /* @__PURE__ */ React.createElement(Checkbox.Text, {
+        id
+      }, label)));
     }
-  }]), o;
-}(P);
-C(i, "style", $);
-var K = B(i);
+  }]);
+  return CheckboxButtonRoot2;
+}(Component);
+_defineProperty(CheckboxButtonRoot, "style", style);
+var CheckboxButton = createComponent(CheckboxButtonRoot);
 export {
-  K as default
+  CheckboxButton as default
 };

package/lib/esm/component/feedback-item/FeedbackItem.mjs

@@ -1,45 +1,56 @@
-import b from "@babel/runtime/helpers/esm/extends";
-import p from "@babel/runtime/helpers/esm/objectSpread2";
-import h from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import t from "react";
-import { Field as C } from "react-final-form";
-import d from "@semcore/tooltip";
-import k from "@semcore/utils/lib/pick";
-import I from "@semcore/utils/lib/uniqueID";
-import { assignProps as L } from "@semcore/utils/lib/core";
-import R from "@semcore/utils/lib/propsForElement";
-var S = ["Children", "tag", "uid", "tooltipProps"], T = ["input", "meta"], _ = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate"];
-function j(r) {
-  var m = r.Children, s = r.tag, g = r.uid, c = r.tooltipProps, P = c === void 0 ? _ : c, o = h(r, S), y = k(o, P), u = t.useRef(void 0);
-  return /* @__PURE__ */ t.createElement(C, o, function(a) {
-    var n, E = a.input, e = a.meta, l = h(a, T), w = l.validateOnBlur === !1 ? e.submitFailed : !0, x = e.invalid && e.touched, i = w && x, v = "".concat(g, "-error-description"), F = o["aria-describedby"], f = L(p(p({}, R(l)), {}, {
-      state: i ? "invalid" : "normal",
-      "aria-invalid": !!i,
-      "aria-describedby": e.active ? i ? v : F : void 0
-    }), E);
-    return e != null && e.error && (u.current = e.error), /* @__PURE__ */ t.createElement(d, b({
-      visible: i && e.active,
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import React from "react";
+import { Field } from "react-final-form";
+import Tooltip from "@semcore/tooltip";
+import pick from "@semcore/utils/lib/pick";
+import uniqueIDEnhancement from "@semcore/utils/lib/uniqueID";
+import { assignProps } from "@semcore/utils/lib/core";
+import propsForElement from "@semcore/utils/lib/propsForElement";
+var _excluded = ["Children", "tag", "uid", "tooltipProps"], _excluded2 = ["input", "meta"];
+var deafultTooltipPropsList = ["title", "theme", "strategy", "modifiers", "placement", "interaction", "timeout", "visible", "defaultVisible", "onVisibleChange", "offset", "preventOverflow", "arrow", "flip", "computeStyles", "eventListeners", "onFirstUpdate"];
+function FeedbackItem(_ref) {
+  var Children = _ref.Children, tag = _ref.tag, uid = _ref.uid, _ref$tooltipProps = _ref.tooltipProps, tooltipPropsList = _ref$tooltipProps === void 0 ? deafultTooltipPropsList : _ref$tooltipProps, props = _objectWithoutProperties(_ref, _excluded);
+  var tooltipProps = pick(props, tooltipPropsList);
+  var lastErrorRef = React.useRef(void 0);
+  return /* @__PURE__ */ React.createElement(Field, props, function(_ref2) {
+    var _meta$error;
+    var input = _ref2.input, meta = _ref2.meta, other = _objectWithoutProperties(_ref2, _excluded2);
+    var showError = other.validateOnBlur === false ? meta.submitFailed : true;
+    var invalid = meta.invalid && meta.touched;
+    var errorState = showError && invalid;
+    var popperId = "".concat(uid, "-error-description");
+    var ariaDescribedBy = props["aria-describedby"];
+    var inputProps = assignProps(_objectSpread(_objectSpread({}, propsForElement(other)), {}, {
+      state: errorState ? "invalid" : "normal",
+      "aria-invalid": errorState ? true : false,
+      "aria-describedby": meta.active ? errorState ? popperId : ariaDescribedBy : void 0
+    }), input);
+    if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
+    return /* @__PURE__ */ React.createElement(Tooltip, _extends({
+      visible: errorState && meta.active,
       theme: "warning",
       placement: "left",
       flip: {
         fallbackPlacements: ["right", "bottom"]
       }
-    }, y), /* @__PURE__ */ t.createElement(d.Trigger, b({
-      inline: !1,
+    }, tooltipProps), /* @__PURE__ */ React.createElement(Tooltip.Trigger, _extends({
+      inline: false,
       role: void 0,
-      tag: s
-    }, s ? f : {}, {
+      tag
+    }, tag ? inputProps : {}, {
       __excludeProps: ["type", "aria-describedby"]
-    }), typeof m.origin == "function" && m.origin(p({
-      input: f,
-      meta: e
-    }, l))), /* @__PURE__ */ t.createElement(d.Popper, {
+    }), typeof Children.origin === "function" && Children.origin(_objectSpread({
+      input: inputProps,
+      meta
+    }, other))), /* @__PURE__ */ React.createElement(Tooltip.Popper, {
       w: "100%",
-      id: v
-    }, (n = e.error) !== null && n !== void 0 ? n : u.current));
+      id: popperId
+    }, (_meta$error = meta.error) !== null && _meta$error !== void 0 ? _meta$error : lastErrorRef.current));
   });
 }
-j.enhance = [I()];
+FeedbackItem.enhance = [uniqueIDEnhancement()];
 export {
-  j as FeedbackItem
+  FeedbackItem
 };