intergalactic 15.38.0-prerelease-46329ccd

package/tab-panel/lib/types/index.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { Box, BoxProps } from 'intergalactic/flex-box';
+import { KeyboardFocusProps } from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+
+export type TabPanelValue = string | number | boolean;
+
+/** @deprecated */
+export interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>
+  extends TabPanelProps<T>,
+    UnknownProperties {}
+export type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {
+  /** Is invoked when changing the selection */
+  onChange?:
+    | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  /** Value of the selected tab */
+  value?: T;
+  /** Default value of the selected tab
+   * @default null
+   * */
+  defaultValue?: T;
+  /**
+   * Behavior of tabs.
+   * In `auto`, changes the tab immediately when press arrow.
+   * In `manual`, needs to press `space` or `enter` for select a choice.
+   * @default 'auto'
+   */
+  behavior?: 'auto' | 'manual';
+};
+
+/** @deprecated */
+export interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}
+export type TabPanelItemProps = BoxProps &
+  KeyboardFocusProps & {
+    /** Makes a tab selected. This property is determined automatically depending on the value. */
+    selected?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Tab value */
+    value?: TabPanelValue;
+    /** Left addon tag  */
+    addonLeft?: React.ElementType;
+    /** Right addon tag  */
+    addonRight?: React.ElementType;
+  };
+
+/** @deprecated */
+export interface ITabPanelContext extends TabPanelContext, UnknownProperties {}
+export type TabPanelContext = {
+  getItemProps: PropGetterFn;
+};
+
+/** @deprecated */
+export interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}
+export type TabPanelHandlers = {
+  value: (value: TabPanelValue) => void;
+};
+
+type IntergalacticTabPanelComponent = (<
+  Value extends TabPanelValue,
+  Tag extends Intergalactic.Tag = 'div',
+>(
+  props: Intergalactic.InternalTypings.ComponentProps<
+    Tag,
+    'div',
+    TabPanelProps<Value>,
+    TabPanelContext,
+    [handlers: TabPanelHandlers]
+  >,
+) => Intergalactic.InternalTypings.ComponentRenderingResults) &
+  Intergalactic.InternalTypings.ComponentAdditive<'div'>;
+
+declare const TabPanel: IntergalacticTabPanelComponent & {
+  Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {
+    Text: typeof Box;
+    Addon: typeof Box;
+  };
+};
+
+export default TabPanel;

package/tag/index.d.ts

@@ -0,0 +1,88 @@
+import React from 'react';
+import { PropGetterFn, UnknownProperties, Intergalactic } from 'intergalactic/core';
+import { BoxProps } from 'intergalactic/flex-box';
+import { IconProps } from 'intergalactic/icon';
+
+export type TagSize = 'xl' | 'l' | 'm';
+/** @deprecated */
+export type TagThemeOld =
+  | 'muted'
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'danger'
+  | 'invert'
+  | 'additional';
+export type TagTheme = 'primary' | 'secondary' | TagThemeOld;
+export type TagUse = 'primary' | 'secondary';
+
+/** @deprecated */
+export interface ITagProps extends TagProps, UnknownProperties {}
+export type TagProps = BoxProps & {
+  /** Value responsible for tag availability
+   */
+  disabled?: boolean;
+  /** Value responsible for tag activity
+   */
+  active?: boolean;
+  /** Interactive tag
+   */
+  interactive?: boolean;
+  /** Tag type
+   * @default secondary
+   * @deprecated v4.0.0
+   * @use ITagProps.theme
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default primary
+   */
+  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;
+  locale?: string;
+};
+
+/** @deprecated */
+export interface ITagCloseProps extends TagCloseProps, UnknownProperties {}
+export type TagCloseProps = IconProps & {
+  /** Tag type
+   * @default secondary
+   */
+  use?: TagUse;
+  /** Tag theme, there are several default themes or you can use your color
+   * @default muted
+   */
+  theme?: TagTheme;
+};
+
+/** @deprecated */
+export interface ITagContext extends TagContext, UnknownProperties {}
+export type TagContext = TagProps & {
+  getCloseProps?: PropGetterFn;
+};
+
+/** @deprecated */
+export interface ITagAddonProps extends TagAddonProps, UnknownProperties {}
+export type TagAddonProps = BoxProps & {};
+
+/** @deprecated */
+export interface ITagTextProps extends TagTextProps, UnknownProperties {}
+export type TagTextProps = BoxProps & {};
+
+declare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {
+  Text: Intergalactic.Component<'div', TagTextProps>;
+  Addon: Intergalactic.Component<'div', TagAddonProps>;
+  Close: Intergalactic.Component<'div', TagCloseProps>;
+  Circle: Intergalactic.Component<'div', TagAddonProps>;
+};
+
+export default Tag;

