@pedidopago/ui 1.13.37 → 1.13.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Radio/components/RadioGroup/utils.js +1 -1
- package/dist/components/TagInput/Examples/index.d.ts +5 -0
- package/dist/components/TagInput/Examples/index.d.ts.map +1 -0
- package/dist/components/TagInput/Examples/index.js +2 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/index.d.ts +5 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/index.d.ts.map +1 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/index.js +4 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/styles.d.ts +8 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/styles.d.ts.map +1 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/styles.js +1 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/types.d.ts +5 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/types.d.ts.map +1 -0
- package/dist/components/TagInput/components/tag-input-suggestion-item/types.js +1 -0
- package/dist/components/TagInput/hooks/use-tag-input/index.d.ts +40 -0
- package/dist/components/TagInput/hooks/use-tag-input/index.d.ts.map +1 -0
- package/dist/components/TagInput/hooks/use-tag-input/index.js +5 -0
- package/dist/components/TagInput/hooks/use-tag-input/utils.d.ts +5 -0
- package/dist/components/TagInput/hooks/use-tag-input/utils.d.ts.map +1 -0
- package/dist/components/TagInput/hooks/use-tag-input/utils.js +3 -0
- package/dist/components/TagInput/index.d.ts +3 -0
- package/dist/components/TagInput/index.d.ts.map +1 -0
- package/dist/components/TagInput/index.js +6 -0
- package/dist/components/TagInput/styles.d.ts +60 -0
- package/dist/components/TagInput/styles.d.ts.map +1 -0
- package/dist/components/TagInput/styles.js +3 -0
- package/dist/components/TagInput/types.d.ts +26 -0
- package/dist/components/TagInput/types.d.ts.map +1 -0
- package/dist/components/TagInput/types.js +1 -0
- package/dist/components/TagV2/components/TagIcon/index.d.ts +3 -0
- package/dist/components/TagV2/components/TagIcon/index.d.ts.map +1 -0
- package/dist/components/TagV2/components/TagIcon/index.js +6 -0
- package/dist/components/TagV2/components/TagIcon/styles.d.ts +6 -0
- package/dist/components/TagV2/components/TagIcon/styles.d.ts.map +1 -0
- package/dist/components/TagV2/components/TagIcon/styles.js +2 -0
- package/dist/components/TagV2/components/TagIcon/types.d.ts +9 -0
- package/dist/components/TagV2/components/TagIcon/types.d.ts.map +1 -0
- package/dist/components/TagV2/components/TagIcon/types.js +1 -0
- package/dist/components/TagV2/index.d.ts +3 -0
- package/dist/components/TagV2/index.d.ts.map +1 -0
- package/dist/components/TagV2/index.js +1 -0
- package/dist/components/TagV2/root.d.ts +3 -0
- package/dist/components/TagV2/root.d.ts.map +1 -0
- package/dist/components/TagV2/root.js +5 -0
- package/dist/components/TagV2/styles.d.ts +6 -0
- package/dist/components/TagV2/styles.d.ts.map +1 -0
- package/dist/components/TagV2/styles.js +2 -0
- package/dist/components/TagV2/types.d.ts +8 -0
- package/dist/components/TagV2/types.d.ts.map +1 -0
- package/dist/components/TagV2/types.js +1 -0
- package/dist/components/TooltipV2/components/TooltipContent/index.d.ts +7 -0
- package/dist/components/TooltipV2/components/TooltipContent/index.d.ts.map +1 -0
- package/dist/components/TooltipV2/components/TooltipContent/index.js +2 -0
- package/dist/components/TooltipV2/components/TooltipTrigger/index.d.ts +4 -0
- package/dist/components/TooltipV2/components/TooltipTrigger/index.d.ts.map +1 -0
- package/dist/components/TooltipV2/components/TooltipTrigger/index.js +2 -0
- package/dist/components/TooltipV2/index.d.ts +6 -0
- package/dist/components/TooltipV2/index.d.ts.map +1 -0
- package/dist/components/TooltipV2/index.js +1 -0
- package/dist/components/TooltipV2/root.d.ts +4 -0
- package/dist/components/TooltipV2/root.d.ts.map +1 -0
- package/dist/components/TooltipV2/root.js +7 -0
- package/dist/components/TooltipV2/styles.d.ts +7 -0
- package/dist/components/TooltipV2/styles.d.ts.map +1 -0
- package/dist/components/TooltipV2/styles.js +3 -0
- package/dist/components/TooltipV2/types.d.ts +24 -0
- package/dist/components/TooltipV2/types.d.ts.map +1 -0
- package/dist/components/TooltipV2/types.js +1 -0
- package/dist/components/TooltipV2/utils/color.d.ts +3 -0
- package/dist/components/TooltipV2/utils/color.d.ts.map +1 -0
- package/dist/components/TooltipV2/utils/color.js +1 -0
- package/dist/components/TooltipV2/utils/hooks/useTooltip.d.ts +23 -0
- package/dist/components/TooltipV2/utils/hooks/useTooltip.d.ts.map +1 -0
- package/dist/components/TooltipV2/utils/hooks/useTooltip.js +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/utils/invertColor.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.recursivelyMapChildren=recursivelyMapChildren;var _react=require("react"),_=_interopRequireDefault(require("../.."));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function recursivelyMapChildren(_ref){var children=_ref.children,name=_ref.name,value=_ref.value,handleChange=_ref.handleChange,disabled=_ref.disabled;return _react.Children.map(children,function(child){if(/*#__PURE__*/(0,_react.isValidElement)(child)){if(child.type===_.default){var radioProps=_objectSpread(_objectSpread({},child.props),{},{name:name,checked:child.props.value===value,onChange:handleChange,disabled:disabled});return/*#__PURE__*/(0,_react.cloneElement)(child,radioProps)}if(child.props.children){// If the child has nested children, recursively search for Radio components:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.recursivelyMapChildren=recursivelyMapChildren;var _react=require("react"),_=_interopRequireDefault(require("../.."));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function recursivelyMapChildren(_ref){var children=_ref.children,name=_ref.name,value=_ref.value,handleChange=_ref.handleChange,disabled=_ref.disabled;return _react.Children.map(children,function(child){if(/*#__PURE__*/(0,_react.isValidElement)(child)){if(child.type===_.default){var _child$props,radioProps=_objectSpread(_objectSpread({},child.props),{},{name:name,checked:child.props.value===value,onChange:handleChange,disabled:disabled||(null===(_child$props=child.props)||void 0===_child$props?void 0:_child$props.disabled)});return/*#__PURE__*/(0,_react.cloneElement)(child,radioProps)}if(child.props.children){// If the child has nested children, recursively search for Radio components:
|
|
2
2
|
var updatedChild=/*#__PURE__*/(0,_react.cloneElement)(child,{children:recursivelyMapChildren({children:child.props.children,name:name,value:value,handleChange:handleChange,disabled:disabled})});return updatedChild}}return child})}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare function WithCustomTrigger(): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function WithCustomTags(): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare function WithOptions(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare function WithDefaultTags(): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TagInput/Examples/index.tsx"],"names":[],"mappings":"AAMA,wBAAgB,iBAAiB,4CAuBhC;AAED,wBAAgB,cAAc,4CAiB7B;AAED,wBAAgB,WAAW,4CAa1B;AAED,wBAAgB,eAAe,4CAU9B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.WithCustomTags=WithCustomTags,exports.WithCustomTrigger=WithCustomTrigger,exports.WithDefaultTags=WithDefaultTags,exports.WithOptions=WithOptions;var _2=require(".."),_Flex=_interopRequireDefault(require("../../../components/Flex")),_Typography=_interopRequireDefault(require("../../../components/Typography")),_Tag=_interopRequireDefault(require("../../../components/Tag")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Components
|
|
2
|
+
function WithCustomTrigger(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Custom triggers"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Tags separated by space",trigger:"Space"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Tags separated by comma",trigger:"Comma"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Tags separated by 'batata' suffix",trigger:function trigger(value){return value.endsWith("batata")}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Tags separated by 'ArrowDown' key",trigger:function trigger(_,event){return"ArrowDown"===event.code}})]})}function WithCustomTags(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Custom tags"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Custom tag with icon",renderTag:function renderTag(tag){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Tag.default,{label:tag,fillColor:"#22E0A1"})}}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Custom tag with typography",renderTag:function renderTag(tag){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"secondary.default",children:tag})}})]})}function WithOptions(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Tags with options"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{label:"Tags with options",options:["React","Angular","Vue","Svelte","Ember"]})]})}function WithDefaultTags(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2.5rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:"neutral.neutral3",fontSize:"lg",fontWeight:"600",children:"Default tags"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_2.TagInput,{disabled:!0,label:"Default tags",defaultValue:["React","Angular","Vue"]})]})}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TagInputSuggestionItem: import("react").ForwardRefExoticComponent<Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "value"> & {
|
|
3
|
+
selected?: boolean | undefined;
|
|
4
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagInput/components/tag-input-suggestion-item/index.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,sBAAsB;;qDAYlC,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagInputSuggestionItem=void 0;var _react=require("react"),_classnames=_interopRequireDefault(require("classnames")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}// Libs
|
|
2
|
+
// Styles
|
|
3
|
+
// Types
|
|
4
|
+
var TagInputSuggestionItem=/*#__PURE__*/(0,_react.forwardRef)(function(props,ref){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputTagSuggestionItemContainer,_objectSpread(_objectSpread({ref:ref},props),{},{className:(0,_classnames.default)(props.className,{selected:props.selected})}))});exports.TagInputSuggestionItem=TagInputSuggestionItem,TagInputSuggestionItem.displayName="TagInputSuggestionItem";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const InputTagSuggestionItemContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
} & {
|
|
6
|
+
hoverColor?: string | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
8
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagInput/components/tag-input-suggestion-item/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,+BAA+B;;;;;qHA8B3C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.InputTagSuggestionItemContainer=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var InputTagSuggestionItemContainer=_styled.default.button(function(_ref){var theme=_ref.theme,hoverColor=_ref.hoverColor;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n outline: none;\n padding: 1rem 2rem;\n text-align: left;\n font-weight: ",";\n font-size: ",";\n color: ",";\n transition: all ease 0.2s;\n cursor: pointer;\n background: none;\n border: none;\n font-family: inherit;\n min-height: auto;\n\n &.selected {\n background: ","50;\n\n &:hover {\n filter: brightness(0.9);\n }\n }\n\n &:hover {\n background: "," !important;\n }\n "])),theme.fontWeight[500],theme.fontSizes.xs,theme.colors.neutral.neutral5,theme.colors.neutral.neutral2,hoverColor||theme.colors.neutral.neutral1)});exports.InputTagSuggestionItemContainer=InputTagSuggestionItemContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagInput/components/tag-input-suggestion-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAE7C,MAAM,MAAM,2BAA2B,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC,GAAG;IACjG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { KeyboardEvent } from 'react';
|
|
2
|
+
import { TagInputProps } from '../../types';
|
|
3
|
+
export declare function useTagInput({ value, defaultValue, options, onFocusShowOptions, trigger, inputProps, onChange, onRemove, ...props }: TagInputProps): {
|
|
4
|
+
defaultTestId: string;
|
|
5
|
+
hasInputContent: boolean;
|
|
6
|
+
selectedTags: string[];
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
context: {
|
|
9
|
+
x: number;
|
|
10
|
+
y: number;
|
|
11
|
+
placement: import("@floating-ui/utils").Placement;
|
|
12
|
+
strategy: import("@floating-ui/utils").Strategy;
|
|
13
|
+
middlewareData: import("@floating-ui/core").MiddlewareData;
|
|
14
|
+
isPositioned: boolean;
|
|
15
|
+
update: () => void;
|
|
16
|
+
floatingStyles: import("react").CSSProperties;
|
|
17
|
+
open: boolean;
|
|
18
|
+
onOpenChange: (open: boolean, event?: Event | undefined) => void;
|
|
19
|
+
events: import("@floating-ui/react").FloatingEvents;
|
|
20
|
+
dataRef: import("react").MutableRefObject<import("@floating-ui/react").ContextData>;
|
|
21
|
+
nodeId: string | undefined;
|
|
22
|
+
floatingId: string;
|
|
23
|
+
refs: import("@floating-ui/react").ExtendedRefs<HTMLInputElement>;
|
|
24
|
+
elements: import("@floating-ui/react").ExtendedElements<HTMLInputElement>;
|
|
25
|
+
};
|
|
26
|
+
filteredOptions: string[] | undefined;
|
|
27
|
+
activeIndex: number | null;
|
|
28
|
+
inputProps: {
|
|
29
|
+
onKeyUp: (event: KeyboardEvent) => void;
|
|
30
|
+
onKeyDown: (event: KeyboardEvent) => void;
|
|
31
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
32
|
+
onFocus: () => void;
|
|
33
|
+
value: string;
|
|
34
|
+
};
|
|
35
|
+
getReferenceProps: Record<string, unknown>;
|
|
36
|
+
getFloatingProps: Record<string, unknown>;
|
|
37
|
+
getItemProps: (tag: string, index: number) => Record<string, unknown>;
|
|
38
|
+
handleRemoveTag: (tag: string) => void;
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagInput/hooks/use-tag-input/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAA+B,MAAM,OAAO,CAAC;AAoBnE,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,YAAY,EACZ,OAAO,EACP,kBAAkB,EAClB,OAAiB,EACjB,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;yBAuIe,aAAa;2BAbX,aAAa;0BA1Bd,MAAM,WAAW,CAAC,gBAAgB,CAAC;;;;;;wBAyF3C,MAAM,SAAS,MAAM;2BAhGb,MAAM;EA6GrC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTagInput=useTagInput;var _react=require("react"),_react2=require("@floating-ui/react"),_theme=require("../../../../shared/theme"),_utils=require("./utils"),_excluded=["value","defaultValue","options","onFocusShowOptions","trigger","inputProps","onChange","onRemove"];// Libs
|
|
2
|
+
// Hooks
|
|
3
|
+
// Utils
|
|
4
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}// Types
|
|
5
|
+
function useTagInput(_ref){function handleSelectOptionOnTab(){if(isOpen&&null!==activeIndex){var suggestedTag=null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions[activeIndex];if(!suggestedTag)return;setIsOpen(!1),setInputValue(suggestedTag)}}function handleDeleteTagOnBackspace(){var lastTag=selectedTags[selectedTags.length-1];lastTag&&handleRemoveTag(lastTag)}function handleSelectTag(tag){var uniqueTags=new Set([].concat(_toConsumableArray(selectedTags),[tag])),newTags=Array.from(uniqueTags);setSelectedTags(newTags),setInputValue(""),setActiveIndex(null),setIsOpen(!1),null===onChange||void 0===onChange?void 0:onChange(newTags)}function handleRemoveTag(tag){var filteredTags=selectedTags.filter(function(t){return t!==tag});setSelectedTags(filteredTags),null===onRemove||void 0===onRemove?void 0:onRemove(tag),null===onChange||void 0===onChange?void 0:onChange(filteredTags)}var value=_ref.value,defaultValue=_ref.defaultValue,options=_ref.options,onFocusShowOptions=_ref.onFocusShowOptions,_ref$trigger=_ref.trigger,trigger=void 0===_ref$trigger?"Enter":_ref$trigger,inputProps=_ref.inputProps,onChange=_ref.onChange,onRemove=_ref.onRemove,props=_objectWithoutProperties(_ref,_excluded),_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme,defaultTestId=(null===props||void 0===props?void 0:props["data-testid"])||(0,_utils.getDefaultTestId)(null===inputProps||void 0===inputProps?void 0:inputProps.name),listRef=(0,_react.useRef)([]),_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react.useState)(""),_useState4=_slicedToArray(_useState3,2),inputValue=_useState4[0],setInputValue=_useState4[1],_useState5=(0,_react.useState)(null),_useState6=_slicedToArray(_useState5,2),activeIndex=_useState6[0],setActiveIndex=_useState6[1],_useState7=(0,_react.useState)([]),_useState8=_slicedToArray(_useState7,2),selectedTags=_useState8[0],setSelectedTags=_useState8[1],_useFloating=(0,_react2.useFloating)({whileElementsMounted:_react2.autoUpdate,open:isOpen,middleware:[(0,_react2.offset)({mainAxis:10}),(0,_react2.flip)({padding:10}),(0,_react2.size)({apply:function apply(_ref2){var rects=_ref2.rects,elements=_ref2.elements;Object.assign(elements.floating.style,{width:"".concat(rects.reference.width,"px"),maxHeight:"35%"})},padding:10})],onOpenChange:function onOpenChange(open){open||setActiveIndex(null),setIsOpen(open)}}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,context=_useFloating.context,role=(0,_react2.useRole)(context,{role:"listbox"}),dismiss=(0,_react2.useDismiss)(context),listNav=(0,_react2.useListNavigation)(context,{listRef:listRef,activeIndex:activeIndex,onNavigate:setActiveIndex,virtual:!0,loop:!0}),_useInteractions=(0,_react2.useInteractions)([role,dismiss,listNav]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,_getItemProps=_useInteractions.getItemProps,hasInputContent=!!(null!==props&&void 0!==props&&props.placeholder)||!!inputValue,filteredOptions=(0,_utils.filterOptions)(inputValue,options,selectedTags);return(0,_react.useEffect)(function(){value&&setSelectedTags(value)},[value]),(0,_react.useEffect)(function(){defaultValue&&setSelectedTags(defaultValue)},[]),{defaultTestId:defaultTestId,hasInputContent:hasInputContent,selectedTags:selectedTags,isOpen:isOpen,context:context,filteredOptions:filteredOptions,activeIndex:activeIndex,inputProps:{onKeyUp:function(event){event.preventDefault();var formattedValue=(0,_utils.formatInputValue)(inputValue,trigger),triggerTag="function"==typeof trigger?trigger(formattedValue,event):event.code===trigger;triggerTag&&!!formattedValue&&handleSelectTag(formattedValue)},onKeyDown:function(event){event.stopPropagation(),"Tab"===event.code&&(event.preventDefault(),handleSelectOptionOnTab()),"Backspace"===event.code&&""===inputValue&&handleDeleteTagOnBackspace()},onChange:function(event){var _inputProps$onChange,value=event.currentTarget.value;null===inputProps||void 0===inputProps||null===(_inputProps$onChange=inputProps.onChange)||void 0===_inputProps$onChange?void 0:_inputProps$onChange.call(inputProps,event),setInputValue(value);var filteredOptions=(0,_utils.filterOptions)(value,options,selectedTags),shouldOpenOptions=!!filteredOptions&&0<(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.length);setIsOpen(shouldOpenOptions),shouldOpenOptions&&value&&setActiveIndex(0)},onFocus:function(){var shouldOpenOptions=onFocusShowOptions&&!!filteredOptions&&0<(null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.length);shouldOpenOptions&&setIsOpen(!0)},value:inputValue},getReferenceProps:getReferenceProps({ref:refs.setReference,"aria-autocomplete":"list"}),getFloatingProps:getFloatingProps({ref:refs.setFloating,style:_objectSpread(_objectSpread({},floatingStyles),{},{zIndex:theme.zIndex.level48})}),getItemProps:function getItemProps(tag,index){return _getItemProps({key:tag,ref:function ref(node){listRef.current[index]=node},onClick:function onClick(){var _refs$domReference$cu;handleSelectTag(tag),null===(_refs$domReference$cu=refs.domReference.current)||void 0===_refs$domReference$cu?void 0:_refs$domReference$cu.focus()}})},handleRemoveTag:handleRemoveTag}}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TagInputTrigger } from '../../types';
|
|
2
|
+
export declare function formatInputValue(value: string, trigger: TagInputTrigger): string;
|
|
3
|
+
export declare function filterOptions(value: string, options?: string[], tags?: string[]): string[] | undefined;
|
|
4
|
+
export declare function getDefaultTestId(name?: string): string;
|
|
5
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagInput/hooks/use-tag-input/utils.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,eAAe,UASvE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,EAAE,MAAM,EAAE,wBAO/E;AAED,wBAAgB,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,UAE7C"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";var _formatters=require("../../../../utils/formatters");Object.defineProperty(exports,"__esModule",{value:!0}),exports.filterOptions=filterOptions,exports.formatInputValue=formatInputValue,exports.getDefaultTestId=getDefaultTestId;// Utils
|
|
2
|
+
// Types
|
|
3
|
+
function formatInputValue(value,trigger){var trimmedValue=value.trim();return"Comma"===trigger?trimmedValue.replace(/,/g,""):trimmedValue}function filterOptions(value,options,tags){return null===options||void 0===options?void 0:options.filter(function(tag){var tagLower=tag.toLowerCase(),inputValueLower=value.toLowerCase();return tagLower.includes(inputValueLower)&&!(null!==tags&&void 0!==tags&&tags.includes(tag))})}function getDefaultTestId(name){return name?"input-".concat((0,_formatters.convertToKebabCase)(name||"")):"default-input"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CA+F5C"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagInput=TagInput;var _react=require("@floating-ui/react"),_tagInputSuggestionItem=require("./components/tag-input-suggestion-item"),_Button=_interopRequireDefault(require("../Button")),_Icon=_interopRequireDefault(require("../Icon")),_styles=require("./styles"),_useTagInput2=require("./hooks/use-tag-input"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Styles
|
|
4
|
+
// Hooks
|
|
5
|
+
// Types
|
|
6
|
+
function TagInput(props){var _props$inputProps,_props$inputProps2,alert=props.alert,disabled=props.disabled,label=props.label,placeholder=props.placeholder,helperText=props.helperText,renderTag=props.renderTag,_useTagInput=(0,_useTagInput2.useTagInput)(props),defaultTestId=_useTagInput.defaultTestId,hasInputContent=_useTagInput.hasInputContent,inputProps=_useTagInput.inputProps,selectedTags=_useTagInput.selectedTags,isOpen=_useTagInput.isOpen,context=_useTagInput.context,filteredOptions=_useTagInput.filteredOptions,activeIndex=_useTagInput.activeIndex,getFloatingProps=_useTagInput.getFloatingProps,getReferenceProps=_useTagInput.getReferenceProps,getItemProps=_useTagInput.getItemProps,handleRemoveTag=_useTagInput.handleRemoveTag;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,_objectSpread(_objectSpread({hasValueOnInput:hasInputContent||!!(null!==selectedTags&&void 0!==selectedTags&&selectedTags.length),alert:alert,hasDisabled:disabled,className:null===props||void 0===props||null===(_props$inputProps=props.inputProps)||void 0===_props$inputProps?void 0:_props$inputProps.className,style:null===props||void 0===props||null===(_props$inputProps2=props.inputProps)||void 0===_props$inputProps2?void 0:_props$inputProps2.style},getReferenceProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputColumn,{className:"input-tag-grid",children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{className:"input-tag-label",hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{className:"input-tag-fieldset","aria-hidden":!0,hasDisabled:disabled,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[null===selectedTags||void 0===selectedTags?void 0:selectedTags.map(function(tag,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{className:"input-tag-button",variant:"ghost",onClick:function onClick(){return handleRemoveTag(tag)},disabled:disabled,children:(null===renderTag||void 0===renderTag?void 0:renderTag(tag))||/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputTag,{className:"input-tag",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("span",{className:"input-tag-text",children:tag}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",size:14})]})},"".concat(tag,"-").concat(index))}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input","aria-label":label,disabled:disabled,alert:alert,"data-testid":defaultTestId,placeholder:placeholder},null===props||void 0===props?void 0:props.inputProps),inputProps))]})]})}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,"data-testid":"".concat(defaultTestId,"-input-helpertext"),children:helperText}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingPortal,{children:isOpen&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.FloatingFocusManager,{context:context,initialFocus:-1,visuallyHiddenDismiss:!0,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.FloatingContainer,_objectSpread(_objectSpread({},getFloatingProps),{},{children:null===filteredOptions||void 0===filteredOptions?void 0:filteredOptions.map(function(tag,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_tagInputSuggestionItem.TagInputSuggestionItem,_objectSpread(_objectSpread({selected:activeIndex===index},getItemProps(tag,index)),{},{children:tag}),tag)})}))})})]}))}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagInputComponentProps } from './types';
|
|
3
|
+
import { GenericStyledProps } from '../../@types';
|
|
4
|
+
export declare const InputGroupElement: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
7
|
+
} & TagInputComponentProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const InputColumn: import("@emotion/styled").StyledComponent<{
|
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
|
+
export declare const InputContent: import("@emotion/styled").StyledComponent<{
|
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
|
+
export declare const InputContentRow: import("@emotion/styled").StyledComponent<{
|
|
17
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
19
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
20
|
+
export declare const InputIcon: import("@emotion/styled").StyledComponent<{
|
|
21
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
22
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
23
|
+
} & GenericStyledProps & {
|
|
24
|
+
clickable?: boolean | undefined;
|
|
25
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
26
|
+
export declare const Input: import("@emotion/styled").StyledComponent<{
|
|
27
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
28
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
29
|
+
} & Omit<TagInputComponentProps, "hasValueOnInput">, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
|
|
30
|
+
export declare const InputLabel: import("@emotion/styled").StyledComponent<{
|
|
31
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
32
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
33
|
+
} & {
|
|
34
|
+
hasDisabled?: boolean | undefined;
|
|
35
|
+
}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
|
|
36
|
+
export declare const Fieldset: import("@emotion/styled").StyledComponent<{
|
|
37
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
39
|
+
} & Omit<TagInputComponentProps, "hasValueOnInput">, import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {}>;
|
|
40
|
+
export declare const Legend: import("@emotion/styled").StyledComponent<{
|
|
41
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
42
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
43
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {}>;
|
|
44
|
+
export declare const LegendText: import("@emotion/styled").StyledComponent<{
|
|
45
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
46
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
47
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
48
|
+
export declare const HelperText: import("@emotion/styled").StyledComponent<{
|
|
49
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
50
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
51
|
+
} & Omit<TagInputComponentProps, "hasValueOnInput">, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
52
|
+
export declare const InputTag: import("@emotion/styled").StyledComponent<{
|
|
53
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
54
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
55
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
56
|
+
export declare const FloatingContainer: import("@emotion/styled").StyledComponent<{
|
|
57
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
58
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
59
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
60
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,iBAAiB;;;kIA6D7B,CAAC;AAEF,eAAO,MAAM,WAAW;;;yGAQvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAKxB,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGA0B3B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;yGAUrB,CAAC;AAEF,eAAO,MAAM,KAAK;;;oKA8BjB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;kHAkBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;6KAmCpB,CAAC;AAEF,eAAO,MAAM,MAAM;;;+GAQlB,CAAC;AAEF,eAAO,MAAM,UAAU;;;2GAItB,CAAC;AAEF,eAAO,MAAM,UAAU;;;6JAQtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;yGA4BpB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;yGAuB7B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.LegendText=exports.Legend=exports.InputTag=exports.InputLabel=exports.InputIcon=exports.InputGroupElement=exports.InputContentRow=exports.InputContent=exports.InputColumn=exports.Input=exports.HelperText=exports.FloatingContainer=exports.Fieldset=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_styled=_interopRequireDefault(require("@emotion/styled"));// Libs
|
|
2
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}// Types
|
|
3
|
+
var InputGroupElement=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n width: 100%;\n border-radius: ",";\n font-weight: ",";\n transition: all 0.2s ease-in-out;\n\n &:hover {\n .input-tag-label {\n color: ",";\n }\n\n .input-tag-fieldset {\n border-color: ",";\n }\n }\n\n &:focus-within {\n border-radius: 2px solid ",";\n\n .input-tag-label {\n transform: translate(19px, -11px) scale(0.8);\n\n background-color: ",";\n\n height: 20px;\n color: ",";\n }\n\n .input-tag-grid {\n box-shadow: 0 0 0 2px\n ",";\n }\n\n .input-tag-fieldset {\n border-width: 2px;\n border-color: ",";\n }\n }\n\n .input-tag-label {\n transform: ",";\n height: ",";\n background: ",";\n }\n"])),function(props){return props.theme.borderRadius.default},function(props){return props.theme.fontWeight[400]},function(_ref){var theme=_ref.theme,hasDisabled=_ref.hasDisabled;return!hasDisabled&&theme.colors.neutral.neutral5},function(_ref2){var theme=_ref2.theme,alert=_ref2.alert,hasDisabled=_ref2.hasDisabled;return alert&&!hasDisabled?theme.colors[alert].default+"66":hasDisabled?"none":theme.colors.primary.hover},function(props){return props.theme.colors.primary.disabled},function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.white},function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral5},function(props){return props.alert?"".concat(props.theme.colors[props.alert].blurred,"33"):props.theme.colors.primary.disabled},function(props){return!props.alert&&props.theme.colors.primary.hover},function(_ref5){var hasValueOnInput=_ref5.hasValueOnInput;return hasValueOnInput?"translate(19px, -11px) scale(0.8) !important":"translate(20px, calc(100% - 10px))"},function(_ref6){var hasValueOnInput=_ref6.hasValueOnInput;return hasValueOnInput?"20px":"unset"},function(_ref7){var hasValueOnInput=_ref7.hasValueOnInput,theme=_ref7.theme;return hasValueOnInput?theme.colors.neutral.white:"transparent"});exports.InputGroupElement=InputGroupElement;var InputColumn=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n position: relative;\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n align-items: center;\n border-radius: ",";\n width: 100%;\n min-height: 56px;\n"])),function(props){return props.theme.borderRadius.default});exports.InputColumn=InputColumn;var InputContent=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n grid-column: 1 / end;\n height: 100%;\n"])));exports.InputContent=InputContent;var InputContentRow=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n display: inline-flex;\n position: relative;\n align-items: center;\n flex-wrap: wrap;\n\n gap: 0.25rem;\n\n padding: 0 20px;\n\n width: 100%;\n height: 100%;\n\n .input-tag-button {\n padding: 0;\n color: unset;\n font-weight: unset;\n\n &:disabled .input-tag {\n background-color: ",";\n }\n }\n\n &:has(.input-tag-button) {\n padding-block: 1rem;\n }\n"])),function(_ref8){var theme=_ref8.theme;return theme.colors.neutral.neutral2});exports.InputContentRow=InputContentRow;var InputIcon=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: relative;\n z-index: ",";\n display: flex;\n margin: auto;\n padding: 0 20px;\n align-items: center;\n justify-content: center;\n cursor: ",";\n color: ",";\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.clickable?"pointer":"default"},function(props){return props.theme.colors.neutral.neutral5});exports.InputIcon=InputIcon;var Input=_styled.default.input(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n width: 100%;\n min-width: 8rem;\n\n flex: 1;\n border: none;\n color: ",";\n &:disabled {\n color: ",";\n }\n\n &::placeholder {\n color: ",";\n }\n\n font-family: inherit;\n outline: none;\n font-size: ",";\n background-color: transparent;\n position: relative;\n font-weight: 500;\n\n &:-webkit-autofill {\n height: calc(100% - 4px);\n margin-right: 2px;\n border-top-right-radius: 0.35rem;\n border-bottom-right-radius: 0.35rem;\n -webkit-box-shadow: 0 0 0 100px "," inset;\n -webkit-text-fill-color: ",";\n }\n"])),function(props){return props.theme.colors.neutral.black},function(_ref9){var theme=_ref9.theme;return theme.colors.neutral.neutral5},function(_ref10){var theme=_ref10.theme;return theme.colors.neutral.neutral5},function(props){return props.theme.fontSizes.xs},function(_ref11){var theme=_ref11.theme;return theme.colorByTheme("#f8faf9","#465953")},function(_ref12){var theme=_ref12.theme;return theme.colors.neutral.black});exports.Input=Input;var InputLabel=_styled.default.label(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n top: 0;\n left: 0;\n height: auto;\n padding: 0 6px;\n position: absolute;\n z-index: ",";\n pointer-events: none;\n color: ",";\n background-color: transparent;\n transform-origin: left;\n transition: all ease 0.2s;\n font-weight: 500;\n\n white-space: nowrap;\n max-width: 85%;\n overflow: hidden;\n text-overflow: ellipsis;\n"])),function(props){return props.theme.zIndex.level1},function(props){return props.theme.colors.neutral.neutral3});exports.InputLabel=InputLabel;var Fieldset=_styled.default.fieldset(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n margin: 0;\n top: 0;\n pointer-events: none;\n padding: 0 17px;\n overflow: hidden;\n\n background-color: ",";\n\n border-radius: ",";\n border: 2px solid\n ",";\n border-left: auto;\n\n transition: all 0.2s ease;\n"])),function(_ref13){var alert=_ref13.alert,theme=_ref13.theme,hasDisabled=_ref13.hasDisabled;return alert&&!hasDisabled?"".concat(theme.colors[alert].blurred,"33"):hasDisabled?theme.colors.neutral.neutral1:"transparent"},function(props){return props.theme.borderRadius.default},function(_ref14){var theme=_ref14.theme,hasDisabled=_ref14.hasDisabled,alert=_ref14.alert;return alert&&!hasDisabled?theme.colors[alert].default:theme.colors.neutral.neutral2});exports.Fieldset=Fieldset;var Legend=_styled.default.legend(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n padding: 0;\n width: auto;\n max-width: 0.01px;\n font-size: 14px;\n height: 0px;\n visibility: hidden;\n transition: all 0.1s;\n"])));exports.Legend=Legend;var LegendText=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n padding: 0 2px;\n display: inline-block;\n visibility: hidden;\n"])));exports.LegendText=LegendText;var HelperText=_styled.default.span(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n font-size: ",";\n\n color: ",";\n padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelperText=HelperText;var InputTag=_styled.default.div(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.25rem;\n\n background-color: ",";\n color: ",";\n\n border-radius: 360px;\n padding: 4px 8px;\n height: 24px;\n\n cursor: pointer;\n\n .input-tag-text {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n line-height: 24px;\n\n font-weight: 500;\n font-size: ",";\n color: ",";\n\n max-width: 150px;\n }\n"])),function(_ref15){var theme=_ref15.theme;return theme.colors.neutral.neutral1},function(_ref16){var theme=_ref16.theme;return theme.colors.neutral.neutral6},function(_ref17){var theme=_ref17.theme;return theme.fontSizes.xxs},function(_ref18){var theme=_ref18.theme;return theme.colors.neutral.neutral6});exports.InputTag=InputTag;var FloatingContainer=_styled.default.div(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n background: ",";\n border: 2px solid ",";\n border-radius: ",";\n color: ",";\n overflow-y: auto;\n\n z-index: ",";\n\n transition: opacity ease ",";\n\n &::-webkit-scrollbar {\n width: 6px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: ",";\n background: ",";\n }\n"])),function(_ref19){var theme=_ref19.theme;return theme.colors.neutral.white},function(_ref20){var theme=_ref20.theme;return theme.colors.neutral.neutral1},function(_ref21){var theme=_ref21.theme;return theme.borderRadius.default},function(_ref22){var theme=_ref22.theme;return theme.colors.neutral.neutral5},function(_ref23){var theme=_ref23.theme;return theme.zIndex.level12},function(_ref24){var theme=_ref24.theme;return theme.transition.speed},function(_ref25){var theme=_ref25.theme;return theme.borderRadius.default},function(_ref26){var theme=_ref26.theme;return theme.colors.primary.default});exports.FloatingContainer=FloatingContainer;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { InputHTMLAttributes, KeyboardEvent, ReactNode } from 'react';
|
|
2
|
+
export type TagInputAlertTypes = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
|
|
3
|
+
export type TagInputTrigger = 'Enter' | 'Space' | 'Comma' | ((value: string, e: KeyboardEvent) => boolean);
|
|
4
|
+
export type TagInputProps = {
|
|
5
|
+
label?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
helperText?: string;
|
|
9
|
+
defaultValue?: string[];
|
|
10
|
+
options?: string[];
|
|
11
|
+
alert?: TagInputAlertTypes;
|
|
12
|
+
'data-testid'?: string;
|
|
13
|
+
onFocusShowOptions?: boolean;
|
|
14
|
+
trigger?: TagInputTrigger;
|
|
15
|
+
value?: string[];
|
|
16
|
+
renderTag?: (tag: string) => ReactNode;
|
|
17
|
+
onChange?: (tag: string[]) => void;
|
|
18
|
+
onRemove?: (tag: string) => void;
|
|
19
|
+
inputProps?: InputHTMLAttributes<HTMLInputElement>;
|
|
20
|
+
};
|
|
21
|
+
export type TagInputComponentProps = {
|
|
22
|
+
alert?: TagInputAlertTypes;
|
|
23
|
+
hasValueOnInput: boolean;
|
|
24
|
+
hasDisabled?: boolean;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TagInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,MAAM,MAAM,eAAe,GACvB,OAAO,GACP,OAAO,GACP,OAAO,GACP,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,aAAa,KAAK,OAAO,CAAC,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,SAAS,CAAC;IACvC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACpD,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagV2/components/TagIcon/index.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,YAAY,2CAUtD"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagIcon=TagIcon;var _Icon=_interopRequireDefault(require("../../../Icon")),_useTheme2=require("../../../../shared/theme/hooks/useTheme"),_getColorValue=require("../../../../utils/getColorValue"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["name"];/* eslint-disable no-console */ // Components
|
|
2
|
+
// Hooks
|
|
3
|
+
// Utils
|
|
4
|
+
// Styles
|
|
5
|
+
// Types
|
|
6
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function TagIcon(_ref){var name=_ref.name,rest=_objectWithoutProperties(_ref,_excluded),_useTheme=(0,_useTheme2.useTheme)(),theme=_useTheme.theme,color=(0,_getColorValue.getColorValue)(rest.color||"neutral.neutral6",theme);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.IconWrapper,_objectSpread(_objectSpread({className:"tag-icon"},rest),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:name,color:color})}))}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagV2/components/TagIcon/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,WAAW;;;qHAgBvB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconWrapper=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled"));// Libs
|
|
2
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var IconWrapper=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: transform 0.1s ease-in-out;\n\n :disabled {\n cursor: default;\n }\n\n &:not(:disabled):hover {\n transform: scale(1.05);\n }\n"])));exports.IconWrapper=IconWrapper;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes } from 'react';
|
|
2
|
+
import { IconName } from '../../../Icon/types';
|
|
3
|
+
import { GlobalColorsProps } from '../../../../shared/theme';
|
|
4
|
+
export type TagIconProps = ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
5
|
+
color?: GlobalColorsProps;
|
|
6
|
+
name: IconName;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TagV2/components/TagIcon/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,MAAM,MAAM,YAAY,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACnE,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagV2/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,sBAAsB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _root=require("./root");var _TagIcon=require("./components/TagIcon");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_root).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_root[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _root[key]}})});Object.keys(_TagIcon).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_TagIcon[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _TagIcon[key]}})});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/components/TagV2/root.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAW,EAAE,GAAG,IAAI,EAAE,EAAE,UAAU,2CAmBnE"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagV2=TagV2;var _useTheme2=require("../../shared/theme/hooks/useTheme"),_getColorValue=require("../../utils/getColorValue"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","size"];// Hooks
|
|
2
|
+
// Utils
|
|
3
|
+
// Styles
|
|
4
|
+
// Types
|
|
5
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function TagV2(_ref){var children=_ref.children,_ref$size=_ref.size,size=void 0===_ref$size?"md":_ref$size,rest=_objectWithoutProperties(_ref,_excluded),_useTheme=(0,_useTheme2.useTheme)(),theme=_useTheme.theme,color=(0,_getColorValue.getColorValue)(rest.color||"neutral.neutral6",theme),backgroundColor=(0,_getColorValue.getColorValue)(rest.backgroundColor||"neutral.neutral2",theme);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.TagContainer,_objectSpread(_objectSpread({className:"tag-container ".concat(size)},rest),{},{style:_objectSpread({color:color,backgroundColor:backgroundColor},rest.style),children:children}))}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const TagContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TagV2/styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY;;;yGAoCvB,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TagContainer=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled")),_react=require("@emotion/react");// Libs
|
|
2
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var TagContainer=_styled.default.div(function(_ref){var theme=_ref.theme;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 0.25rem;\n border-radius: ",";\n font-weight: ",";\n width: fit-content;\n\n &.sm {\n padding: 0.25rem;\n font-size: ",";\n\n .tag-icon {\n width: 16px;\n }\n }\n\n &.md {\n padding: 0.25rem 0.5rem;\n font-size: ",";\n\n .tag-icon {\n width: 16px;\n }\n }\n\n &.lg {\n padding: 0.375rem 0.5rem;\n font-size: ",";\n\n .tag-icon {\n width: 18px;\n }\n }\n "])),theme.borderRadius.default,theme.fontWeight[500],theme.fontSizes.xxxs,theme.fontSizes.xxs,theme.fontSizes.xs)});exports.TagContainer=TagContainer;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { GlobalColorsProps } from '../../shared/theme';
|
|
3
|
+
export type TagV2Props = Omit<HTMLAttributes<HTMLDivElement>, 'color'> & {
|
|
4
|
+
size?: 'sm' | 'md' | 'lg';
|
|
5
|
+
color?: GlobalColorsProps;
|
|
6
|
+
backgroundColor?: GlobalColorsProps;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TagV2/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,UAAU,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,GAAG;IACvE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,eAAe,CAAC,EAAE,iBAAiB,CAAC;CACrC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface TooltipContentProps {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
declare const TooltipContent: ({ children }: TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default TooltipContent;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TooltipV2/components/TooltipContent/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,cAAc,iBAAkB,mBAAmB,4CAExD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _jsxRuntime=require("react/jsx-runtime"),TooltipContent=function(_ref){var children=_ref.children;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:children})},_default=TooltipContent;// Libs
|
|
2
|
+
exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TooltipV2/components/TooltipTrigger/index.tsx"],"names":[],"mappings":";AAGA,QAAA,MAAM,cAAc,6GAMlB,CAAC;AAIH,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];// Libs
|
|
2
|
+
function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TooltipTrigger=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({ref:ref},props),{},{children:children}))});TooltipTrigger.displayName="TooltipTrigger";var _default=TooltipTrigger;exports.default=_default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipV2/index.tsx"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,cAAc,MAAM,6BAA6B,CAAC;AACzD,OAAO,SAAS,MAAM,QAAQ,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC;AAErD,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"TooltipContent",{enumerable:!0,get:function get(){return _TooltipContent.default}}),Object.defineProperty(exports,"TooltipTrigger",{enumerable:!0,get:function get(){return _TooltipTrigger.default}}),Object.defineProperty(exports,"TooltipV2",{enumerable:!0,get:function get(){return _root.default}});var _TooltipContent=_interopRequireDefault(require("./components/TooltipContent")),_TooltipTrigger=_interopRequireDefault(require("./components/TooltipTrigger")),_root=_interopRequireDefault(require("./root"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipV2/root.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,SAAS,kFAQZ,YAAY,4CAyEd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_theme=require("src/shared/theme"),_TooltipTrigger=_interopRequireDefault(require("./components/TooltipTrigger")),_TooltipContent=_interopRequireDefault(require("./components/TooltipContent")),_useTooltip2=require("./utils/hooks/useTooltip"),_color=require("./utils/color"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children","position","animationDuration","maxWidth","bgColor","color"];// Libs
|
|
2
|
+
// Hooks
|
|
3
|
+
// Components
|
|
4
|
+
// Utils/Hooks
|
|
5
|
+
// Styles
|
|
6
|
+
// Types
|
|
7
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var TooltipV2=function(_ref){function enhanceChild(child,triggerProps){return/*#__PURE__*/(0,_react.cloneElement)(child,_objectSpread({onClick:function onClick(event){setIsOpen(!isOpen),child.props.onClick&&child.props.onClick(event)},ref:refs.setReference,onMouseEnter:function onMouseEnter(event){handleTriggerEnter(),child.props.onMouseEnter&&child.props.onMouseEnter(event)},onPointerLeave:function onPointerLeave(event){handleTriggerLeave(),child.props.onPointerLeave&&child.props.onPointerLeave(event)}},triggerProps))}var children=_ref.children,_ref$position=_ref.position,position=void 0===_ref$position?"top":_ref$position,_ref$animationDuratio=_ref.animationDuration,animationDuration=void 0===_ref$animationDuratio?200:_ref$animationDuratio,_ref$maxWidth=_ref.maxWidth,maxWidth=void 0===_ref$maxWidth?"260px":_ref$maxWidth,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"":_ref$bgColor,_ref$color=_ref.color,color=void 0===_ref$color?"":_ref$color,props=_objectWithoutProperties(_ref,_excluded),_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme,parsedBgColor=(0,_color.parseColor)(bgColor,theme,theme.colors.neutral.neutral6),parsedColor=(0,_color.parseColor)(color,theme,theme.colors.neutral.white),_useTooltip=(0,_useTooltip2.useTooltip)(position,animationDuration),isOpen=_useTooltip.isOpen,setIsOpen=_useTooltip.setIsOpen,refs=_useTooltip.refs,floatingStyles=_useTooltip.floatingStyles,getReferenceProps=_useTooltip.getReferenceProps,getFloatingProps=_useTooltip.getFloatingProps,transitionStyles=_useTooltip.transitionStyles,handleTriggerEnter=_useTooltip.handleTriggerEnter,handleTriggerLeave=_useTooltip.handleTriggerLeave,handleContentEnter=_useTooltip.handleContentEnter,handleContentLeave=_useTooltip.handleContentLeave;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:function(){return _react.Children.map(children,function(child){return/*#__PURE__*/(0,_react.isValidElement)(child)?child.type===_TooltipTrigger.default?enhanceChild(child,getReferenceProps()):child.type===_TooltipContent.default&&isOpen?/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({ref:refs.setFloating,style:_objectSpread(_objectSpread({},floatingStyles),{},{zIndex:1e3}),onMouseEnter:handleContentEnter,onMouseLeave:handleContentLeave},getFloatingProps()),{},{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Container,_objectSpread(_objectSpread({style:_objectSpread(_objectSpread({},transitionStyles),{},{maxWidth:maxWidth},props.style),bgColor:parsedBgColor,color:parsedColor},props),{},{children:child.props.children}))})):void 0:null})}()})},_default=TooltipV2;exports.default=_default;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ContainerProps } from './types';
|
|
3
|
+
export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
6
|
+
} & ContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipV2/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,SAAS;;;0HASpB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Container=void 0;var _templateObject,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));// Libs
|
|
2
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}// Types
|
|
3
|
+
var Container=_styled.default.div(function(_ref){var theme=_ref.theme,bgColor=_ref.bgColor,color=_ref.color;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border-radius: ",";\n background-color: ",";\n color: ",";\n padding: 12px;\n font-size: ",";\n font-weight: ",";\n "])),theme.borderRadius.default,bgColor,color,theme.fontSizes.xxs,theme.fontWeight[400])});exports.Container=Container;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Placement } from '@floating-ui/react';
|
|
2
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
3
|
+
import { GlobalColorsProps } from 'src/shared/theme';
|
|
4
|
+
type TooltipColor = GlobalColorsProps | (string & {});
|
|
5
|
+
export type TooltipProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
position?: Placement;
|
|
8
|
+
animationDuration?: number;
|
|
9
|
+
maxWidth?: string | number;
|
|
10
|
+
bgColor?: TooltipColor;
|
|
11
|
+
color?: TooltipColor;
|
|
12
|
+
};
|
|
13
|
+
export type ContainerProps = {
|
|
14
|
+
bgColor?: TooltipColor;
|
|
15
|
+
color?: TooltipColor;
|
|
16
|
+
};
|
|
17
|
+
export type TooltipTriggerProps = HTMLAttributes<HTMLElement> & {
|
|
18
|
+
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
19
|
+
onMouseEnter?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
20
|
+
onMouseLeave?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
21
|
+
ref?: React.Ref<HTMLElement>;
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/TooltipV2/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,KAAK,YAAY,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEtD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,WAAW,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;CAC9B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/components/TooltipV2/utils/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGpD,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,OAGtF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _getColorValue=require("src/utils/getColorValue");Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseColor=parseColor;function parseColor(color,theme,defaultColor){var parsedColor=(0,_getColorValue.getColorValue)(color,theme,defaultColor);return parsedColor.includes(".")?(0,_getColorValue.getThemeHex)(parsedColor,theme):parsedColor}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Placement } from '@floating-ui/react';
|
|
3
|
+
export declare const useTooltip: (position: Placement, animationDuration: number) => {
|
|
4
|
+
isOpen: boolean;
|
|
5
|
+
setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
6
|
+
isHoveringContent: boolean;
|
|
7
|
+
arrowRef: import("react").RefObject<HTMLDivElement>;
|
|
8
|
+
refs: {
|
|
9
|
+
reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
|
|
10
|
+
floating: import("react").MutableRefObject<HTMLElement | null>;
|
|
11
|
+
setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
|
|
12
|
+
setFloating: (node: HTMLElement | null) => void;
|
|
13
|
+
} & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
14
|
+
floatingStyles: import("react").CSSProperties;
|
|
15
|
+
getReferenceProps: (userProps?: import("react").HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
16
|
+
getFloatingProps: (userProps?: import("react").HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
17
|
+
transitionStyles: import("react").CSSProperties;
|
|
18
|
+
handleTriggerEnter: () => void;
|
|
19
|
+
handleTriggerLeave: () => void;
|
|
20
|
+
handleContentEnter: () => void;
|
|
21
|
+
handleContentLeave: () => void;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=useTooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../../../src/components/TooltipV2/utils/hooks/useTooltip.ts"],"names":[],"mappings":";AACA,OAAO,EAaL,SAAS,EACV,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,UAAU,aAAc,SAAS,qBAAqB,MAAM;;;;;;;;;;;;;;;;;;;CA2ExE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTooltip=void 0;var _react=require("react"),_react2=require("@floating-ui/react");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}var useTooltip=function(position,animationDuration){var _useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isHoveringContent=_useState4[0],setIsHoveringContent=_useState4[1],arrowRef=(0,_react.useRef)(null),closeTimer=(0,_react.useRef)(null),_useFloating=(0,_react2.useFloating)({open:isOpen,onOpenChange:setIsOpen,placement:position,middleware:[(0,_react2.offset)(12),(0,_react2.flip)(),(0,_react2.shift)(),(0,_react2.inline)(),(0,_react2.arrow)({element:arrowRef})],whileElementsMounted:_react2.autoUpdate}),refs=_useFloating.refs,floatingStyles=_useFloating.floatingStyles,context=_useFloating.context,focus=(0,_react2.useFocus)(context),dismiss=(0,_react2.useDismiss)(context),role=(0,_react2.useRole)(context,{role:"tooltip"}),_useInteractions=(0,_react2.useInteractions)([focus,dismiss,role]),getReferenceProps=_useInteractions.getReferenceProps,getFloatingProps=_useInteractions.getFloatingProps,_useTransitionStyles=(0,_react2.useTransitionStyles)(context,{initial:{opacity:0,transform:"scale(0.8)"},duration:{open:animationDuration,close:animationDuration}}),transitionStyles=_useTransitionStyles.styles;return{isOpen:isOpen,setIsOpen:setIsOpen,isHoveringContent:isHoveringContent,arrowRef:arrowRef,refs:refs,floatingStyles:floatingStyles,getReferenceProps:getReferenceProps,getFloatingProps:getFloatingProps,transitionStyles:transitionStyles,handleTriggerEnter:function handleTriggerEnter(){closeTimer.current&&clearTimeout(closeTimer.current),setIsOpen(!0)},handleTriggerLeave:function handleTriggerLeave(){closeTimer.current=setTimeout(function(){isHoveringContent||setIsOpen(!1)},200)},handleContentEnter:function handleContentEnter(){closeTimer.current&&clearTimeout(closeTimer.current),setIsHoveringContent(!0)},handleContentLeave:function handleContentLeave(){setIsHoveringContent(!1),closeTimer.current=setTimeout(function(){setIsOpen(!1)},200)}}};exports.useTooltip=useTooltip;
|
package/dist/index.d.ts
CHANGED
|
@@ -44,6 +44,7 @@ export * from './components/PdfPreview';
|
|
|
44
44
|
export * from './components/NewDropzone';
|
|
45
45
|
export * from './components/NewTable';
|
|
46
46
|
export * from './components/Responsive';
|
|
47
|
+
export * from './components/TagV2';
|
|
47
48
|
export { default as Input } from './components/Input';
|
|
48
49
|
export { DateInput } from './components/DateInput';
|
|
49
50
|
export { TimeInput } from './components/TimeInput';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,Combobox:!0,Popover:!0,PopoverContent:!0,PopoverTrigger:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _Carousel=require("./components/Carousel");var _ForwardedModal=require("./components/ForwardedModal");var _IllustrationCard=require("./components/IllustrationCard");var _PdfPreview=require("./components/PdfPreview");var _NewDropzone=require("./components/NewDropzone");var _NewTable=require("./components/NewTable");var _Responsive=require("./components/Responsive");var _colorCheck=require("./utils/colorCheck");var _getColorByScheme=require("./utils/getColorByScheme");var _formatNumber=require("./shared/formatters/format-number");var _findDifferentKeys=require("./utils/findDifferentKeys");var _extendTheme=require("./shared/theme/utils/extendTheme");var _generics=require("./shared/types/generics");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function get(){return _Combobox.Combobox}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Popover",{enumerable:!0,get:function get(){return _Popover.Popover}}),Object.defineProperty(exports,"PopoverContent",{enumerable:!0,get:function get(){return _Popover.PopoverContent}}),Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:function get(){return _Popover.PopoverTrigger}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});Object.keys(_Carousel).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Carousel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Carousel[key]}})});Object.keys(_ForwardedModal).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_ForwardedModal[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ForwardedModal[key]}})});Object.keys(_IllustrationCard).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_IllustrationCard[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _IllustrationCard[key]}})});Object.keys(_PdfPreview).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_PdfPreview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _PdfPreview[key]}})});Object.keys(_NewDropzone).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_NewDropzone[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _NewDropzone[key]}})});Object.keys(_NewTable).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_NewTable[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _NewTable[key]}})});Object.keys(_Responsive).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Responsive[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Responsive[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_Combobox=require("./components/Combobox"),_Popover=require("./components/Popover"),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});Object.keys(_getColorByScheme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorByScheme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorByScheme[key]}})});Object.keys(_formatNumber).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatNumber[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatNumber[key]}})});Object.keys(_findDifferentKeys).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_findDifferentKeys[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _findDifferentKeys[key]}})});Object.keys(_extendTheme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_extendTheme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _extendTheme[key]}})});Object.keys(_generics).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_generics[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _generics[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
1
|
+
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,Combobox:!0,Popover:!0,PopoverContent:!0,PopoverTrigger:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _Carousel=require("./components/Carousel");var _ForwardedModal=require("./components/ForwardedModal");var _IllustrationCard=require("./components/IllustrationCard");var _PdfPreview=require("./components/PdfPreview");var _NewDropzone=require("./components/NewDropzone");var _NewTable=require("./components/NewTable");var _Responsive=require("./components/Responsive");var _TagV=require("./components/TagV2");var _colorCheck=require("./utils/colorCheck");var _getColorByScheme=require("./utils/getColorByScheme");var _formatNumber=require("./shared/formatters/format-number");var _findDifferentKeys=require("./utils/findDifferentKeys");var _extendTheme=require("./shared/theme/utils/extendTheme");var _generics=require("./shared/types/generics");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"Combobox",{enumerable:!0,get:function get(){return _Combobox.Combobox}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Popover",{enumerable:!0,get:function get(){return _Popover.Popover}}),Object.defineProperty(exports,"PopoverContent",{enumerable:!0,get:function get(){return _Popover.PopoverContent}}),Object.defineProperty(exports,"PopoverTrigger",{enumerable:!0,get:function get(){return _Popover.PopoverTrigger}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});Object.keys(_Carousel).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Carousel[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Carousel[key]}})});Object.keys(_ForwardedModal).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_ForwardedModal[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _ForwardedModal[key]}})});Object.keys(_IllustrationCard).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_IllustrationCard[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _IllustrationCard[key]}})});Object.keys(_PdfPreview).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_PdfPreview[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _PdfPreview[key]}})});Object.keys(_NewDropzone).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_NewDropzone[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _NewDropzone[key]}})});Object.keys(_NewTable).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_NewTable[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _NewTable[key]}})});Object.keys(_Responsive).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Responsive[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Responsive[key]}})});Object.keys(_TagV).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_TagV[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _TagV[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_Combobox=require("./components/Combobox"),_Popover=require("./components/Popover"),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});Object.keys(_getColorByScheme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorByScheme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorByScheme[key]}})});Object.keys(_formatNumber).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatNumber[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatNumber[key]}})});Object.keys(_findDifferentKeys).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_findDifferentKeys[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _findDifferentKeys[key]}})});Object.keys(_extendTheme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_extendTheme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _extendTheme[key]}})});Object.keys(_generics).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_generics[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _generics[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"invertColor.d.ts","sourceRoot":"","sources":["../../src/utils/invertColor.
|
|
1
|
+
{"version":3,"file":"invertColor.d.ts","sourceRoot":"","sources":["../../src/utils/invertColor.ts"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,eAAO,MAAM,WAAW,QAAS,MAAM,MAAM,OAAO,WAuBnD,CAAC"}
|