@semcore/base-trigger 16.4.5 → 16.4.6-prerelease.12

package/lib/esm/LinkTrigger.mjs

@@ -1,73 +1,77 @@
-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 _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps, Component } from "@semcore/core";
+import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { Box } from "@semcore/base-components";
 import addonTextChildren from "@semcore/core/lib/utils/addonTextChildren";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
-import { Box } from "@semcore/flex-box";
 import ChevronDown from "@semcore/icon/ChevronDown/m";
 import Spin from "@semcore/spin";
+import { Text as Text$1 } from "@semcore/typography";
 import React from "react";
 /*!__reshadow-styles__:"./style/link-trigger.shadow.css"*/
-var style = (
+const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLinkTrigger_o7hq8_gg_{display:inline-flex;align-items: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;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_o7hq8_gg_.__active_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_o7hq8_gg_.__active_o7hq8_gg_ .___SText_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_:active .___SText_o7hq8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_:hover .___SText_o7hq8_gg_{border-color:currentColor}}.___SLinkTrigger_o7hq8_gg_ .___SText_o7hq8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_o7hq8_gg_.__color_o7hq8_gg_{color:var(--color_o7hq8)}@media (hover:hover){.___SLinkTrigger_o7hq8_gg_.__color_o7hq8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_o7hq8_gg_.__disabled_o7hq8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_o7hq8_gg_,.___SLinkAddon_o7hq8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_o7hq8_gg_:not(:only-child):first-child,.___SLinkAddon_o7hq8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_o7hq8_gg_:not(:only-child):last-child,.___SLinkAddon_o7hq8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_o7hq8_gg_{width:16px;height:16px}.___SLinkTrigger_o7hq8_gg_._size_m_o7hq8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_o7hq8_gg_._size_l_o7hq8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_o7hq8_gg_,.___SLinkTrigger_o7hq8_gg_ .___SText_o7hq8_gg_{transition:none}}",
+    ".___SLinkTrigger_1mko8_gg_{display:inline-flex;align-items: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;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;outline:0;vertical-align:middle;font-family:inherit;cursor:pointer;color:var(--intergalactic-text-link, #006dca);background:0 0;transition:color .15s ease-in-out;border:0}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active{color:var(--intergalactic-text-link-hover-active, #044792)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___SLinkTrigger_1mko8_gg_.__active_1mko8_gg_ .___SText_1mko8_gg_,.___SLinkTrigger_1mko8_gg_:active .___SText_1mko8_gg_{border-color:currentColor}@media (hover:hover){.___SLinkTrigger_1mko8_gg_:hover .___SText_1mko8_gg_{border-color:currentColor}}.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{border-bottom-width:1px;border-bottom-style:solid;border-color:transparent;transition:border-bottom-color .15s ease-in-out;text-overflow:ellipsis;overflow:hidden}.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_{color:var(--color_1mko8)}@media (hover:hover){.___SLinkTrigger_1mko8_gg_.__color_1mko8_gg_:hover{filter:brightness(.8)}}.___SLinkTrigger_1mko8_gg_.__disabled_1mko8_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SAddon_1mko8_gg_,.___SLinkAddon_1mko8_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SAddon_1mko8_gg_:not(:only-child):first-child,.___SLinkAddon_1mko8_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-1x, 4px)}.___SAddon_1mko8_gg_:not(:only-child):last-child,.___SLinkAddon_1mko8_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-1x, 4px)}.___SLinkAddon_1mko8_gg_{width:16px;height:16px}.___SLinkTrigger_1mko8_gg_._size_m_1mko8_gg_{font-size:var(--intergalactic-fs-200, 14px)}.___SLinkTrigger_1mko8_gg_._size_l_1mko8_gg_{font-size:var(--intergalactic-fs-300, 16px)}@media (prefers-reduced-motion){.___SLinkTrigger_1mko8_gg_,.___SLinkTrigger_1mko8_gg_ .___SText_1mko8_gg_{transition:none}}",
     /*__inner_css_end__*/
-    "o7hq8_gg_"
+    "1mko8_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLinkTrigger": "___SLinkTrigger_o7hq8_gg_",
-    "_disabled": "__disabled_o7hq8_gg_",
-    "__SLinkAddon": "___SLinkAddon_o7hq8_gg_",
-    "_size_m": "_size_m_o7hq8_gg_",
-    "_size_l": "_size_l_o7hq8_gg_",
-    "_active": "__active_o7hq8_gg_",
-    "__SText": "___SText_o7hq8_gg_",
-    "_color": "__color_o7hq8_gg_",
-    "--color": "--color_o7hq8",
-    "__SAddon": "___SAddon_o7hq8_gg_"
+    "__SLinkTrigger": "___SLinkTrigger_1mko8_gg_",
+    "_disabled": "__disabled_1mko8_gg_",
+    "__SLinkAddon": "___SLinkAddon_1mko8_gg_",
+    "_size_m": "_size_m_1mko8_gg_",
+    "_size_l": "_size_l_1mko8_gg_",
+    "_active": "__active_1mko8_gg_",
+    "__SText": "___SText_1mko8_gg_",
+    "_color": "__color_1mko8_gg_",
+    "--color": "--color_1mko8",
+    "__SAddon": "___SAddon_1mko8_gg_"
   })
 );