package/tag/index.js

@@ -0,0 +1 @@
+require('./lib/cjs/index.js');

package/tag/index.mjs

@@ -0,0 +1 @@
+export * from './lib/es6/index.js';

package/tag/lib/cjs/Tag.js

@@ -0,0 +1,207 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _core = _interopRequireWildcard(require("intergalactic/core"));
+var _react = _interopRequireDefault(require("react"));
+var _flexBox = require("intergalactic/flex-box");
+var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib/addonTextChildren"));
+var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
+var _m = _interopRequireDefault(require("intergalactic/icon/Close/m"));
+var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
+var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _assignProps6 = require("intergalactic/utils/lib/assignProps");
+/*__reshadow-styles__:"./style/tag.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_gdpin_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_gdpin)}.___STag_gdpin_gg_:has(.___SText_gdpin_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_gdpin_gg_::after,.___STag_gdpin_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_gdpin_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_gdpin);opacity:.2}.___STag_gdpin_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_gdpin);opacity:.1}.___STag_gdpin_gg_.__disabled_gdpin_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_gdpin_gg_.__interactive_gdpin_gg_{cursor:pointer}.___STag_gdpin_gg_._size_m_gdpin_gg_{height:20px;min-width:20px}.___STag_gdpin_gg_._size_m_gdpin_gg_ .___SCircle_gdpin_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_gdpin_gg_._size_m_gdpin_gg_ .___SCircle_gdpin_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_gdpin_gg_._size_m_gdpin_gg_ .___SText_gdpin_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_gdpin_gg_._size_l_gdpin_gg_{height:28px;min-width:28px}.___STag_gdpin_gg_._size_l_gdpin_gg_ .___SText_gdpin_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_gdpin_gg_._size_xl_gdpin_gg_{height:40px;min-width:40px}.___STag_gdpin_gg_._size_xl_gdpin_gg_ .___SText_gdpin_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_gdpin_gg_._theme_primary_gdpin_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_gdpin_gg_._theme_primary_gdpin_gg_:after{display:none}.___STag_gdpin_gg_._theme_primary_gdpin_gg_.__active_gdpin_gg_:before,.___STag_gdpin_gg_._theme_primary_gdpin_gg_.__interactive_gdpin_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_gdpin_gg_._theme_primary_gdpin_gg_.__interactive_gdpin_gg_:hover:before{opacity:.3}}.___STag_gdpin_gg_._theme_additional_gdpin_gg_::before,.___STag_gdpin_gg_._theme_secondary_gdpin_gg_::before{opacity:.01}.___STag_gdpin_gg_._theme_additional_gdpin_gg_.__active_gdpin_gg_:before,.___STag_gdpin_gg_._theme_additional_gdpin_gg_.__interactive_gdpin_gg_:active:before,.___STag_gdpin_gg_._theme_secondary_gdpin_gg_.__active_gdpin_gg_:before,.___STag_gdpin_gg_._theme_secondary_gdpin_gg_.__interactive_gdpin_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_gdpin_gg_._theme_additional_gdpin_gg_.__interactive_gdpin_gg_:hover:before,.___STag_gdpin_gg_._theme_secondary_gdpin_gg_.__interactive_gdpin_gg_:hover:before{opacity:.1}}.___STag_gdpin_gg_._theme_additional-invert_gdpin_gg_::after,.___STag_gdpin_gg_._theme_additional_gdpin_gg_::after,.___STag_gdpin_gg_._theme_secondary-invert_gdpin_gg_::after,.___STag_gdpin_gg_._theme_secondary_gdpin_gg_::after{opacity:.5}.___STag_gdpin_gg_._theme_primary-invert_gdpin_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_gdpin_gg_._theme_additional-invert_gdpin_gg_,.___STag_gdpin_gg_._theme_primary-invert_gdpin_gg_,.___STag_gdpin_gg_._theme_secondary-invert_gdpin_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_gdpin_gg_._theme_additional_gdpin_gg_::after{border-style:dashed}.___SText_gdpin_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___SText_gdpin_gg_:not(:only-child):first-child{padding-right:0}.___SText_gdpin_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_gdpin_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_gdpin_gg_,.___SCircle_gdpin_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_gdpin_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_gdpin_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_gdpin_gg_:first-child{margin-left:0}.___SCircle_gdpin_gg_:last-child{margin-right:0}.___SCircle_gdpin_gg_._size_m_gdpin_gg_{width:16px;height:16px}.___SCircle_gdpin_gg_._size_l_gdpin_gg_,.___SCircle_gdpin_gg_._size_xl_gdpin_gg_{width:20px;height:20px}.___SClose_gdpin_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);opacity:.5}@media (hover:hover){.___SClose_gdpin_gg_:hover{opacity:1}}" /*__inner_css_end__*/, "gdpin_gg_") /*__reshadow_css_end__*/, {
+  "__STag": "___STag_gdpin_gg_",
+  "_disabled": "__disabled_gdpin_gg_",
+  "_interactive": "__interactive_gdpin_gg_",
+  "_theme_primary-invert": "_theme_primary-invert_gdpin_gg_",
+  "_theme_secondary-invert": "_theme_secondary-invert_gdpin_gg_",
+  "_theme_additional-invert": "_theme_additional-invert_gdpin_gg_",
+  "__SText": "___SText_gdpin_gg_",
+  "__SAddon": "___SAddon_gdpin_gg_",
+  "__SCircle": "___SCircle_gdpin_gg_",
+  "_size_m": "_size_m_gdpin_gg_",
+  "_size_l": "_size_l_gdpin_gg_",
+  "_size_xl": "_size_xl_gdpin_gg_",
+  "--tag-color": "--tag-color_gdpin",
+  "_theme_primary": "_theme_primary_gdpin_gg_",
+  "_active": "__active_gdpin_gg_",
+  "_theme_secondary": "_theme_secondary_gdpin_gg_",
+  "_theme_additional": "_theme_additional_gdpin_gg_",
+  "__SClose": "___SClose_gdpin_gg_"
+});
+var legacyThemeRecommendedMigration = {
+  primary: {
+    muted: 'gray-500',
+    info: 'blue-500',
+    success: 'green-500',
+    warning: 'orange-500',
+    danger: 'red-500'
+  },
+  secondary: {
+    muted: 'gray-50'
+  }
+};
+var RootTag = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(RootTag, _Component);
+  var _super = (0, _createSuper2["default"])(RootTag);
+  function RootTag(props) {
+    var _legacyThemeRecommend;
+    var _this;
+    (0, _classCallCheck2["default"])(this, RootTag);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleKeyDown", function (e) {
+      var _this$asProps$onClick, _this$asProps;
+      switch (e.key) {
+        case ' ':
+        case 'Enter':
+          (_this$asProps$onClick = (_this$asProps = _this.asProps).onClick) === null || _this$asProps$onClick === void 0 ? void 0 : _this$asProps$onClick.call(_this$asProps, e);
+          break;
+      }
+    });
+    _logger["default"].warn(props.use, "Property 'use' is deprecated, replace property to \"theme='".concat(props.use, "' color='").concat((_legacyThemeRecommend = legacyThemeRecommendedMigration[props.use]) === null || _legacyThemeRecommend === void 0 ? void 0 : _legacyThemeRecommend[props.theme], "'\""), props['data-ui-name'] || Tag.displayName);
+    return _this;
+  }
+  (0, _createClass2["default"])(RootTag, [{
+    key: "getCircleProps",
+    value: function getCircleProps() {
+      var size = this.asProps.size;
+      return {
+        size: size
+      };
+    }
+  }, {
+    key: "getCloseProps",
+    value: function getCloseProps() {
+      var _this$asProps2 = this.asProps,
+        getI18nText = _this$asProps2.getI18nText,
+        id = _this$asProps2.id,
+        uid = _this$asProps2.uid;
+      return {
+        getI18nText: getI18nText,
+        tagId: id || "igc-".concat(uid, "-tag"),
+        uid: uid
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref6;
+      var STag = _flexBox.Box;
+      var _this$asProps3 = this.asProps,
+        Children = _this$asProps3.Children,
+        styles = _this$asProps3.styles,
+        color = _this$asProps3.color,
+        interactive = _this$asProps3.interactive,
+        disabled = _this$asProps3.disabled,
+        addonLeft = _this$asProps3.addonLeft,
+        addonRight = _this$asProps3.addonRight,
+        resolveColor = _this$asProps3.resolveColor,
+        onClick = _this$asProps3.onClick,
+        outerId = _this$asProps3.id,
+        uid = _this$asProps3.uid,
+        onKeyDown = _this$asProps3.onKeyDown;
+      var id = outerId || "igc-".concat(uid, "-tag");
+      return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(STag, _ref6.cn("STag", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+        "id": id,
+        "use:interactive": !disabled && interactive,
+        "tabIndex": interactive && onClick ? 0 : undefined,
+        "tag-color": resolveColor(color),
+        "onKeyDown": (0, _assignProps6.callAllEventHandlers)(onKeyDown, this.handleKeyDown)
+      }, _ref))), addonLeft ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
+        tag: addonLeft
+      }) : null, (0, _addonTextChildren["default"])(Children, Tag.Text, Tag.Addon), addonRight ? /*#__PURE__*/_react["default"].createElement(Tag.Addon, {
+        tag: addonRight
+      }) : null);
+    }
+  }]);
+  return RootTag;
+}(_core.Component);
+(0, _defineProperty2["default"])(RootTag, "displayName", 'Tag');
+(0, _defineProperty2["default"])(RootTag, "style", style);
+(0, _defineProperty2["default"])(RootTag, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])(), (0, _resolveColorEnhance["default"])()]);
+(0, _defineProperty2["default"])(RootTag, "defaultProps", {
+  theme: 'primary',
+  color: 'gray-500',
+  size: 'm',
+  i18n: _intergalacticDynamicLocales.localizedMessages,
+  locale: 'en'
+});
+function Text(props) {
+  var _ref2 = arguments[0],
+    _ref7;
+  var SText = _flexBox.Box;
+  var styles = props.styles;
+  return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref7.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref2))));
+}
+function Close(props) {
+  var _ref3 = arguments[0],
+    _ref8;
+  var SClose = _flexBox.Box;
+  var styles = props.styles,
+    getI18nText = props.getI18nText,
+    tagId = props.tagId,
+    uid = props.uid;
+  function onKeyDown(event) {
+    if (props.onKeyDown) {
+      return props.onKeyDown(event);
+    }
+    if (event.key === 'Enter') {
+      var _props$onClick;
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, event);
+    }
+  }
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SClose, _ref8.cn("SClose", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": _m["default"],
+    "interactive": true,
+    "id": "igc-".concat(uid, "-tag-clear"),
+    "aria-labelledby": "igc-".concat(uid, "-tag-clear ").concat(tagId),
+    "aria-label": getI18nText('remove'),
+    "onKeyDown": onKeyDown
+  }, _ref3))));
+}
+function Addon(props) {
+  var _ref4 = arguments[0],
+    _ref9;
+  var SAddon = _flexBox.Box;
+  var styles = props.styles;
+  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref9.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref4))));
+}
+function Circle(props) {
+  var _ref5 = arguments[0],
+    _ref10;
+  var SCircle = _flexBox.Box;
+  var styles = props.styles;
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCircle, _ref10.cn("SCircle", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "tag": 'span'
+  }, _ref5))));
+}
+var Tag = (0, _core["default"])(RootTag, {
+  Text: Text,
+  Addon: Addon,
+  Close: Close,
+  Circle: Circle
+});
+var _default = Tag;
+exports["default"] = _default;
+//# sourceMappingURL=Tag.js.map

