@semcore/base-trigger 2.6.3 → 2.6.4

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
 
+## [2.6.4] - 2022-04-28
+
+### Changed
+
+- Version patch update due to children dependencies update (`@semcore/icon` [2.20.0 ~> 2.21.0]).
+
 ## [2.6.3] - 2022-03-21
 
 ### Changed

package/lib/cjs/BaseTrigger.js

@@ -102,7 +102,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SBaseTrigger = _flexBox.Box;
@@ -131,7 +131,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootBaseTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])(), (0, _neighborLocation.neighborLocationEnhance)()]);
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var SText = _flexBox.Box;
@@ -149,7 +149,7 @@ function Text(props) {
 }
 
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SAddon = _flexBox.Box;

package/lib/cjs/ButtonTrigger.js

@@ -67,7 +67,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RootButtonTrigger, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SButtonAddon = ButtonTrigger.Addon;

package/lib/cjs/FilterTrigger.js

@@ -107,7 +107,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   (0, _createClass2["default"])(RootFilterTrigger, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref3;
 
       var SWrapper = _flexBox.Box;
@@ -151,7 +151,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootFilterTrigger, "style", style);
 
 function Counter(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref4;
 
   var SCounter = _BaseTrigger["default"].Addon;

package/lib/cjs/LinkTrigger.js

@@ -99,7 +99,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SLinkTrigger = _flexBox.Box;
@@ -131,7 +131,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
 (0, _defineProperty2["default"])(RootLinkTrigger, "enhance", [(0, _keyboardFocusEnhance["default"])()]);
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var SText = _flexBox.Box;
@@ -149,7 +149,7 @@ function Text(props) {
 }
 
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SAddon = _flexBox.Box;

package/lib/cjs/index.d.ts

@@ -0,0 +1,81 @@
+import React, { ComponentProps } from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { Box, IBoxProps } from '@semcore/flex-box';
+import Dot from '@semcore/dot';
+import { INeighborItemProps } from '@semcore/neighbor-location';
+import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+
+export interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
+  /**
+   * Trigger size
+   * @default m
+   */
+  size?: 'm' | 'l' | 'xl';
+  /**
+   * Trigger state
+   */
+  state?: 'normal' | 'valid' | 'invalid';
+  /**
+   * Sets active state to trigger
+   */
+  active?: boolean;
+  /**
+   * Responsible for placeholder displaying
+   */
+  empty?: boolean;
+  /**
+   * Placeholder text
+   */
+  placeholder?: React.ReactNode;
+  /**
+   * Sets disabled state to trigger
+   */
+  disabled?: boolean;
+  /** Trigger theme
+   * @deprecated {@link IBaseTriggerProps.state}
+   * */
+  theme?: 'normal' | 'valid' | 'invalid' | false;
+}
+
+export interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
+  /** Sets the loading state */
+  loading?: boolean;
+}
+
+export interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
+  /** Sets the loading state */
+  loading?: boolean;
+  /** Text color */
+  color?: string;
+}
+
+export interface IFilterTriggerProps extends IBaseTriggerProps {
+  /** Click on the filter cleaning cross */
+  onClear?: (event: React.SyntheticEvent) => void;
+}
+
+declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
+  Text: typeof Box;
+  Addon: typeof Box;
+};
+
+declare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+};
+
+declare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+};
+
+declare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+  Counter: <T>(
+    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,
+  ) => ReturnEl;
+};
+
+export default BaseTrigger;
+export { ButtonTrigger, LinkTrigger, FilterTrigger };

package/lib/cjs/index.js

@@ -2,16 +2,9 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  ButtonTrigger: true,
-  FilterTrigger: true,
-  LinkTrigger: true
-};
 Object.defineProperty(exports, "ButtonTrigger", {
   enumerable: true,
   get: function get() {
@@ -37,51 +30,11 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _BaseTrigger = _interopRequireWildcard(require("./BaseTrigger"));
-
-Object.keys(_BaseTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _BaseTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _BaseTrigger[key];
-    }
-  });
-});
+var _BaseTrigger = _interopRequireDefault(require("./BaseTrigger"));
 
 var _ButtonTrigger = _interopRequireDefault(require("./ButtonTrigger"));
 