-var RootLinkTrigger = /* @__PURE__ */ (function(_Component) {
-  function RootLinkTrigger2() {
-    _classCallCheck(this, RootLinkTrigger2);
-    return _callSuper(this, RootLinkTrigger2, arguments);
+class RootLinkTrigger extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "triggerRef", /* @__PURE__ */ React.createRef());
   }
-  _inherits(RootLinkTrigger2, _Component);
-  return _createClass(RootLinkTrigger2, [{
-    key: "getTextProps",
-    value: function getTextProps() {
-      var _this$asProps = this.asProps, placeholder = _this$asProps.placeholder, empty = _this$asProps.empty;
-      return {
-        placeholder,
-        empty
-      };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _ref = this.asProps, _ref4;
-      var SLinkTrigger = Box;
-      var SLinkAddon = LinkTrigger.Addon;
-      var _this$asProps2 = this.asProps, Children = _this$asProps2.Children, loading = _this$asProps2.loading, styles = _this$asProps2.styles, empty = _this$asProps2.empty, providedColor = _this$asProps2.color, resolveColor = _this$asProps2.resolveColor;
-      var color = resolveColor(providedColor);
-      return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", _objectSpread({}, assignProps({
+  getTextProps() {
+    const {
+      placeholder,
+      empty
+    } = this.asProps;
+    return {
+      placeholder,
+      empty,
+      triggerRef: this.triggerRef
+    };
+  }
+  render() {
+    var _ref = this.asProps, _ref4;
+    const SLinkTrigger = Box;
+    const SLinkAddon = LinkTrigger.Addon;
+    const {
+      Children,
+      loading,
+      styles,
+      empty,
+      color: providedColor,
+      resolveColor
+    } = this.asProps;
+    const color = resolveColor(providedColor);
+    return _ref4 = sstyled(styles), /* @__PURE__ */ React.createElement(SLinkTrigger, _ref4.cn("SLinkTrigger", {
+      ...assignProps({
         "tag": "button",
         "type": "button",
         "tabIndex": loading ? -1 : 0,
+        "ref": this.triggerRef,
         "use:color": color
-      }, _ref))), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
-        "size": "xs",
-        "theme": "currentColor"
-      })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
-    }
-  }]);
-})(Component);
+      }, _ref)
+    }), addonTextChildren(Children, LinkTrigger.Text, LinkTrigger.Addon, empty), /* @__PURE__ */ React.createElement(SLinkAddon, _ref4.cn("SLinkAddon", {}), loading ? /* @__PURE__ */ React.createElement(Spin, _ref4.cn("Spin", {
+      "size": "xs",
+      "theme": "currentColor"
+    })) : /* @__PURE__ */ React.createElement(ChevronDown, _ref4.cn("ChevronDown", {}))));
+  }
+}
 _defineProperty(RootLinkTrigger, "displayName", "LinkTrigger");
 _defineProperty(RootLinkTrigger, "style", style);
 _defineProperty(RootLinkTrigger, "defaultProps", {
@@ -76,19 +80,38 @@ _defineProperty(RootLinkTrigger, "defaultProps", {
 _defineProperty(RootLinkTrigger, "enhance", [resolveColorEnhance()]);
 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), /* "use:" prefix was used for backward compatibility (by lsroman) */
-  /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", _objectSpread({}, assignProps({
-    "display-placeholder": empty
-  }, _ref2))), empty ? placeholder : children);
+  const SText = Text$1;
+  const textRef = React.useRef();
+  const {
+    children,
+    styles,
+    empty,
+    placeholder,
+    triggerRef,
+    ellipsis = false,
+    hintProps
+  } = props;
+  const content = empty ? placeholder : children;
+  return _ref5 = sstyled(styles), /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(SText, _ref5.cn("SText", {
+    ...assignProps({
+      "display-placeholder": empty,
+      "ref": textRef,
+      "ellipsis": ellipsis,
+      "hintProps": {
+        ...hintProps,
+        triggerRef
+      }
+    }, _ref2)
+  }), content));
 }
 function Addon(props) {
   var _ref3 = arguments[0], _ref6;
-  var SAddon = Box;
-  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", _objectSpread({}, assignProps({}, _ref3))));
+  const SAddon = Box;
+  return _ref6 = sstyled(props.styles), /* @__PURE__ */ React.createElement(SAddon, _ref6.cn("SAddon", {
+    ...assignProps({}, _ref3)
+  }));
 }