package/tag/lib/cjs/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_logger","_m","_intergalacticDynamicLocales","_i18nEnhance","_resolveColorEnhance","_uniqueID","_assignProps6","style","sstyled","insert","legacyThemeRecommendedMigration","primary","muted","info","success","warning","danger","secondary","RootTag","_Component","_inherits2","_super","_createSuper2","props","_legacyThemeRecommend","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","e","_this$asProps$onClick","_this$asProps","key","asProps","onClick","logger","warn","use","concat","theme","Tag","displayName","_createClass2","value","getCircleProps","size","getCloseProps","_this$asProps2","getI18nText","id","uid","tagId","render","_ref","_ref6","STag","Box","_this$asProps3","Children","styles","color","interactive","disabled","addonLeft","addonRight","resolveColor","outerId","onKeyDown","createElement","cn","_objectSpread2","assignProps","undefined","callAllEventHandlers","handleKeyDown","Addon","tag","addonTextChildren","Text","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","resolveColorEnhance","i18n","locale","_ref2","arguments[0]","_ref7","SText","Close","_ref3","_ref8","SClose","event","_props$onClick","CloseM","_ref4","_ref9","SAddon","Circle","_ref5","_ref10","SCircle","createComponent","_default","exports"],"sources":["../../src/Tag.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport CloseM from '@semcore/icon/Close/m';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nimport style from './style/tag.shadow.css';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\n\nconst legacyThemeRecommendedMigration = {\n  primary: {\n    muted: 'gray-500',\n    info: 'blue-500',\n    success: 'green-500',\n    warning: 'orange-500',\n    danger: 'red-500',\n  },\n  secondary: {\n    muted: 'gray-50',\n  },\n};\n\nclass RootTag extends Component {\n  static displayName = 'Tag';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement(), resolveColorEnhance()];\n  static defaultProps = {\n    theme: 'primary',\n    color: 'gray-500',\n    size: 'm',\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  constructor(props) {\n    super(props);\n\n    logger.warn(\n      props.use,\n      `Property 'use' is deprecated, replace property to \"theme='${props.use}' color='${\n        legacyThemeRecommendedMigration[props.use]?.[props.theme]\n      }'\"`,\n      props['data-ui-name'] || Tag.displayName,\n    );\n  }\n\n  getCircleProps() {\n    const { size } = this.asProps;\n    return { size };\n  }\n\n  getCloseProps() {\n    const { getI18nText, id, uid } = this.asProps;\n\n    return { getI18nText, tagId: id || `igc-${uid}-tag`, uid };\n  }\n\n  handleKeyDown = (e) => {\n    switch (e.key) {\n      case ' ':\n      case 'Enter':\n        this.asProps.onClick?.(e);\n        break;\n    }\n  };\n\n  render() {\n    const STag = Root;\n    const {\n      Children,\n      styles,\n      color,\n      interactive,\n      disabled,\n      addonLeft,\n      addonRight,\n      resolveColor,\n      onClick,\n      id: outerId,\n      uid,\n      onKeyDown,\n    } = this.asProps;\n    const id = outerId || `igc-${uid}-tag`;\n\n    return sstyled(styles)(\n      <STag\n        render={Box}\n        id={id}\n        use:interactive={!disabled && interactive}\n        tabIndex={interactive && onClick ? 0 : undefined}\n        tag-color={resolveColor(color)}\n        onKeyDown={callAllEventHandlers(onKeyDown, this.handleKeyDown)}\n      >\n        {addonLeft ? <Tag.Addon tag={addonLeft} /> : null}\n        {addonTextChildren(Children, Tag.Text, Tag.Addon)}\n        {addonRight ? <Tag.Addon tag={addonRight} /> : null}\n      </STag>,\n    );\n  }\n}\n\nfunction Text(props) {\n  const SText = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Close(props) {\n  const SClose = Root;\n  const { styles, getI18nText, tagId, uid } = props;\n\n  function onKeyDown(event) {\n    if (props.onKeyDown) {\n      return props.onKeyDown(event);\n    }\n\n    if (event.key === 'Enter') {\n      props.onClick?.(event);\n    }\n  }\n\n  return sstyled(styles)(\n    <SClose\n      render={Box}\n      tag={CloseM}\n      interactive\n      id={`igc-${uid}-tag-clear`}\n      aria-labelledby={`igc-${uid}-tag-clear ${tagId}`}\n      aria-label={getI18nText('remove')}\n      onKeyDown={onKeyDown}\n    />,\n  );\n}\n\nfunction Addon(props) {\n  const SAddon = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nfunction Circle(props) {\n  const SCircle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SCircle render={Box} tag='span' />);\n}\n\nconst Tag = createComponent(RootTag, {\n  Text,\n  Addon,\n  Close,\n  Circle,\n});\n\nexport default Tag;\n"],"mappings":"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"}

package/tag/lib/cjs/index.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.js.map

package/tag/lib/cjs/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { IconProps } from '@semcore/icon';\n\nexport type TagSize = 'xl' | 'l' | 'm';\n/** @deprecated */\nexport type TagThemeOld =\n  | 'muted'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'danger'\n  | 'invert'\n  | 'additional';\nexport type TagTheme = 'primary' | 'secondary' | TagThemeOld;\nexport type TagUse = 'primary' | 'secondary';\n\n/** @deprecated */\nexport interface ITagProps extends TagProps, UnknownProperties {}\nexport type TagProps = BoxProps & {\n  /** Value responsible for tag availability\n   */\n  disabled?: boolean;\n  /** Value responsible for tag activity\n   */\n  active?: boolean;\n  /** Interactive tag\n   */\n  interactive?: boolean;\n  /** Tag type\n   * @default secondary\n   * @deprecated v4.0.0\n   * @use ITagProps.theme\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default primary\n   */\n  theme?: TagTheme;\n  /** Tag color text */\n  color?: string;\n  /** Tag size\n   * @default m\n   */\n  size?: TagSize;\n  /** Left addon tag */\n  addonLeft?: React.ElementType;\n  /** Right addon tag */\n  addonRight?: React.ElementType;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface ITagCloseProps extends TagCloseProps, UnknownProperties {}\nexport type TagCloseProps = IconProps & {\n  /** Tag type\n   * @default secondary\n   */\n  use?: TagUse;\n  /** Tag theme, there are several default themes or you can use your color\n   * @default muted\n   */\n  theme?: TagTheme;\n};\n\n/** @deprecated */\nexport interface ITagContext extends TagContext, UnknownProperties {}\nexport type TagContext = TagProps & {\n  getCloseProps?: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITagAddonProps extends TagAddonProps, UnknownProperties {}\nexport type TagAddonProps = BoxProps & {};\n\n/** @deprecated */\nexport interface ITagTextProps extends TagTextProps, UnknownProperties {}\nexport type TagTextProps = BoxProps & {};\n\ndeclare const Tag: Intergalactic.Component<'div', TagProps, TagContext> & {\n  Text: Intergalactic.Component<'div', TagTextProps>;\n  Addon: Intergalactic.Component<'div', TagAddonProps>;\n  Close: Intergalactic.Component<'div', TagCloseProps>;\n  Circle: Intergalactic.Component<'div', TagAddonProps>;\n};\n\nexport default Tag;\n"],"mappings":""}

package/tag/lib/cjs/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Tag["default"];
+  }
+});
+var _Tag = _interopRequireDefault(require("./Tag"));
+//# sourceMappingURL=index.js.map

package/tag/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Tag","_interopRequireDefault","require"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Tag';\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA"}