-var _FilterTrigger = _interopRequireWildcard(require("./FilterTrigger"));
-
-Object.keys(_FilterTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _FilterTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FilterTrigger[key];
-    }
-  });
-});
-
-var _LinkTrigger = _interopRequireWildcard(require("./LinkTrigger"));
-
-Object.keys(_LinkTrigger).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _LinkTrigger[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LinkTrigger[key];
-    }
-  });
-});
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+var _FilterTrigger = _interopRequireDefault(require("./FilterTrigger"));
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _LinkTrigger = _interopRequireDefault(require("./LinkTrigger"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAHA;;AACA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAFA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\nexport * from './BaseTrigger';\nexport * from './FilterTrigger';\nexport * from './LinkTrigger';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA","sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"file":"index.js"}

package/lib/es6/BaseTrigger.js

@@ -81,7 +81,7 @@ var RootBaseTrigger = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SBaseTrigger = Box;
@@ -112,7 +112,7 @@ _defineProperty(RootBaseTrigger, "defaultProps", {
 _defineProperty(RootBaseTrigger, "enhance", [keyboardFocusEnhance(), neighborLocationEnhance()]);
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var SText = Box;
@@ -130,7 +130,7 @@ function Text(props) {
 }
 
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SAddon = Box;

package/lib/es6/ButtonTrigger.js

@@ -45,7 +45,7 @@ var RootButtonTrigger = /*#__PURE__*/function (_Component) {
   _createClass(RootButtonTrigger, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref2;
 
       var SButtonAddon = ButtonTrigger.Addon;

package/lib/es6/FilterTrigger.js

@@ -82,7 +82,7 @@ var RootFilterTrigger = /*#__PURE__*/function (_Component) {
   _createClass(RootFilterTrigger, [{
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref3;
 
       var SWrapper = Box;
@@ -128,7 +128,7 @@ _defineProperty(RootFilterTrigger, "displayName", 'FilterTrigger');
 _defineProperty(RootFilterTrigger, "style", style);
 
 function Counter(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref4;
 
   var SCounter = BaseTrigger.Addon;

package/lib/es6/LinkTrigger.js

@@ -77,7 +77,7 @@ var RootLinkTrigger = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref4;
 
       var SLinkTrigger = Box;
@@ -113,7 +113,7 @@ _defineProperty(RootLinkTrigger, "defaultProps", {
 _defineProperty(RootLinkTrigger, "enhance", [keyboardFocusEnhance()]);
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref5;
 
   var SText = Box;
@@ -131,7 +131,7 @@ function Text(props) {
 }
 
 function Addon(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref6;
 
   var SAddon = Box;

package/lib/es6/index.d.ts

@@ -0,0 +1,81 @@
+import React, { ComponentProps } from 'react';
+import { CProps, ReturnEl } from '@semcore/core';
+import { Box, IBoxProps } from '@semcore/flex-box';
+import Dot from '@semcore/dot';
+import { INeighborItemProps } from '@semcore/neighbor-location';
+import { IKeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';
+
+export interface IBaseTriggerProps extends IBoxProps, INeighborItemProps, IKeyboardFocusProps {
+  /**
+   * Trigger size
+   * @default m
+   */
+  size?: 'm' | 'l' | 'xl';
+  /**
+   * Trigger state
+   */
+  state?: 'normal' | 'valid' | 'invalid';
+  /**
+   * Sets active state to trigger
+   */
+  active?: boolean;
+  /**
+   * Responsible for placeholder displaying
+   */
+  empty?: boolean;
+  /**
+   * Placeholder text
+   */
+  placeholder?: React.ReactNode;
+  /**
+   * Sets disabled state to trigger
+   */
+  disabled?: boolean;
+  /** Trigger theme
+   * @deprecated {@link IBaseTriggerProps.state}
+   * */
+  theme?: 'normal' | 'valid' | 'invalid' | false;
+}
+
+export interface IButtonTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
+  /** Sets the loading state */
+  loading?: boolean;
+}
+
+export interface ILinkTriggerProps extends Omit<IBaseTriggerProps, 'theme'> {
+  /** Sets the loading state */
+  loading?: boolean;
+  /** Text color */
+  color?: string;
+}
+
+export interface IFilterTriggerProps extends IBaseTriggerProps {
+  /** Click on the filter cleaning cross */
+  onClear?: (event: React.SyntheticEvent) => void;
+}
+
+declare const BaseTrigger: (<T>(props: CProps<IBaseTriggerProps & T>) => ReturnEl) & {
+  Text: typeof Box;
+  Addon: typeof Box;
+};
+
+declare const ButtonTrigger: (<T>(props: CProps<IButtonTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+};
+
+declare const LinkTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+};
+
+declare const FilterTrigger: (<T>(props: CProps<ILinkTriggerProps & T>) => ReturnEl) & {
+  Text: typeof BaseTrigger.Text;
+  Addon: typeof BaseTrigger.Addon;
+  Counter: <T>(
+    props: ComponentProps<typeof BaseTrigger.Addon> & ComponentProps<typeof Dot> & T,
+  ) => ReturnEl;
+};
+
+export default BaseTrigger;
+export { ButtonTrigger, LinkTrigger, FilterTrigger };

package/lib/es6/index.js

@@ -2,7 +2,4 @@ export { default } from './BaseTrigger';
 export { default as ButtonTrigger } from './ButtonTrigger';
 export { default as FilterTrigger } from './FilterTrigger';
 export { default as LinkTrigger } from './LinkTrigger';
-export * from './BaseTrigger';
-export * from './FilterTrigger';
-export * from './LinkTrigger';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC;AACA,cAAc,eAAd;AACA,cAAc,iBAAd;AACA,cAAc,eAAd","sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\nexport * from './BaseTrigger';\nexport * from './FilterTrigger';\nexport * from './LinkTrigger';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default","ButtonTrigger","FilterTrigger","LinkTrigger"],"mappings":"AAAA,SAASA,OAAT,QAAwB,eAAxB;AACA,SAASA,OAAO,IAAIC,aAApB,QAAyC,iBAAzC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,iBAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,eAAvC","sourcesContent":["export { default } from './BaseTrigger';\nexport { default as ButtonTrigger } from './ButtonTrigger';\nexport { default as FilterTrigger } from './FilterTrigger';\nexport { default as LinkTrigger } from './LinkTrigger';\n"],"file":"index.js"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/base-trigger",
   "description": "SEMRush BaseTrigger Component",
-  "version": "2.6.3",
+  "version": "2.6.4",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -31,5 +31,8 @@
     "type": "git",
     "url": "https://github.com/semrush/intergalactic.git",
     "directory": "semcore/base-trigger"
+  },
+  "devDependencies": {
+    "@semcore/jest-preset-ui": "1.0.0"
   }
 }

package/src/index.js

@@ -2,6 +2,3 @@ export { default } from './BaseTrigger';
 export { default as ButtonTrigger } from './ButtonTrigger';
 export { default as FilterTrigger } from './FilterTrigger';
 export { default as LinkTrigger } from './LinkTrigger';
-export * from './BaseTrigger';
-export * from './FilterTrigger';
-export * from './LinkTrigger';