-var LinkTrigger = createComponent(RootLinkTrigger, {
+const LinkTrigger = createComponent(RootLinkTrigger, {
   Text,
   Addon
 });

package/lib/esm/style/filter-trigger.shadow.css

@@ -20,7 +20,3 @@ SWrapper {
     outline: none;
   }
 }
-
-SCounter {
-  background-color: var(--intergalactic-bg-primary-info, #008ff8);
-}

package/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -12,7 +12,7 @@ import sv from "./sv.json.mjs";
 import tr from "./tr.json.mjs";
 import vi from "./vi.json.mjs";
 import zh from "./zh.json.mjs";
-var localizedMessages = {
+const localizedMessages = {
   de,
   en,
   es,

package/lib/types/index.d.ts

@@ -1,12 +1,10 @@
-import type { UnknownProperties, Intergalactic } from '@semcore/core';
+import type { Box, BoxProps, NeighborItemProps } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
 import type { WithAnimatedSizeEnhanceProps } from '@semcore/core/lib/utils/enhances/animatedSizeEnhance';
-import type { DotProps } from '@semcore/dot';
-import type { Box, BoxProps } from '@semcore/flex-box';
-import type { NeighborItemProps } from '@semcore/neighbor-location';
+import type { CounterProps } from '@semcore/counter';
+import type { Text } from '@semcore/typography';
 import type React from 'react';
 
-/** @deprecated */
-export interface IBaseTriggerProps extends BaseTriggerProps, UnknownProperties {}
 export type BaseTriggerProps = BoxProps &
   NeighborItemProps &
   WithAnimatedSizeEnhanceProps & {
@@ -35,15 +33,8 @@ export type BaseTriggerProps = BoxProps &
      * Sets disabled state to trigger
      */
     disabled?: boolean;
-    /** Trigger theme
-     * @deprecated
-     * @use IBaseTriggerProps.state
-     * */
-    theme?: 'normal' | 'valid' | 'invalid' | false;
   };
 
-/** @deprecated */
-export interface IButtonTriggerProps extends ButtonTriggerProps, UnknownProperties {}
 export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   /** Sets the loading state */
   loading?: boolean;
@@ -54,8 +45,6 @@ export type ButtonTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   chevron?: boolean;
 };
 
-/** @deprecated */
-export interface ILinkTriggerProps extends LinkTriggerProps, UnknownProperties {}
 export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   /** Sets the loading state */
   loading?: boolean;
@@ -63,8 +52,6 @@ export type LinkTriggerProps = Omit<BaseTriggerProps, 'theme'> & {
   color?: string;
 };
 
-/** @deprecated */
-export interface IFilterTriggerProps extends FilterTriggerProps, UnknownProperties {}
 export type FilterTriggerProps = BaseTriggerProps & {
   /** Click on the filter cleaning cross */
   onClear?: (event: React.SyntheticEvent) => void;
@@ -82,7 +69,7 @@ export type FilterTriggerCounterProps = {
 };
 
 declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
-  Text: typeof Box;
+  Text: typeof Text;
   Addon: typeof Box;
 };
 
@@ -99,7 +86,7 @@ declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
 declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
   Text: typeof BaseTrigger.Text;
   Addon: typeof BaseTrigger.Addon;
-  Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
+  Counter: Intergalactic.Component<'div', CounterProps & FilterTriggerCounterProps>;
   TriggerButton: typeof BaseTrigger;
   ClearButton: typeof BaseTrigger;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "Semrush BaseTrigger Component",
-  "version": "16.4.5",
+  "version": "16.4.6-prerelease.12",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,15 +14,14 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/dot": "16.0.11",
-    "@semcore/icon": "16.7.3",
+    "@semcore/counter": "16.0.12-prerelease.12",
     "@semcore/spin": "16.0.11",
-    "@semcore/flex-box": "16.0.11",
-    "@semcore/neighbor-location": "16.0.11",
-    "@semcore/tooltip": "16.0.11"
+    "@semcore/tooltip": "16.0.11",
+    "@semcore/typography": "16.3.3-prerelease.12"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^16.0.0"
+    "@semcore/base-components": "^16.4.3-prerelease.12",
+    "@semcore/icon": "^16.7.2-prerelease.12"
   },
   "repository": {
     "type": "git",
@@ -31,8 +30,10 @@
   },
   "devDependencies": {
     "@semcore/core": "16.5.1",
+    "@semcore/base-components": "16.4.3-prerelease.12",
+    "@semcore/tooltip": "16.0.11",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/tooltip": "16.0.11"
+    "@semcore/icon": "16.7.2-prerelease.12"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js && pnpm vite build"