@semcore/base-trigger 16.0.0-prerelease.4 → 16.0.0-prerelease.7

package/lib/esm/BaseTrigger.mjs

@@ -1,107 +1,119 @@
-import h from "@babel/runtime/helpers/esm/objectSpread2";
-import z from "@babel/runtime/helpers/esm/classCallCheck";
-import w from "@babel/runtime/helpers/esm/createClass";
-import P from "@babel/runtime/helpers/esm/inherits";
-import A from "@babel/runtime/helpers/esm/createSuper";
-import s from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as d, createComponent as I, assignProps as m, Component as L } from "@semcore/core";
-import t from "react";
-import { Box as f, InvalidStateBox as C } from "@semcore/flex-box";
-import E from "@semcore/neighbor-location";
-import j from "@semcore/core/lib/utils/addonTextChildren";
-import N from "@semcore/core/lib/utils/logger";
-import R from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
-import { cssVariableEnhance as $ } from "@semcore/core/lib/utils/useCssVariable";
-var D = (
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+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, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import { Box, InvalidStateBox } from "@semcore/flex-box";
+import NeighborLocation from "@semcore/neighbor-location";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import logger from "@semcore/core/lib/utils/logger";
+import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+var style = (
   /*__reshadow_css_start__*/
-  (d.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SBaseTrigger_1ko0v_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_1ko0v_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_1ko0v_gg_:active{-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_1ko0v_gg_:focus-visible{border:1px solid var(--intergalactic-border-info-active, #006dca)}@media (hover:hover){.___SBaseTrigger_1ko0v_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_1ko0v_gg_.__active_1ko0v_gg_,.___SBaseTrigger_1ko0v_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_1ko0v_gg_.__disabled_1ko0v_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_1ko0v_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_1ko0v_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_1ko0v_gg_{width:12px;height:12px}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child,.___SBaseTrigger_1ko0v_gg_._size_m_1ko0v_gg_ .___SAddon_1ko0v_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._size_l_1ko0v_gg_ .___SAddon_1ko0v_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_1ko0v_gg_._neighborLocation_right_1ko0v_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_1ko0v_gg_._neighborLocation_both_1ko0v_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_1ko0v_gg_._neighborLocation_left_1ko0v_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_1ko0v_gg_.__display-placeholder_1ko0v_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_1ko0v_gg_._state_valid_1ko0v_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_1ko0v_gg_._state_invalid_1ko0v_gg_:focus-visible{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_1ko0v_gg_._size_m_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_1ko0v_gg_._size_l_1ko0v_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}",
     "1ko0v_gg_"
   ), {
-    __SBaseTrigger: "___SBaseTrigger_1ko0v_gg_",
-    _disabled: "__disabled_1ko0v_gg_",
-    __SInner: "___SInner_1ko0v_gg_",
-    __SText: "___SText_1ko0v_gg_",
-    __SAddon: "___SAddon_1ko0v_gg_",
-    __SBaseAddon: "___SBaseAddon_1ko0v_gg_",
-    _neighborLocation_right: "_neighborLocation_right_1ko0v_gg_",
-    _neighborLocation_both: "_neighborLocation_both_1ko0v_gg_",
-    _neighborLocation_left: "_neighborLocation_left_1ko0v_gg_",
+    "__SBaseTrigger": "___SBaseTrigger_1ko0v_gg_",
+    "_disabled": "__disabled_1ko0v_gg_",
+    "__SInner": "___SInner_1ko0v_gg_",
+    "__SText": "___SText_1ko0v_gg_",
+    "__SAddon": "___SAddon_1ko0v_gg_",
+    "__SBaseAddon": "___SBaseAddon_1ko0v_gg_",
+    "_neighborLocation_right": "_neighborLocation_right_1ko0v_gg_",
+    "_neighborLocation_both": "_neighborLocation_both_1ko0v_gg_",
+    "_neighborLocation_left": "_neighborLocation_left_1ko0v_gg_",
     "_display-placeholder": "__display-placeholder_1ko0v_gg_",
-    _state_valid: "_state_valid_1ko0v_gg_",
-    __SInvalidPattern: "___SInvalidPattern_1ko0v_gg_",
-    _size_m: "_size_m_1ko0v_gg_",
-    _size_l: "_size_l_1ko0v_gg_",
-    _active: "__active_1ko0v_gg_",
-    _state_invalid: "_state_invalid_1ko0v_gg_"
+    "_state_valid": "_state_valid_1ko0v_gg_",
+    "__SInvalidPattern": "___SInvalidPattern_1ko0v_gg_",
+    "_size_m": "_size_m_1ko0v_gg_",
+    "_size_l": "_size_l_1ko0v_gg_",
+    "_active": "__active_1ko0v_gg_",
+    "_state_invalid": "_state_invalid_1ko0v_gg_"
   })
-), c = /* @__PURE__ */ function(_) {
-  P(e, _);
-  var o = A(e);
-  function e() {
-    return z(this, e), o.apply(this, arguments);
+);
+var RootBaseTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootBaseTrigger2, _Component);
+  var _super = _createSuper(RootBaseTrigger2);
+  function RootBaseTrigger2() {
+    _classCallCheck(this, RootBaseTrigger2);
+    return _super.apply(this, arguments);
   }
-  return w(e, [{
+  _createClass(RootBaseTrigger2, [{
     key: "getTextProps",
-    value: function() {
-      var r = this.asProps, n = r.placeholder, i = r.empty;
+    value: function getTextProps() {
+      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
       return {
-        placeholder: n,
-        empty: i
+        placeholder,
+        empty
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var r = this.asProps, n = f, i = "span", v = C, a = this.asProps, b = a.Children, x = a.styles, k = a.theme, u = a.neighborLocation, S = a.empty, y = a.state, T = a.size;
-      return N.warn(k !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || p.displayName), /* @__PURE__ */ t.createElement(E.Detect, {
-        neighborLocation: u
-      }, function(B) {
-        var l;
-        return l = d(x), /* @__PURE__ */ t.createElement(n, l.cn("SBaseTrigger", h({}, m({
-          tag: "button",
-          type: "button",
-          tabIndex: 0,
-          neighborLocation: B,
-          state: k
-        }, r))), y === "invalid" && /* @__PURE__ */ t.createElement(v, l.cn("SInvalidPattern", {
-          size: T
-        })), /* @__PURE__ */ t.createElement(i, l.cn("SInner", {}), j(b, p.Text, p.Addon, S)));
+    value: function render() {
+      var _ref = this.asProps;
+      var SBaseTrigger = Box;
+      var SInner = "span";
+      var SInvalidPattern = InvalidStateBox;
+      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, styles = _this$asProps2.styles, theme = _this$asProps2.theme, neighborLocation = _this$asProps2.neighborLocation, empty = _this$asProps2.empty, state = _this$asProps2.state, size = _this$asProps2.size;
+      logger.warn(theme !== void 0, "The 'theme' property is deprecated, use 'state'", this.asProps["data-ui-name"] || BaseTrigger.displayName);
+      return /* @__PURE__ */ React.createElement(NeighborLocation.Detect, {
+        neighborLocation
+      }, function(neighborLocation2) {
+        var _ref4;
+        return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SBaseTrigger, _ref4.cn("SBaseTrigger", _objectSpread({}, assignProps({
+          "tag": "button",
+          "type": "button",
+          "tabIndex": 0,
+          "neighborLocation": neighborLocation2,
+          "state": theme
+        }, _ref))), state === "invalid" && /* @__PURE__ */ React.createElement(SInvalidPattern, _ref4.cn("SInvalidPattern", {
+          "size": size
+        })), /* @__PURE__ */ React.createElement(SInner, _ref4.cn("SInner", {}), addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)));
       });
     }
-  }]), e;
-}(L);
-s(c, "displayName", "BaseTrigger");
-s(c, "enhance", [$({
+  }]);
+  return RootBaseTrigger2;
+}(Component);
+_defineProperty(RootBaseTrigger, "displayName", "BaseTrigger");
+_defineProperty(RootBaseTrigger, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), R({
+}), animatedSizeEnhance({
   animateProps: ["width"],
   onChangeOf: ["value"]
 })]);
-s(c, "style", D);
-s(c, "defaultProps", {
+_defineProperty(RootBaseTrigger, "style", style);
+_defineProperty(RootBaseTrigger, "defaultProps", {
   size: "m",
-  empty: !1
+  empty: false
 });
-function O(_) {
-  var o = arguments[0], e, g = f, r = _.children, n = _.styles, i = _.empty, v = _.placeholder;
-  return e = d(n), /* @__PURE__ */ t.createElement(g, e.cn("SText", h({}, m({
-    "display-placeholder": i,
-    "aria-hidden": i
-  }, o))), i ? v : r);
+function Text(props) {
+  var _ref2 = arguments[0], _ref5;
+  var SText = Box;
+  var children = props.children, styles = props.styles, empty = props.empty, placeholder = props.placeholder;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
+    "display-placeholder": empty,
+    "aria-hidden": empty
+  }, _ref2))), empty ? placeholder : children);
 }
-function V(_) {
-  var o = arguments[0], e, g = f, r = _.styles;
-  return e = d(r), /* @__PURE__ */ t.createElement(g, e.cn("SAddon", h({}, m({}, o))));
+function Addon(props) {
+  var _ref3 = arguments[0], _ref6;
+  var SAddon = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
 }
-var p = I(c, {
-  Text: O,
-  Addon: V
+var BaseTrigger = createComponent(RootBaseTrigger, {
+  Text,
+  Addon
 });
 export {
-  p as default
+  BaseTrigger as default
 };

package/lib/esm/ButtonTrigger.mjs

@@ -1,77 +1,83 @@
-import T from "@babel/runtime/helpers/esm/classCallCheck";
-import B from "@babel/runtime/helpers/esm/createClass";
-import y from "@babel/runtime/helpers/esm/inherits";
-import A from "@babel/runtime/helpers/esm/createSuper";
-import a from "@babel/runtime/helpers/esm/defineProperty";
-import { sstyled as g, createComponent as C, assignProps as P, Component as x } from "@semcore/core";
-import o from "react";
-import E from "@semcore/core/lib/utils/addonTextChildren";
-import k from "@semcore/icon/ChevronDown/m";
-import i from "./BaseTrigger.mjs";
-import b from "@semcore/spin";
-import w from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
-import { cssVariableEnhance as R } from "@semcore/core/lib/utils/useCssVariable";
-var z = (
+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, createComponent, assignProps, Component } from "@semcore/core";
+import React from "react";
+import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
+import ChevronDown from "@semcore/icon/ChevronDown/m";
+import BaseTrigger from "./BaseTrigger.mjs";
+import Spin from "@semcore/spin";
+import animatedSizeEnhance from "@semcore/core/lib/utils/enhances/animatedSizeEnhance";
+import { cssVariableEnhance } from "@semcore/core/lib/utils/useCssVariable";
+var style = (
   /*__reshadow_css_start__*/
-  (g.insert(
+  (sstyled.insert(
     /*__inner_css_start__*/
     ".___SButtonAddon_1dfiu_gg_{width:12px;height:12px}.___SButtonTriggerSpin_1dfiu_gg_{fill:var(--intergalactic-icon-primary-neutral, #6c6e79)}",
     "1dfiu_gg_"
   ), {
-    __SButtonAddon: "___SButtonAddon_1dfiu_gg_",
-    __SButtonTriggerSpin: "___SButtonTriggerSpin_1dfiu_gg_"
+    "__SButtonAddon": "___SButtonAddon_1dfiu_gg_",
+    "__SButtonTriggerSpin": "___SButtonTriggerSpin_1dfiu_gg_"
   })
-), t = /* @__PURE__ */ function(u) {
-  y(r, u);
-  var m = A(r);
-  function r() {
-    return T(this, r), m.apply(this, arguments);
+);
+var RootButtonTrigger = /* @__PURE__ */ function(_Component) {
+  _inherits(RootButtonTrigger2, _Component);
+  var _super = _createSuper(RootButtonTrigger2);
+  function RootButtonTrigger2() {
+    _classCallCheck(this, RootButtonTrigger2);
+    return _super.apply(this, arguments);
   }
-  return B(r, [{
+  _createClass(RootButtonTrigger2, [{
     key: "getTextProps",
-    value: function() {
+    value: function getTextProps() {
       return {
         tag: "span"
       };
     }
   }, {
     key: "getAddonProps",
-    value: function() {
+    value: function getAddonProps() {
       return {
         tag: "span"
       };
     }
   }, {
     key: "render",
-    value: function() {
-      var _ = this.asProps, n, l = p.Addon, c = b, e = this.asProps, f = e.Children, h = e.styles, d = e.loading, v = e.chevron, S = e.empty;
-      return n = g(h), /* @__PURE__ */ o.createElement(i, P({}, _), E(f, p.Text, p.Addon, S), (v || d) && /* @__PURE__ */ o.createElement(l, n.cn("SButtonAddon", {}), d ? /* @__PURE__ */ o.createElement(c, n.cn("SButtonTriggerSpin", {
-        size: "xs",
-        theme: !1
-      })) : /* @__PURE__ */ o.createElement(k, n.cn("ChevronDown", {}))));
+    value: function render() {
+      var _ref = this.asProps, _ref2;
+      var SButtonAddon = ButtonTrigger.Addon;
+      var SButtonTriggerSpin = Spin;
+      var _this$asProps = this.asProps, Children = _this$asProps.Children, styles = _this$asProps.styles, loading = _this$asProps.loading, chevron = _this$asProps.chevron, empty = _this$asProps.empty;
+      return _ref2 = sstyled(styles), /* @__PURE__ */ React.createElement(BaseTrigger, assignProps({}, _ref), addonTextChildren(Children, ButtonTrigger.Text, ButtonTrigger.Addon, empty), (chevron || loading) && /* @__PURE__ */ React.createElement(SButtonAddon, _ref2.cn("SButtonAddon", {}), loading ? /* @__PURE__ */ React.createElement(SButtonTriggerSpin, _ref2.cn("SButtonTriggerSpin", {
+        "size": "xs",
+        "theme": false
+      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref2.cn("ChevronDown", {}))));
     }
-  }]), r;
-}(x);
-a(t, "displayName", "ButtonTrigger");
-a(t, "style", z);
-a(t, "enhance", [R({
+  }]);
+  return RootButtonTrigger2;
+}(Component);
+_defineProperty(RootButtonTrigger, "displayName", "ButtonTrigger");
+_defineProperty(RootButtonTrigger, "style", style);
+_defineProperty(RootButtonTrigger, "enhance", [cssVariableEnhance({
   variable: "--intergalactic-duration-control",
   fallback: "200",
   map: Number.parseInt,
   prop: "duration"
-}), w({
+}), animatedSizeEnhance({
   animateProps: ["width"],
   onChangeOf: ["value"]
 })]);
-a(t, "defaultProps", {
-  chevron: !0
+_defineProperty(RootButtonTrigger, "defaultProps", {
+  chevron: true
 });
-var p = C(t, {
-  Text: i.Text,
-  Addon: i.Addon
+var ButtonTrigger = createComponent(RootButtonTrigger, {
+  Text: BaseTrigger.Text,
+  Addon: BaseTrigger.Addon
 }, {
-  parent: i
+  parent: BaseTrigger
 });
 export {
-  p as default
+  ButtonTrigger as default
 };