@tecsinapse/react-web-kit 1.8.0 → 1.10.2

package/CHANGELOG.md

@@ -3,6 +3,70 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.10.2](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.10.1...@tecsinapse/react-web-kit@1.10.2) (2021-10-08)
+
+
+### Bug Fixes
+
+* all elements selected when applying search ([3ca5293](https://github.com/tecsinapse/design-system/commit/3ca5293fb6623fe87d3e92d7032040804946737b))
+
+
+
+
+
+## [1.10.1](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.10.0...@tecsinapse/react-web-kit@1.10.1) (2021-10-08)
+
+
+### Bug Fixes
+
+* individual selection not working after select all elements ([ea0f64a](https://github.com/tecsinapse/design-system/commit/ea0f64ab940fb7e5797682b55e8f4f8d696c1961))
+* individual selection not working after select all elements ([b82641f](https://github.com/tecsinapse/design-system/commit/b82641f57c9fae4abf523ba07aef4bd06210b1ae))
+* **select:** check for value changes for select all ([37146c1](https://github.com/tecsinapse/design-system/commit/37146c1d449229292bdabe0138570e812c247ddd))
+
+
+
+
+
+# [1.10.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.9.0...@tecsinapse/react-web-kit@1.10.0) (2021-10-01)
+
+
+### Bug Fixes
+
+* **data grid:** hide footer on no data ([dc4eb41](https://github.com/tecsinapse/design-system/commit/dc4eb41689addd41c12c5d22e3c528b3f9f169de))
+* button interface build ([d919620](https://github.com/tecsinapse/design-system/commit/d9196201d158745bd895ded084252cf4fe425265))
+* Rename mask interface to avoid mismatch ([589ce1e](https://github.com/tecsinapse/design-system/commit/589ce1e3a63dff4334b48f218d3918dfb2837026))
+
+
+### Features
+
+* **tooltip:** add tooltip ([3b581fa](https://github.com/tecsinapse/design-system/commit/3b581fa3a611afaf07107a51ac908bef288a51a4))
+
+
+
+
+
+# [1.9.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.8.0...@tecsinapse/react-web-kit@1.9.0) (2021-09-29)
+
+
+### Bug Fixes
+
+* **select/web:** searchbar on single mode ([aad7801](https://github.com/tecsinapse/design-system/commit/aad780124899ba8d87e36ece54ee5aff6b5c92f9))
+* calendar starts on sunday ([d49ef09](https://github.com/tecsinapse/design-system/commit/d49ef09a2af208be888730524495e363a195b091))
+
+
+### Features
+
+* change select anchor on datagrid ([f3b11d9](https://github.com/tecsinapse/design-system/commit/f3b11d9731e1bf0ddea13c92c2247501c6120255))
+
+
+### Performance Improvements
+
+* select memo options ([740e8ef](https://github.com/tecsinapse/design-system/commit/740e8eff397e8b5ac7a423b6e76579b42ac6c4b4))
+
+
+
+
+
 # [1.8.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-web-kit@1.7.8...@tecsinapse/react-web-kit@1.8.0) (2021-09-28)
 
 

package/dist/components/atoms/Button/Button.d.ts

@@ -1,8 +1,8 @@
 import { ButtonProps } from '@tecsinapse/react-core';
 import { FC } from 'react';
-export interface WebButtonProps extends ButtonProps {
+export declare type WebButtonProps = ButtonProps & {
     onMouseOver?: () => void;
     onMouseOut?: () => void;
-}
-declare const Button: FC<ButtonProps>;
+};
+declare const Button: FC<WebButtonProps>;
 export default Button;

package/dist/components/atoms/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","children","disabled","frozen","state","rest","_frozen","mouseOver","handleMouseOut","handleMouseOver"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,MAAuB,GAAG,CAAC;AAC/BC,EAAAA,QAD+B;AAE/BC,EAAAA,QAF+B;AAG/BC,EAAAA,MAH+B;AAI/BC,EAAAA,KAJ+B;AAK/B,KAAGC;AAL4B,CAAD,KAMb;AACjB,QAAMC,OAAO,GAAGH,MAAM,IAAIC,KAAK,KAAK,SAApC;;AACA,QAAM;AAAEG,IAAAA,SAAF;AAAaC,IAAAA,cAAb;AAA6BC,IAAAA;AAA7B,MAAiD,kCACrD,CAACP,QAAD,IAAa,CAACI,OADuC,CAAvD;AAIA,SACE,6BAAC,uBAAD,eACMD,IADN;AAEE,IAAA,QAAQ,EAAEH,QAFZ;AAGE,IAAA,MAAM,EAAEI,OAHV;AAIE,IAAA,KAAK,EAAEF,KAJT;AAKE,IAAA,WAAW,EAAEK,eALf;AAME,IAAA,UAAU,EAAED,cANd;AAOE,IAAA,SAAS,EAAED;AAPb,MASGN,QATH,CADF;AAaD,CAzBD;;eA2BeD,M","sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport interface WebButtonProps extends ButtonProps {\n  onMouseOver?: () => void;\n  onMouseOut?: () => void;\n}\n\nconst Button: FC<ButtonProps> = ({\n  children,\n  disabled,\n  frozen,\n  state,\n  ...rest\n}): JSX.Element => {\n  const _frozen = frozen || state === 'loading';\n  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n    !disabled && !_frozen\n  );\n\n  return (\n    <StyledWebButton\n      {...rest}\n      disabled={disabled}\n      frozen={_frozen}\n      state={state}\n      onMouseOver={handleMouseOver}\n      onMouseOut={handleMouseOut}\n      mouseOver={mouseOver}\n    >\n      {children}\n    </StyledWebButton>\n  );\n};\n\nexport default Button;\n"],"file":"Button.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":["Button","children","disabled","frozen","state","rest","_frozen","mouseOver","handleMouseOut","handleMouseOver"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;AAWA,MAAMA,MAA0B,GAAG,CAAC;AAClCC,EAAAA,QADkC;AAElCC,EAAAA,QAFkC;AAGlCC,EAAAA,MAHkC;AAIlCC,EAAAA,KAJkC;AAKlC,KAAGC;AAL+B,CAAD,KAMhB;AACjB,QAAMC,OAAO,GAAGH,MAAM,IAAIC,KAAK,KAAK,SAApC;;AACA,QAAM;AAAEG,IAAAA,SAAF;AAAaC,IAAAA,cAAb;AAA6BC,IAAAA;AAA7B,MAAiD,kCACrD,CAACP,QAAD,IAAa,CAACI,OADuC,CAAvD;AAIA,SACE,6BAAC,uBAAD,eACMD,IADN;AAEE,IAAA,QAAQ,EAAEH,QAFZ;AAGE,IAAA,MAAM,EAAEI,OAHV;AAIE,IAAA,KAAK,EAAEF,KAJT;AAKE,IAAA,WAAW,EAAEK,eALf;AAME,IAAA,UAAU,EAAED,cANd;AAOE,IAAA,SAAS,EAAED;AAPb,MASGN,QATH,CADF;AAaD,CAzBD;;eA2BeD,M","sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport type WebButtonProps = ButtonProps & {\n  onMouseOver?: () => void;\n  onMouseOut?: () => void;\n};\n\nconst Button: FC<WebButtonProps> = ({\n  children,\n  disabled,\n  frozen,\n  state,\n  ...rest\n}): JSX.Element => {\n  const _frozen = frozen || state === 'loading';\n  const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n    !disabled && !_frozen\n  );\n\n  return (\n    <StyledWebButton\n      {...rest}\n      disabled={disabled}\n      frozen={_frozen}\n      state={state}\n      onMouseOver={handleMouseOver}\n      onMouseOut={handleMouseOut}\n      mouseOver={mouseOver}\n    >\n      {children}\n    </StyledWebButton>\n  );\n};\n\nexport default Button;\n"],"file":"Button.js"}

package/dist/components/atoms/Input/Input.js

@@ -17,7 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const Input = ({
+const Input = _react.default.forwardRef(({
   label,
   labelColor,
   labelColorVariant,
@@ -38,7 +38,7 @@ const Input = ({
   onFocus,
   onBlur,
   ...rest
-}) => {
+}, ref) => {
   const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
     text: hint,
     variant: variant
@@ -68,12 +68,14 @@ const Input = ({
     disabled: disabled,
     variant: variant
   }, _react.default.createElement(_styled.StyledWebTextInput, _extends({}, rest, {
+    ref: ref,
     disabled: disabled,
     onFocus: handleFocus,
     onBlur: handleBlur
   }))), hint && _hint);
-};
+});
 
+Input.displayName = 'Input';
 var _default = Input;
 exports.default = _default;
 //# sourceMappingURL=Input.js.map

package/dist/components/atoms/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":["Input","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","rest","_hint","focused","handleBlur","handleFocus"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAMA,MAAMA,KAAwB,GAAG,CAAC;AAChCC,EAAAA,KADgC;AAEhCC,EAAAA,UAFgC;AAGhCC,EAAAA,iBAHgC;AAIhCC,EAAAA,cAJgC;AAKhCC,EAAAA,eALgC;AAMhCC,EAAAA,UANgC;AAOhCC,EAAAA,WAPgC;AAQhCC,EAAAA,aARgC;AAShCC,EAAAA,cATgC;AAUhCC,EAAAA,QAVgC;AAWhCC,EAAAA,KAXgC;AAYhCC,EAAAA,WAZgC;AAahCC,EAAAA,oBAbgC;AAchCC,EAAAA,mBAdgC;AAehCC,EAAAA,OAAO,GAAG,SAfsB;AAgBhCC,EAAAA,aAhBgC;AAiBhCC,EAAAA,IAjBgC;AAkBhCC,EAAAA,OAlBgC;AAmBhCC,EAAAA,MAnBgC;AAoBhC,KAAGC;AApB6B,CAAD,KAqB3B;AACJ,QAAMC,KAAK,GAAGL,aAAa,IAAI,6BAAC,eAAD;AAAM,IAAA,IAAI,EAAEC,IAAZ;AAAkB,IAAA,OAAO,EAAEF;AAA3B,IAA/B;;AACA,QAAM;AAAEO,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CN,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;AAMA,SACE,6BAAC,oBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KACE,6BAAC,yBAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,aAAa,EAAEC,aARjB;AASE,IAAA,cAAc,EAAEC,cATlB;AAUE,IAAA,WAAW,EAAEG,WAVf;AAWE,IAAA,oBAAoB,EAAEC,oBAXxB;AAYE,IAAA,mBAAmB,EAAEC,mBAZvB;AAaE,IAAA,OAAO,EAAEQ,OAbX;AAcE,IAAA,QAAQ,EAAEZ,QAdZ;AAeE,IAAA,OAAO,EAAEK;AAfX,KAiBE,6BAAC,0BAAD,eACMK,IADN;AAEE,IAAA,QAAQ,EAAEV,QAFZ;AAGE,IAAA,OAAO,EAAEc,WAHX;AAIE,IAAA,MAAM,EAAED;AAJV,KAjBF,CADF,EAyBGN,IAAI,IAAII,KAzBX,CADF;AA6BD,CA1DD;;eA4DerB,K","sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport interface InputWebProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {}\n\nconst Input: FC<InputWebProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  ...rest\n}) => {\n  const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <View style={style}>\n      <InputContainer\n        label={label}\n        labelColor={labelColor}\n        labelColorVariant={labelColorVariant}\n        labelColorTone={labelColorTone}\n        labelTypography={labelTypography}\n        labelStack={labelStack}\n        labelWeight={labelWeight}\n        leftComponent={leftComponent}\n        rightComponent={rightComponent}\n        borderColor={borderColor}\n        borderColorGradation={borderColorGradation}\n        inputContainerStyle={inputContainerStyle}\n        focused={focused}\n        disabled={disabled}\n        variant={variant}\n      >\n        <StyledWebTextInput\n          {...rest}\n          disabled={disabled}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n        />\n      </InputContainer>\n      {hint && _hint}\n    </View>\n  );\n};\n\nexport default Input;\n"],"file":"Input.js"}
+{"version":3,"sources":["../../../../src/components/atoms/Input/Input.tsx"],"names":["Input","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","rest","ref","_hint","focused","handleBlur","handleFocus","displayName"],"mappings":";;;;;;;AAAA;;AAOA;;AACA;;AACA;;;;;;AAMA,MAAMA,KAAwB,GAAGC,eAAMC,UAAN,CAC/B,CACE;AACEC,EAAAA,KADF;AAEEC,EAAAA,UAFF;AAGEC,EAAAA,iBAHF;AAIEC,EAAAA,cAJF;AAKEC,EAAAA,eALF;AAMEC,EAAAA,UANF;AAOEC,EAAAA,WAPF;AAQEC,EAAAA,aARF;AASEC,EAAAA,cATF;AAUEC,EAAAA,QAVF;AAWEC,EAAAA,KAXF;AAYEC,EAAAA,WAZF;AAaEC,EAAAA,oBAbF;AAcEC,EAAAA,mBAdF;AAeEC,EAAAA,OAAO,GAAG,SAfZ;AAgBEC,EAAAA,aAhBF;AAiBEC,EAAAA,IAjBF;AAkBEC,EAAAA,OAlBF;AAmBEC,EAAAA,MAnBF;AAoBE,KAAGC;AApBL,CADF,EAuBEC,GAvBF,KAwBK;AACH,QAAMC,KAAK,GAAGN,aAAa,IAAI,6BAAC,eAAD;AAAM,IAAA,IAAI,EAAEC,IAAZ;AAAkB,IAAA,OAAO,EAAEF;AAA3B,IAA/B;;AACA,QAAM;AAAEQ,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CP,OAD2C,EAE3CC,MAF2C,EAG3C,CAACT,QAH0C,CAA7C;AAMA,SACE,6BAAC,oBAAD;AAAM,IAAA,KAAK,EAAEC;AAAb,KACE,6BAAC,yBAAD;AACE,IAAA,KAAK,EAAEV,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,aAAa,EAAEC,aARjB;AASE,IAAA,cAAc,EAAEC,cATlB;AAUE,IAAA,WAAW,EAAEG,WAVf;AAWE,IAAA,oBAAoB,EAAEC,oBAXxB;AAYE,IAAA,mBAAmB,EAAEC,mBAZvB;AAaE,IAAA,OAAO,EAAES,OAbX;AAcE,IAAA,QAAQ,EAAEb,QAdZ;AAeE,IAAA,OAAO,EAAEK;AAfX,KAiBE,6BAAC,0BAAD,eACMK,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,QAAQ,EAAEX,QAHZ;AAIE,IAAA,OAAO,EAAEe,WAJX;AAKE,IAAA,MAAM,EAAED;AALV,KAjBF,CADF,EA0BGP,IAAI,IAAIK,KA1BX,CADF;AA8BD,CA/D8B,CAAjC;;AAkEAxB,KAAK,CAAC4B,WAAN,GAAoB,OAApB;eAEe5B,K","sourcesContent":["import {\n  Hint,\n  InputContainer,\n  InputContainerProps,\n  InputElementProps,\n  useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledWebTextInput } from './styled';\n\nexport interface InputWebProps\n  extends Omit<InputElementProps, 'style'>,\n    InputContainerProps {}\n\nconst Input: FC<InputWebProps> = React.forwardRef(\n  (\n    {\n      label,\n      labelColor,\n      labelColorVariant,\n      labelColorTone,\n      labelTypography,\n      labelStack,\n      labelWeight,\n      leftComponent,\n      rightComponent,\n      disabled,\n      style,\n      borderColor,\n      borderColorGradation,\n      inputContainerStyle,\n      variant = 'default',\n      hintComponent,\n      hint,\n      onFocus,\n      onBlur,\n      ...rest\n    },\n    ref\n  ) => {\n    const _hint = hintComponent || <Hint text={hint} variant={variant} />;\n    const { focused, handleBlur, handleFocus } = useInputFocus(\n      onFocus,\n      onBlur,\n      !disabled\n    );\n\n    return (\n      <View style={style}>\n        <InputContainer\n          label={label}\n          labelColor={labelColor}\n          labelColorVariant={labelColorVariant}\n          labelColorTone={labelColorTone}\n          labelTypography={labelTypography}\n          labelStack={labelStack}\n          labelWeight={labelWeight}\n          leftComponent={leftComponent}\n          rightComponent={rightComponent}\n          borderColor={borderColor}\n          borderColorGradation={borderColorGradation}\n          inputContainerStyle={inputContainerStyle}\n          focused={focused}\n          disabled={disabled}\n          variant={variant}\n        >\n          <StyledWebTextInput\n            {...rest}\n            ref={ref}\n            disabled={disabled}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n          />\n        </InputContainer>\n        {hint && _hint}\n      </View>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"file":"Input.js"}

package/dist/components/atoms/Table/Header/THead.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styled = require("./styled");
 
-var _Tr = _interopRequireDefault(require("../Row/Tr"));
+var _Tr = require("../Row/Tr");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -17,7 +17,7 @@ const THead = ({
   children,
   ...rest
 }) => {
-  return _react.default.createElement(_styled.THeadStyled, rest, children, _react.default.createElement(_Tr.default, null, _react.default.createElement("td", {
+  return _react.default.createElement(_styled.THeadStyled, rest, children, _react.default.createElement(_Tr.Tr, null, _react.default.createElement("td", {
     colSpan: 99
   }, _react.default.createElement(_styled.HeaderBackground, null))));
 };

package/dist/components/atoms/Table/Header/THead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/atoms/Table/Header/THead.tsx"],"names":["THead","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,KAA8D,GAAG,CAAC;AACtEC,EAAAA,QADsE;AAEtE,KAAGC;AAFmE,CAAD,KAGjE;AACJ,SACE,6BAAC,mBAAD,EAAiBA,IAAjB,EACGD,QADH,EAEE,6BAAC,WAAD,QACE;AAAI,IAAA,OAAO,EAAE;AAAb,KACE,6BAAC,wBAAD,OADF,CADF,CAFF,CADF;AAUD,CAdD;;eAgBeD,K","sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport Tr from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <THeadStyled {...rest}>\n      {children}\n      <Tr>\n        <td colSpan={99}>\n          <HeaderBackground />\n        </td>\n      </Tr>\n    </THeadStyled>\n  );\n};\n\nexport default THead;\n"],"file":"THead.js"}
+{"version":3,"sources":["../../../../../src/components/atoms/Table/Header/THead.tsx"],"names":["THead","children","rest"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,KAA8D,GAAG,CAAC;AACtEC,EAAAA,QADsE;AAEtE,KAAGC;AAFmE,CAAD,KAGjE;AACJ,SACE,6BAAC,mBAAD,EAAiBA,IAAjB,EACGD,QADH,EAEE,6BAAC,MAAD,QACE;AAAI,IAAA,OAAO,EAAE;AAAb,KACE,6BAAC,wBAAD,OADF,CADF,CAFF,CADF;AAUD,CAdD;;eAgBeD,K","sourcesContent":["import React from 'react';\nimport { HeaderBackground, THeadStyled } from './styled';\nimport { Tr } from '../Row/Tr';\n\nconst THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({\n  children,\n  ...rest\n}) => {\n  return (\n    <THeadStyled {...rest}>\n      {children}\n      <Tr>\n        <td colSpan={99}>\n          <HeaderBackground />\n        </td>\n      </Tr>\n    </THeadStyled>\n  );\n};\n\nexport default THead;\n"],"file":"THead.js"}

package/dist/components/atoms/Tooltip/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare type ComputedType = {
+    width?: number;
+    height?: number;
+};
+export declare type Position = 'top' | 'bottom' | 'right' | 'left';
+export interface ITooltip {
+    title: string;
+    position?: Position;
+}
+declare const Tooltip: React.FC<ITooltip>;
+export default Tooltip;

package/dist/components/atoms/Tooltip/Tooltip.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactCore = require("@tecsinapse/react-core");
+
+var _styled = require("./styled");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const Tooltip = ({
+  children,
+  title,
+  position = 'bottom'
+}) => {
+  const spanRef = _react.default.useRef();
+
+  const [computed, setComputed] = _react.default.useState(undefined);
+
+  _react.default.useLayoutEffect(() => {
+    var _spanRef$current, _spanRef$current2;
+
+    setComputed({
+      width: (_spanRef$current = spanRef.current) === null || _spanRef$current === void 0 ? void 0 : _spanRef$current.clientWidth,
+      height: (_spanRef$current2 = spanRef.current) === null || _spanRef$current2 === void 0 ? void 0 : _spanRef$current2.clientHeight
+    });
+  }, []);
+
+  return _react.default.createElement(_styled.Container, {
+    position: position
+  }, children, _react.default.createElement(_styled.TooltipSpan, {
+    computed: computed,
+    position: position,
+    ref: ref => spanRef.current = ref
+  }, _react.default.createElement(_reactCore.Text, {
+    fontWeight: "bold",
+    typography: "base",
+    colorVariant: "secondary",
+    colorTone: "xlight"
+  }, title)));
+};
+
+var _default = Tooltip;
+exports.default = _default;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/atoms/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Tooltip/Tooltip.tsx"],"names":["Tooltip","children","title","position","spanRef","React","useRef","computed","setComputed","useState","undefined","useLayoutEffect","width","current","clientWidth","height","clientHeight","ref"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAUA,MAAMA,OAA2B,GAAG,CAAC;AACnCC,EAAAA,QADmC;AAEnCC,EAAAA,KAFmC;AAGnCC,EAAAA,QAAQ,GAAG;AAHwB,CAAD,KAI9B;AACJ,QAAMC,OAAO,GAAGC,eAAMC,MAAN,EAAhB;;AACA,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BH,eAAMI,QAAN,CAC9BC,SAD8B,CAAhC;;AAIAL,iBAAMM,eAAN,CAAsB,MAAM;AAAA;;AAC1BH,IAAAA,WAAW,CAAC;AACVI,MAAAA,KAAK,sBAAER,OAAO,CAACS,OAAV,qDAAE,iBAAiBC,WADd;AAEVC,MAAAA,MAAM,uBAAEX,OAAO,CAACS,OAAV,sDAAE,kBAAiBG;AAFf,KAAD,CAAX;AAID,GALD,EAKG,EALH;;AAOA,SACE,6BAAC,iBAAD;AAAW,IAAA,QAAQ,EAAEb;AAArB,KACGF,QADH,EAEE,6BAAC,mBAAD;AACE,IAAA,QAAQ,EAAEM,QADZ;AAEE,IAAA,QAAQ,EAAEJ,QAFZ;AAGE,IAAA,GAAG,EAAEc,GAAG,IAAKb,OAAO,CAACS,OAAR,GAAkBI;AAHjC,KAKE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,YAAY,EAAC,WAHf;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGf,KANH,CALF,CAFF,CADF;AAmBD,CApCD;;eAsCeF,O","sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { Container, TooltipSpan } from './styled';\n\nexport type ComputedType = { width?: number; height?: number };\nexport type Position = 'top' | 'bottom' | 'right' | 'left';\n\nexport interface ITooltip {\n  title: string;\n  position?: Position;\n}\n\nconst Tooltip: React.FC<ITooltip> = ({\n  children,\n  title,\n  position = 'bottom',\n}) => {\n  const spanRef = React.useRef<HTMLSpanElement | null>();\n  const [computed, setComputed] = React.useState<ComputedType | undefined>(\n    undefined\n  );\n\n  React.useLayoutEffect(() => {\n    setComputed({\n      width: spanRef.current?.clientWidth,\n      height: spanRef.current?.clientHeight,\n    });\n  }, []);\n\n  return (\n    <Container position={position}>\n      {children}\n      <TooltipSpan\n        computed={computed}\n        position={position}\n        ref={ref => (spanRef.current = ref)}\n      >\n        <Text\n          fontWeight=\"bold\"\n          typography=\"base\"\n          colorVariant=\"secondary\"\n          colorTone=\"xlight\"\n        >\n          {title}\n        </Text>\n      </TooltipSpan>\n    </Container>\n  );\n};\n\nexport default Tooltip;\n"],"file":"Tooltip.js"}

package/dist/components/atoms/Tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default as Tooltip, ITooltip } from './Tooltip';

package/dist/components/atoms/Tooltip/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Tooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.default;
+  }
+});
+Object.defineProperty(exports, "ITooltip", {
+  enumerable: true,
+  get: function () {
+    return _Tooltip.ITooltip;
+  }
+});
+
+var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA","sourcesContent":["export { default as Tooltip, ITooltip } from './Tooltip';\n"],"file":"index.js"}

package/dist/components/atoms/Tooltip/styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Position } from './Tooltip';
+export declare const TooltipSpan: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    position?: Position | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/atoms/Tooltip/styled.js

@@ -0,0 +1,140 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = exports.TooltipSpan = void 0;
+
+var _react = require("@emotion/react");
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const bottomOrTopStylesCommon = (width, position) => ['top', 'bottom'].includes(position) && (0, _react.css)`
+    left: 50%;
+    margin-left: -${width / 2}px;
+  `;
+
+const bottomOrTopArrowCommon = position => ['top', 'bottom'].includes(position) && (0, _react.css)`
+    left: 50%;
+    margin-left: -5px;
+  `;
+
+const topStyles = (theme, position) => position === 'top' && (0, _react.css)`
+    bottom: 100%;
+    margin-bottom: ${theme.spacing.centi};
+    transform: translateY(10%);
+  `;
+
+const topArrow = (theme, position) => position === 'top' && (0, _react.css)`
+    top: 100%;
+    border-color: ${theme.color.secondary.xdark} transparent transparent
+      transparent;
+  `;
+
+const bottomStyles = (theme, position) => position === 'bottom' && (0, _react.css)`
+    top: 100%;
+    margin-top: ${theme.spacing.centi};
+    transform: translateY(-10%);
+  `;
+
+const bottomArrow = (theme, position) => position === 'bottom' && (0, _react.css)`
+    bottom: 100%;
+    border-color: transparent transparent ${theme.color.secondary.xdark}
+      transparent;
+  `;
+
+const leftAndRightCommonStyles = (height, position) => ['right', 'left'].includes(position) && (0, _react.css)`
+    top: 50%;
+    margin-top: -${height / 2}px;
+  `;
+
+const leftOrRightArrowCommon = position => ['right', 'left'].includes(position) && (0, _react.css)`
+    top: 50%;
+    margin-top: -5px;
+  `;
+
+const leftStyles = (theme, position) => position === 'left' && (0, _react.css)`
+    right: 100%;
+    margin-right: ${theme.spacing.centi};
+    transform: translateX(10%);
+  `;
+
+const leftArrow = (theme, position) => position === 'left' && (0, _react.css)`
+    left: 100%;
+    border-color: transparent transparent transparent
+      ${theme.color.secondary.xdark};
+  `;
+
+const rightStyles = (theme, position) => position === 'right' && (0, _react.css)`
+    left: 100%;
+    margin-left: ${theme.spacing.centi};
+    transform: translateX(-10%);
+  `;
+
+const rightArrow = (theme, position) => position === 'right' && (0, _react.css)`
+    right: 100%;
+    border-color: transparent ${theme.color.secondary.xdark} transparent
+      transparent;
+  `;
+
+const TooltipSpan = (0, _styled.default)('span')(({
+  theme,
+  computed,
+  position
+}) => {
+  const {
+    width = 0,
+    height = 0
+  } = computed || {};
+  return (0, _react.css)`
+      position: absolute;
+      padding: ${theme.spacing.micro} ${theme.spacing.centi};
+      border-radius: ${theme.borderRadius.mili};
+      opacity: 0;
+      visibility: hidden;
+      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
+      background-color: ${theme.color.secondary.xdark};
+      z-index: ${theme.zIndex.absolute};
+
+      ${bottomOrTopStylesCommon(width, position)}
+      ${bottomStyles(theme, position)}
+      ${topStyles(theme, position)}
+      
+      ${leftAndRightCommonStyles(height, position)}
+      ${leftStyles(theme, position)}
+      ${rightStyles(theme, position)}
+
+      &::after {
+        content: '';
+        position: absolute;
+        border-style: solid;
+        border-width: 5px;
+
+        ${bottomOrTopArrowCommon(position)}
+        ${bottomArrow(theme, position)}
+        ${topArrow(theme, position)}
+        
+        ${leftOrRightArrowCommon(position)}
+        ${leftArrow(theme, position)}
+        ${rightArrow(theme, position)}
+      }
+    `;
+});
+exports.TooltipSpan = TooltipSpan;
+const Container = (0, _styled.default)('div')`
+  position: relative;
+  &:hover {
+    & > span {
+      opacity: 1;
+      visibility: visible;
+
+      transform: ${({
+  position
+}) => position === 'left' || position === 'right' ? 'translateX(0%)' : 'translateY(0%)'};
+    }
+  }
+`;
+exports.Container = Container;
+//# sourceMappingURL=styled.js.map

package/dist/components/atoms/Tooltip/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/Tooltip/styled.ts"],"names":["bottomOrTopStylesCommon","width","position","includes","bottomOrTopArrowCommon","topStyles","theme","spacing","centi","topArrow","color","secondary","xdark","bottomStyles","bottomArrow","leftAndRightCommonStyles","height","leftOrRightArrowCommon","leftStyles","leftArrow","rightStyles","rightArrow","TooltipSpan","computed","micro","borderRadius","mili","zIndex","absolute","Container"],"mappings":"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","sourcesContent":["import { css } from '@emotion/react';\nimport { StyleProps, ThemeProp } from '@tecsinapse/react-core';\nimport styled from '@emotion/styled';\nimport { ComputedType, Position } from './Tooltip';\n\ntype InjectedProps = { computed?: ComputedType; position?: Position };\n\n/** Bottom/Top commons */\nconst bottomOrTopStylesCommon = (width: number, position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -${width / 2}px;\n  `;\n\nconst bottomOrTopArrowCommon = (position?: Position) =>\n  ['top', 'bottom'].includes(position as Position) &&\n  css`\n    left: 50%;\n    margin-left: -5px;\n  `;\n\n/** Top */\nconst topStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    bottom: 100%;\n    margin-bottom: ${theme.spacing.centi};\n    transform: translateY(10%);\n  `;\n\nconst topArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'top' &&\n  css`\n    top: 100%;\n    border-color: ${theme.color.secondary.xdark} transparent transparent\n      transparent;\n  `;\n\n/** Bottom */\nconst bottomStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    top: 100%;\n    margin-top: ${theme.spacing.centi};\n    transform: translateY(-10%);\n  `;\n\nconst bottomArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'bottom' &&\n  css`\n    bottom: 100%;\n    border-color: transparent transparent ${theme.color.secondary.xdark}\n      transparent;\n  `;\n\n/** Bottom/Top commons */\nconst leftAndRightCommonStyles = (height: number, position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -${height / 2}px;\n  `;\n\nconst leftOrRightArrowCommon = (position?: Position) =>\n  ['right', 'left'].includes(position as Position) &&\n  css`\n    top: 50%;\n    margin-top: -5px;\n  `;\n\n/** Left */\nconst leftStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    right: 100%;\n    margin-right: ${theme.spacing.centi};\n    transform: translateX(10%);\n  `;\n\nconst leftArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'left' &&\n  css`\n    left: 100%;\n    border-color: transparent transparent transparent\n      ${theme.color.secondary.xdark};\n  `;\n\n/** Right */\nconst rightStyles = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    left: 100%;\n    margin-left: ${theme.spacing.centi};\n    transform: translateX(-10%);\n  `;\n\nconst rightArrow = (theme: ThemeProp, position?: Position) =>\n  position === 'right' &&\n  css`\n    right: 100%;\n    border-color: transparent ${theme.color.secondary.xdark} transparent\n      transparent;\n  `;\n\nexport const TooltipSpan = styled('span')<Partial<StyleProps> & InjectedProps>(\n  ({ theme, computed, position }) => {\n    const { width = 0, height = 0 } = computed || {};\n    return css`\n      position: absolute;\n      padding: ${theme.spacing.micro} ${theme.spacing.centi};\n      border-radius: ${theme.borderRadius.mili};\n      opacity: 0;\n      visibility: hidden;\n      transition: opacity 0.3s, visibility 0.3s, transform 0.3s;\n      background-color: ${theme.color.secondary.xdark};\n      z-index: ${theme.zIndex.absolute};\n\n      ${bottomOrTopStylesCommon(width, position)}\n      ${bottomStyles(theme, position)}\n      ${topStyles(theme, position)}\n      \n      ${leftAndRightCommonStyles(height, position)}\n      ${leftStyles(theme, position)}\n      ${rightStyles(theme, position)}\n\n      &::after {\n        content: '';\n        position: absolute;\n        border-style: solid;\n        border-width: 5px;\n\n        ${bottomOrTopArrowCommon(position)}\n        ${bottomArrow(theme, position)}\n        ${topArrow(theme, position)}\n        \n        ${leftOrRightArrowCommon(position)}\n        ${leftArrow(theme, position)}\n        ${rightArrow(theme, position)}\n      }\n    `;\n  }\n);\n\nexport const Container = styled('div')<{ position?: Position }>`\n  position: relative;\n  &:hover {\n    & > span {\n      opacity: 1;\n      visibility: visible;\n\n      transform: ${({ position }) =>\n        position === 'left' || position === 'right'\n          ? 'translateX(0%)'\n          : 'translateY(0%)'};\n    }\n  }\n`;\n"],"file":"styled.js"}

package/dist/components/molecules/Drawer/styled.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"names":["anchorLeft","theme","anchorPosition","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC1E,SACEA,cAAc,KAAK,MAAnB,IACA,eAAI;AACR;AACA;AACA,iCAAiCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC1D,oCAAoCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC7D,KAPE;AASD,CAVD;;AAWA,MAAMC,WAAW,GAAG,CAAC;AAAEJ,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC3E,SACEA,cAAc,KAAK,OAAnB,IACA,eAAI;AACR;AACA;AACA,gCAAgCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AACzD,mCAAmCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC5D,KAPE;AASD,CAVD;;AAYA,MAAME,SAAS,GAAG,CAAC;AAAEL,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AACzE,SACEA,cAAc,KAAK,KAAnB,IACA,eAAI;AACR;AACA;AACA;AACA,oCAAoCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC7D,mCAAmCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC5D,KARE;AAUD,CAXD;;AAaA,MAAMG,YAAY,GAAG,CAAC;AAAEN,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC5E,SACEA,cAAc,KAAK,QAAnB,IACA,eAAI;AACR;AACA;AACA;AACA,iCAAiCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC1D,gCAAgCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AACzD,KARE;AAUD,CAXD;;AAaA,MAAMI,UAAU,GAAG,CAAC;AAAEP,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC1E,SAAO,eAAI;AACb,cAAc,CAAC,MAAD,EAAS,OAAT,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAAQ;AACpE,aAAa,CAAC,KAAD,EAAQ,QAAR,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAAQ;AACnE;AACA;AACA,wBAAwBD,KAAK,CAACS,aAAN,CAAoBC,SAAU;AACtD,eAAeV,KAAK,CAACW,MAAN,CAAaC,MAAO;AACnC,GAPE;AAQD,CATD;;AAWO,MAAMC,qBAAqB,GAAG,qBAAO,KAAP,EAGnCC,KAAK,IAAI,eAAI;AACf,MAAMP,UAAU,CAACO,KAAD,CAAQ;AACxB,MAAMR,YAAY,CAACQ,KAAD,CAAQ;AAC1B,MAAMT,SAAS,CAACS,KAAD,CAAQ;AACvB,MAAMf,UAAU,CAACe,KAAD,CAAQ;AACxB,MAAMV,WAAW,CAACU,KAAD,CAAQ;AACzB,GATqC,CAA9B","sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"file":"styled.js"}
+{"version":3,"sources":["../../../../src/components/molecules/Drawer/styled.ts"],"names":["anchorLeft","theme","anchorPosition","borderRadius","centi","anchorRight","anchorTop","anchorBottom","baseStyles","includes","miscellaneous","bodyColor","zIndex","drawer","StyledContainerDrawer","props"],"mappings":";;;;;;;AAAA;;AAGA;;;;AAEA,MAAMA,UAAU,GAAG,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC1E,SACEA,cAAc,KAAK,MAAnB,IACA,eAAI;AACR;AACA;AACA,iCAAiCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC1D,oCAAoCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC7D,KAPE;AASD,CAVD;;AAWA,MAAMC,WAAW,GAAG,CAAC;AAAEJ,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC3E,SACEA,cAAc,KAAK,OAAnB,IACA,eAAI;AACR;AACA;AACA,gCAAgCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AACzD,mCAAmCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC5D,KAPE;AASD,CAVD;;AAYA,MAAME,SAAS,GAAG,CAAC;AAAEL,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AACzE,SACEA,cAAc,KAAK,KAAnB,IACA,eAAI;AACR;AACA;AACA;AACA,oCAAoCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC7D,mCAAmCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC5D,KARE;AAUD,CAXD;;AAaA,MAAMG,YAAY,GAAG,CAAC;AAAEN,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC5E,SACEA,cAAc,KAAK,QAAnB,IACA,eAAI;AACR;AACA;AACA;AACA,iCAAiCD,KAAK,CAACE,YAAN,CAAmBC,KAAM;AAC1D,gCAAgCH,KAAK,CAACE,YAAN,CAAmBC,KAAM;AACzD,KARE;AAUD,CAXD;;AAaA,MAAMI,UAAU,GAAG,CAAC;AAAEP,EAAAA,KAAF;AAASC,EAAAA;AAAT,CAAD,KAAyD;AAC1E,SAAO,eAAI;AACb,cAAc,CAAC,MAAD,EAAS,OAAT,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAAQ;AACpE,aAAa,CAAC,KAAD,EAAQ,QAAR,EAAkBO,QAAlB,CAA2BP,cAA3B,KAA8C,OAAQ;AACnE;AACA;AACA,wBAAwBD,KAAK,CAACS,aAAN,CAAoBC,SAAU;AACtD,eAAeV,KAAK,CAACW,MAAN,CAAaC,MAAO;AACnC,GAPE;AAQD,CATD;;AAWO,MAAMC,qBAAqB,GAAG,qBAAO,KAAP,EAGnCC,KAAK,IAAI,eAAI;AACf,MAAMP,UAAU,CAACO,KAAD,CAAQ;AACxB,MAAMR,YAAY,CAACQ,KAAD,CAAQ;AAC1B,MAAMT,SAAS,CAACS,KAAD,CAAQ;AACvB,MAAMf,UAAU,CAACe,KAAD,CAAQ;AACxB,MAAMV,WAAW,CAACU,KAAD,CAAQ;AACzB,GATqC,CAA9B","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"file":"styled.js"}

package/dist/components/molecules/InputPassword/InputPassword.js

@@ -17,12 +17,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-const InputPassword = ({
+const InputPassword = _react.default.forwardRef(({
   rightComponent,
   ...rest
-}) => {
+}, ref) => {
   const [revealed, setRevealed] = (0, _react.useState)(false);
   return _react.default.createElement(_Input.Input, _extends({}, rest, {
+    ref: ref,
     secureTextEntry: !revealed,
     rightComponent: _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_reactCore.InputPasswordIcon, {
       onChangeState: setRevealed,
@@ -30,8 +31,9 @@ const InputPassword = ({
       effect: "none"
     }), rightComponent)
   }));
-};
+});
 
+InputPassword.displayName = 'InputPassword';
 var _default = InputPassword;
 exports.default = _default;
 //# sourceMappingURL=InputPassword.js.map

package/dist/components/molecules/InputPassword/InputPassword.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"names":["InputPassword","rightComponent","rest","revealed","setRevealed"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAIA,MAAMA,aAAwC,GAAG,CAAC;AAChDC,EAAAA,cADgD;AAEhD,KAAGC;AAF6C,CAAD,KAG3C;AACJ,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,qBAAS,KAAT,CAAhC;AACA,SACE,6BAAC,YAAD,eACMF,IADN;AAEE,IAAA,eAAe,EAAE,CAACC,QAFpB;AAGE,IAAA,cAAc,EACZ,4DACE,6BAAC,4BAAD;AACE,MAAA,aAAa,EAAEC,WADjB;AAEE,MAAA,QAAQ,EAAED,QAFZ;AAGE,MAAA,MAAM,EAAC;AAHT,MADF,EAMGF,cANH;AAJJ,KADF;AAgBD,CArBD;;eAuBeD,a","sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = ({\n  rightComponent,\n  ...rest\n}) => {\n  const [revealed, setRevealed] = useState(false);\n  return (\n    <Input\n      {...rest}\n      secureTextEntry={!revealed}\n      rightComponent={\n        <>\n          <InputPasswordIcon\n            onChangeState={setRevealed}\n            revealed={revealed}\n            effect=\"none\"\n          />\n          {rightComponent}\n        </>\n      }\n    />\n  );\n};\n\nexport default InputPassword;\n"],"file":"InputPassword.js"}
+{"version":3,"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"names":["InputPassword","React","forwardRef","rightComponent","rest","ref","revealed","setRevealed","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAIA,MAAMA,aAAwC,GAAGC,eAAMC,UAAN,CAC/C,CAAC;AAAEC,EAAAA,cAAF;AAAkB,KAAGC;AAArB,CAAD,EAA8BC,GAA9B,KAAsC;AACpC,QAAM,CAACC,QAAD,EAAWC,WAAX,IAA0B,qBAAS,KAAT,CAAhC;AACA,SACE,6BAAC,YAAD,eACMH,IADN;AAEE,IAAA,GAAG,EAAEC,GAFP;AAGE,IAAA,eAAe,EAAE,CAACC,QAHpB;AAIE,IAAA,cAAc,EACZ,4DACE,6BAAC,4BAAD;AACE,MAAA,aAAa,EAAEC,WADjB;AAEE,MAAA,QAAQ,EAAED,QAFZ;AAGE,MAAA,MAAM,EAAC;AAHT,MADF,EAMGH,cANH;AALJ,KADF;AAiBD,CApB8C,CAAjD;;AAuBAH,aAAa,CAACQ,WAAd,GAA4B,eAA5B;eAEeR,a","sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n  ({ rightComponent, ...rest }, ref) => {\n    const [revealed, setRevealed] = useState(false);\n    return (\n      <Input\n        {...rest}\n        ref={ref}\n        secureTextEntry={!revealed}\n        rightComponent={\n          <>\n            <InputPasswordIcon\n              onChangeState={setRevealed}\n              revealed={revealed}\n              effect=\"none\"\n            />\n            {rightComponent}\n          </>\n        }\n      />\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"file":"InputPassword.js"}

package/dist/components/molecules/Menubar/Menubar.js

@@ -51,7 +51,7 @@ const Menubar = ({
   const [open, setOpen] = _react.default.useState(false);
 
   const menuRef = (0, _react.useRef)(null);
-  (0, _hooks.useClickAwayListener)(menuRef, setOpen);
+  (0, _hooks.useClickAwayListener)(menuRef, setOpen, 'mouseup');
 
   const toggleOpen = _react.default.useCallback(() => setOpen(state => !state), [setOpen]);
 

package/dist/components/molecules/Menubar/Menubar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Menubar/Menubar.tsx"],"names":["Menubar","leftComponents","rightComponents","searchPlaceholder","options","mostUsed","mostUsedLabel","searchResultsLabel","searchable","rest","search","setSearch","React","useState","results","setResults","input","setInput","open","setOpen","menuRef","toggleOpen","useCallback","state","useEffect","ref","current","map","result","title","category"],"mappings":"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","sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n  StyledIconInput,\n  StyledMenuBar,\n  StyledMenuButton,\n  StyledContainerOpenMenu,\n  StyledInput,\n  StyledInputContainer,\n  StyledSearchResultsContainer,\n  StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n  getContainerOpenMenuStyles,\n  getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: OptionsType[];\n  leftComponents?: React.ReactNode;\n  rightComponents?: React.ReactNode;\n  /** Limited to first 4 elements */\n  mostUsed?: MostUsedType[];\n  mostUsedLabel?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n  leftComponents,\n  rightComponents,\n  searchPlaceholder = 'O quê você deseja buscar?',\n  options,\n  mostUsed,\n  mostUsedLabel = 'Mais acessados',\n  searchResultsLabel = 'Resultados da busca',\n  searchable = true,\n  ...rest\n}) => {\n  const [search, setSearch] = React.useState<string>('');\n  const [results, setResults] = React.useState<MostUsedType[]>([]);\n  const [input, setInput] = useDebouncedState<string>('', setSearch);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  useClickAwayListener(menuRef, setOpen);\n\n  const toggleOpen = React.useCallback(() => setOpen(state => !state), [\n    setOpen,\n  ]);\n\n  React.useEffect(() => {\n    if (search === '') return;\n    setResults(filterAndTransform(options, search));\n  }, [search]);\n\n  return (\n    <div ref={ref => (menuRef.current = ref)} {...rest}>\n      <StyledMenuBar>\n        <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n          {!open ? (\n            <Icon\n              size=\"deca\"\n              name=\"menu\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          ) : (\n            <Icon\n              size=\"deca\"\n              name=\"close\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          )}\n        </StyledMenuButton>\n        {leftComponents}\n        <Transition in={open} timeout={250}>\n          {state => (\n            <StyledInputContainer style={getInputContainerStyles(state)}>\n              {searchable && (\n                <StyledInput\n                  placeholder={searchPlaceholder}\n                  leftComponent={\n                    <StyledIconInput>\n                      <Icon name=\"magnify\" type=\"material-community\" />\n                    </StyledIconInput>\n                  }\n                  value={input}\n                  onChange={setInput}\n                />\n              )}\n            </StyledInputContainer>\n          )}\n        </Transition>\n        {rightComponents}\n      </StyledMenuBar>\n      <Transition in={open} timeout={250}>\n        {state => (\n          <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n            {!search ? (\n              <>\n                {mostUsed && (\n                  <MostUsed\n                    label={mostUsedLabel}\n                    data={mostUsed}\n                    toggle={toggleOpen}\n                  />\n                )}\n                <MenuBlock options={options} toggle={toggleOpen} />\n              </>\n            ) : (\n              <StyledSearchResultsContainer>\n                <StyledSearchTextContainer>\n                  <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n                </StyledSearchTextContainer>\n                {results.map(result => (\n                  <SearchResultItem\n                    key={`${result.title}-${result.category}`}\n                    data={result}\n                    searchTerm={search}\n                    toggle={toggleOpen}\n                  />\n                ))}\n              </StyledSearchResultsContainer>\n            )}\n          </StyledContainerOpenMenu>\n        )}\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menubar;\n"],"file":"Menubar.js"}
+{"version":3,"sources":["../../../../src/components/molecules/Menubar/Menubar.tsx"],"names":["Menubar","leftComponents","rightComponents","searchPlaceholder","options","mostUsed","mostUsedLabel","searchResultsLabel","searchable","rest","search","setSearch","React","useState","results","setResults","input","setInput","open","setOpen","menuRef","toggleOpen","useCallback","state","useEffect","ref","current","map","result","title","category"],"mappings":"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","sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { Transition } from 'react-transition-group';\nimport {\n  StyledIconInput,\n  StyledMenuBar,\n  StyledMenuButton,\n  StyledContainerOpenMenu,\n  StyledInput,\n  StyledInputContainer,\n  StyledSearchResultsContainer,\n  StyledSearchTextContainer,\n} from './styled';\nimport { MostUsedType, OptionsType } from './types';\nimport { MostUsed } from './MostUsed';\nimport { MenuBlock } from './MenuBlock';\nimport { SearchResultItem } from './SearchResultItem';\nimport { filterAndTransform } from './utils';\nimport {\n  getContainerOpenMenuStyles,\n  getInputContainerStyles,\n} from './animations';\nimport { useClickAwayListener } from '../../../hooks';\n\nexport interface MenubarProps extends React.HTMLAttributes<HTMLDivElement> {\n  options: OptionsType[];\n  leftComponents?: React.ReactNode;\n  rightComponents?: React.ReactNode;\n  /** Limited to first 4 elements */\n  mostUsed?: MostUsedType[];\n  mostUsedLabel?: string;\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  searchResultsLabel?: string;\n}\n\nconst Menubar: React.FC<MenubarProps> = ({\n  leftComponents,\n  rightComponents,\n  searchPlaceholder = 'O quê você deseja buscar?',\n  options,\n  mostUsed,\n  mostUsedLabel = 'Mais acessados',\n  searchResultsLabel = 'Resultados da busca',\n  searchable = true,\n  ...rest\n}) => {\n  const [search, setSearch] = React.useState<string>('');\n  const [results, setResults] = React.useState<MostUsedType[]>([]);\n  const [input, setInput] = useDebouncedState<string>('', setSearch);\n  const [open, setOpen] = React.useState<boolean>(false);\n  const menuRef = useRef<HTMLDivElement | null>(null);\n  useClickAwayListener(menuRef, setOpen, 'mouseup');\n\n  const toggleOpen = React.useCallback(() => setOpen(state => !state), [\n    setOpen,\n  ]);\n\n  React.useEffect(() => {\n    if (search === '') return;\n    setResults(filterAndTransform(options, search));\n  }, [search]);\n\n  return (\n    <div ref={ref => (menuRef.current = ref)} {...rest}>\n      <StyledMenuBar>\n        <StyledMenuButton variant=\"filled\" color=\"primary\" onPress={toggleOpen}>\n          {!open ? (\n            <Icon\n              size=\"deca\"\n              name=\"menu\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          ) : (\n            <Icon\n              size=\"deca\"\n              name=\"close\"\n              type=\"material-community\"\n              fontColor=\"light\"\n            />\n          )}\n        </StyledMenuButton>\n        {leftComponents}\n        <Transition in={open} timeout={250}>\n          {state => (\n            <StyledInputContainer style={getInputContainerStyles(state)}>\n              {searchable && (\n                <StyledInput\n                  placeholder={searchPlaceholder}\n                  leftComponent={\n                    <StyledIconInput>\n                      <Icon name=\"magnify\" type=\"material-community\" />\n                    </StyledIconInput>\n                  }\n                  value={input}\n                  onChange={setInput}\n                />\n              )}\n            </StyledInputContainer>\n          )}\n        </Transition>\n        {rightComponents}\n      </StyledMenuBar>\n      <Transition in={open} timeout={250}>\n        {state => (\n          <StyledContainerOpenMenu style={getContainerOpenMenuStyles(state)}>\n            {!search ? (\n              <>\n                {mostUsed && (\n                  <MostUsed\n                    label={mostUsedLabel}\n                    data={mostUsed}\n                    toggle={toggleOpen}\n                  />\n                )}\n                <MenuBlock options={options} toggle={toggleOpen} />\n              </>\n            ) : (\n              <StyledSearchResultsContainer>\n                <StyledSearchTextContainer>\n                  <Text fontWeight=\"bold\">{searchResultsLabel}</Text>\n                </StyledSearchTextContainer>\n                {results.map(result => (\n                  <SearchResultItem\n                    key={`${result.title}-${result.category}`}\n                    data={result}\n                    searchTerm={search}\n                    toggle={toggleOpen}\n                  />\n                ))}\n              </StyledSearchResultsContainer>\n            )}\n          </StyledContainerOpenMenu>\n        )}\n      </Transition>\n    </div>\n  );\n};\n\nexport default Menubar;\n"],"file":"Menubar.js"}

package/dist/components/molecules/Select/Dropdown/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps } from '../Select';
-declare const Dropdown: <Data, Type extends "single" | "multi">({ options, onSearch, type, hideSearchBar, onSelect, value, keyExtractor, labelExtractor, setDropDownVisible, style, anchor, }: SelectProps<Data, Type> & {
+declare const Dropdown: <Data, Type extends "single" | "multi">({ options, onSearch, type, hideSearchBar, onSelect, value, keyExtractor, labelExtractor, setDropDownVisible, style, anchor, selectAllLabel, searchBarPlaceholder, }: SelectProps<Data, Type> & {
     setDropDownVisible: (t: boolean) => void;
 }) => JSX.Element;
 export default Dropdown;