@semcore/tag 3.7.1 → 3.7.2

package/CHANGELOG.md

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

package/lib/cjs/Tag.js

@@ -113,7 +113,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref6;
 
       var STag = _flexBox.Box;
@@ -158,7 +158,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
 });
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref7;
 
   var SText = _flexBox.Box;
@@ -169,7 +169,7 @@ function Text(props) {
 }
 
 function Close(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref8;
 
   var SClose = _flexBox.Box;
@@ -183,7 +183,7 @@ function Close(props) {
 }
 
 function Addon(props) {
-  var _ref4 = this ? this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref9;
 
   var SAddon = _flexBox.Box;
@@ -194,7 +194,7 @@ function Addon(props) {
 }
 
 function Circle(props) {
-  var _ref5 = this ? this.asProps : arguments[0],
+  var _ref5 = arguments[0],
       _ref10;
 
   var SCircle = _flexBox.Box;

package/lib/cjs/index.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { CProps, ReturnEl, PropGetterFn } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import { IIconProps } from '@semcore/icon';
+
+export type TagSize = 'xl' | 'l' | 'm' | 's';
+export type TagTheme = 'muted' | 'invert' | 'warning' | string;
+export type TagUse = 'primary' | 'secondary' | 'custom';
+
+export interface ITagProps extends IBoxProps {
+  /** Value responsible for tag availability
+   */
+  disabled?: boolean;
+  /** Value responsible for tag activity
+   */
+  active?: boolean;
+  /** Interactive tag
+   */
+  interactive?: boolean;
+  /** Tag type
+   * @default secondary
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default muted
+   */
+  theme?: TagTheme;
+  /** Tag color text */
+  color?: string;
+  /** Tag size
+   * @default m
+   */
+  size?: TagSize;
+  /** Left addon tag */
+  addonLeft?: React.ElementType;
+  /** Right addon tag */
+  addonRight?: React.ElementType;
+}
+
+export interface ITagCloseProps extends IIconProps {
+  /** Tag type
+   * @default secondary
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default muted
+   */
+  theme?: TagTheme;
+}
+
+export interface ITagContext extends ITagProps {
+  getCloseProps?: PropGetterFn;
+}
+
+export interface ITagAddonProps extends IBoxProps {}
+
+export interface ITagTextProps extends IBoxProps {}
+
+declare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {
+  Text: <T>(props: ITagTextProps & T) => ReturnEl;
+  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;
+  Close: <T>(props: ITagCloseProps & T) => ReturnEl;
+  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;
+};
+
+export default Tag;

package/lib/cjs/index.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _typeof = require("@babel/runtime/helpers/typeof");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -13,21 +12,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 
-var _Tag = _interopRequireWildcard(require("./Tag"));
-
-Object.keys(_Tag).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Tag[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Tag[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); }
-
-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 _Tag = _interopRequireDefault(require("./Tag"));
 //# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export { default } from './Tag';\nexport * from './Tag';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA","sourcesContent":["export { default } from './Tag';\n"],"file":"index.js"}

package/lib/es6/Tag.js

@@ -95,7 +95,7 @@ var RootTag = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      var _ref = this ? this.asProps : arguments[0],
+      var _ref = this.asProps,
           _ref6;
 
       var STag = Box;
@@ -143,7 +143,7 @@ _defineProperty(RootTag, "defaultProps", {
 });
 
 function Text(props) {
-  var _ref2 = this ? this.asProps : arguments[0],
+  var _ref2 = arguments[0],
       _ref7;
 
   var SText = Box;
@@ -154,7 +154,7 @@ function Text(props) {
 }
 
 function Close(props) {
-  var _ref3 = this ? this.asProps : arguments[0],
+  var _ref3 = arguments[0],
       _ref8;
 
   var SClose = Box;
@@ -168,7 +168,7 @@ function Close(props) {
 }
 
 function Addon(props) {
-  var _ref4 = this ? this.asProps : arguments[0],
+  var _ref4 = arguments[0],
       _ref9;
 
   var SAddon = Box;
@@ -179,7 +179,7 @@ function Addon(props) {
 }
 
 function Circle(props) {
-  var _ref5 = this ? this.asProps : arguments[0],
+  var _ref5 = arguments[0],
       _ref10;
 
   var SCircle = Box;

package/lib/es6/index.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { CProps, ReturnEl, PropGetterFn } from '@semcore/core';
+import { IBoxProps } from '@semcore/flex-box';
+import { IIconProps } from '@semcore/icon';
+
+export type TagSize = 'xl' | 'l' | 'm' | 's';
+export type TagTheme = 'muted' | 'invert' | 'warning' | string;
+export type TagUse = 'primary' | 'secondary' | 'custom';
+
+export interface ITagProps extends IBoxProps {
+  /** Value responsible for tag availability
+   */
+  disabled?: boolean;
+  /** Value responsible for tag activity
+   */
+  active?: boolean;
+  /** Interactive tag
+   */
+  interactive?: boolean;
+  /** Tag type
+   * @default secondary
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default muted
+   */
+  theme?: TagTheme;
+  /** Tag color text */
+  color?: string;
+  /** Tag size
+   * @default m
+   */
+  size?: TagSize;
+  /** Left addon tag */
+  addonLeft?: React.ElementType;
+  /** Right addon tag */
+  addonRight?: React.ElementType;
+}
+
+export interface ITagCloseProps extends IIconProps {
+  /** Tag type
+   * @default secondary
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default muted
+   */
+  theme?: TagTheme;
+}
+
+export interface ITagContext extends ITagProps {
+  getCloseProps?: PropGetterFn;
+}
+
+export interface ITagAddonProps extends IBoxProps {}
+
+export interface ITagTextProps extends IBoxProps {}
+
+declare const Tag: (<T>(props: CProps<ITagProps & T, ITagContext>) => ReturnEl) & {
+  Text: <T>(props: ITagTextProps & T) => ReturnEl;
+  Addon: <T>(props: ITagAddonProps & T) => ReturnEl;
+  Close: <T>(props: ITagCloseProps & T) => ReturnEl;
+  Circle: <T>(props: ITagAddonProps & T) => ReturnEl;
+};
+
+export default Tag;

package/lib/es6/index.js

@@ -1,3 +1,2 @@
 export { default } from './Tag';
-export * from './Tag';
 //# sourceMappingURL=index.js.map

package/lib/es6/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB;AACA,cAAc,OAAd","sourcesContent":["export { default } from './Tag';\nexport * from './Tag';\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,OAAxB","sourcesContent":["export { default } from './Tag';\n"],"file":"index.js"}

package/package.json

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

package/src/index.js

@@ -1,2 +1 @@
 export { default } from './Tag';
-export * from './Tag';