@tecsinapse/react-web-kit 1.20.0 → 1.21.0

package/dist/components/molecules/Select/Dropdown/styled.js

@@ -11,122 +11,126 @@ var _reactCore = require("@tecsinapse/react-core");
 
 var _react = require("@emotion/react");
 
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const anchorBottom = ({
-  theme,
-  anchor
-}) => anchor === 'bottom' && (0, _react.css)`
-    margin-top: ${theme.spacing.centi};
-    top: 100%;
-  `;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const anchorBottom = _ref => {
+  let {
+    theme,
+    anchor
+  } = _ref;
+  return anchor === 'bottom' && (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: ", ";\n    top: 100%;\n  "])), theme.spacing.centi);
+};
 
-const anchorTop = ({
-  theme,
-  anchor
-}) => anchor === 'top' && (0, _react.css)`
-    margin-bottom: ${theme.spacing.centi};
-    bottom: 100%;
-  `;
+const anchorTop = _ref2 => {
+  let {
+    theme,
+    anchor
+  } = _ref2;
+  return anchor === 'top' && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-bottom: ", ";\n    bottom: 100%;\n  "])), theme.spacing.centi);
+};
 
-const StyledContainerDropdown = (0, _styled.default)('div')`
-  width: 100%;
-  background-color: ${({
-  theme
-}) => theme.miscellaneous.surfaceColor};
-  border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-  box-shadow: 0 2px 8px
-    ${({
-  theme
-}) => (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05)};
-  position: absolute;
-  padding-top: ${({
-  theme,
-  hideSearchBar
-}) => !hideSearchBar ? `${theme.spacing.deca}` : '0px'};
-  padding-bottom: ${({
-  theme
-}) => theme.spacing.mili};
-  z-index: ${({
-  theme
-}) => theme.zIndex.select};
-  ${anchorTop}
-  ${anchorBottom}
-`;
+const StyledContainerDropdown = (0, _styled.default)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  background-color: ", ";\n  border-radius: ", ";\n  box-shadow: 0 2px 8px\n    ", ";\n  position: absolute;\n  padding-top: ", ";\n  padding-bottom: ", ";\n  z-index: ", ";\n  ", "\n  ", "\n"])), _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.miscellaneous.surfaceColor;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
+  return theme.borderRadius.mili;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return (0, _reactCore.hex2rgba)(theme.miscellaneous.shadow, 0.05);
+}, _ref6 => {
+  let {
+    theme,
+    hideSearchBar
+  } = _ref6;
+  return !hideSearchBar ? "".concat(theme.spacing.deca) : '0px';
+}, _ref7 => {
+  let {
+    theme
+  } = _ref7;
+  return theme.spacing.mili;
+}, _ref8 => {
+  let {
+    theme
+  } = _ref8;
+  return theme.zIndex.select;
+}, anchorTop, anchorBottom);
 exports.StyledContainerDropdown = StyledContainerDropdown;
-const OptionsContainer = (0, _styled.default)('div')`
-  max-height: 250px;
-  top: 100%;
-  overflow-y: ${({
-  lengthOptions = 0
-}) => lengthOptions > 5 ? 'scroll' : 'hidden'};
-  ::-webkit-scrollbar {
-    width: 8px;
-  }
-  ::-webkit-scrollbar-thumb {
-    border-radius: ${({
-  theme
-}) => theme.borderRadius.centi};
-    background-color: ${({
-  theme
-}) => theme.color.secondary.light};
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    background-color: ${({
-  theme
-}) => theme.color.primary.light};
-  },
-`;
+const OptionsContainer = (0, _styled.default)('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  max-height: 250px;\n  top: 100%;\n  overflow-y: ", ";\n  ::-webkit-scrollbar {\n    width: 8px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: ", ";\n    background-color: ", ";\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: ", ";\n  },\n"])), _ref9 => {
+  let {
+    lengthOptions = 0
+  } = _ref9;
+  return lengthOptions > 5 ? 'scroll' : 'hidden';
+}, _ref10 => {
+  let {
+    theme
+  } = _ref10;
+  return theme.borderRadius.centi;
+}, _ref11 => {
+  let {
+    theme
+  } = _ref11;
+  return theme.color.secondary.light;
+}, _ref12 => {
+  let {
+    theme
+  } = _ref12;
+  return theme.color.primary.light;
+});
 exports.OptionsContainer = OptionsContainer;
-const SearchBarContainer = (0, _styled.default)('div')`
-  padding-left: ${({
-  theme
-}) => theme.spacing.mili};
-  width: 100%;
-`;
+const SearchBarContainer = (0, _styled.default)('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n"])), _ref13 => {
+  let {
+    theme
+  } = _ref13;
+  return theme.spacing.mili;
+});
 exports.SearchBarContainer = SearchBarContainer;
-const PaddedContainer = (0, _styled.default)('div')`
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-`;
+const PaddedContainer = (0, _styled.default)('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), _ref14 => {
+  let {
+    theme
+  } = _ref14;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
+});
 exports.PaddedContainer = PaddedContainer;
-const StyledContainerCheckAll = (0, _styled.default)(PaddedContainer)`
-  flex-direction: row;
-  display: flex;
-  justify-content: flex-start;
-  align-items: center;
-  cursor: pointer;
-  &:hover {
-    background-color: ${({
-  theme
-}) => theme.color.primary.xlight};
-  }
-  &:hover span {
-    color: ${({
-  theme
-}) => theme.color.primary.medium};
-  }
-`;
+const StyledContainerCheckAll = (0, _styled.default)(PaddedContainer)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  flex-direction: row;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n  }\n  &:hover span {\n    color: ", ";\n  }\n"])), _ref15 => {
+  let {
+    theme
+  } = _ref15;
+  return theme.color.primary.xlight;
+}, _ref16 => {
+  let {
+    theme
+  } = _ref16;
+  return theme.color.primary.medium;
+});
 exports.StyledContainerCheckAll = StyledContainerCheckAll;
-const StyledSpan = (0, _styled.default)('span')`
-  color: ${({
-  theme
-}) => theme.font.color.dark};
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} 0px`};
-`;
+const StyledSpan = (0, _styled.default)('span')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", ";\n"])), _ref17 => {
+  let {
+    theme
+  } = _ref17;
+  return theme.font.color.dark;
+}, _ref18 => {
+  let {
+    theme
+  } = _ref18;
+  return "".concat(theme.spacing.mili, " 0px");
+});
 exports.StyledSpan = StyledSpan;
-const StyledContainerTextLabel = (0, _styled.default)('div')`
-  padding-left: ${({
-  theme
-}) => theme.spacing.mili};
-  width: 100%;
-  display: flex;
-  overflow: hidden;
-`;
+const StyledContainerTextLabel = (0, _styled.default)('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n"])), _ref19 => {
+  let {
+    theme
+  } = _ref19;
+  return theme.spacing.mili;
+});
 exports.StyledContainerTextLabel = StyledContainerTextLabel;
 //# sourceMappingURL=styled.js.map

package/dist/components/molecules/Select/Dropdown/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["anchorBottom","theme","anchor","css","spacing","centi","anchorTop","StyledContainerDropdown","styled","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","hideSearchBar","deca","zIndex","select","OptionsContainer","lengthOptions","color","secondary","light","primary","SearchBarContainer","PaddedContainer","StyledContainerCheckAll","xlight","medium","StyledSpan","font","dark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { SelectProps } from '../Select';\nimport { css } from '@emotion/react';\n\ntype InjectedProps = Partial<\n  StyleProps &\n    SelectProps<unknown, 'single' | 'multi'> & { lengthOptions: number }\n>;\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n  anchor === 'bottom' &&\n  css`\n    margin-top: ${theme.spacing.centi};\n    top: 100%;\n  `;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n  anchor === 'top' &&\n  css`\n    margin-bottom: ${theme.spacing.centi};\n    bottom: 100%;\n  `;\n\nexport const StyledContainerDropdown = styled('div')<InjectedProps>`\n  width: 100%;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-top: ${({\n    theme,\n    hideSearchBar,\n  }: StyleProps & Partial<SelectProps<unknown, 'single' | 'multi'>>) =>\n    !hideSearchBar ? `${theme.spacing.deca}` : '0px'};\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n  ${anchorTop}\n  ${anchorBottom}\n`;\n\nexport const OptionsContainer = styled('div')<InjectedProps>`\n  max-height: 250px;\n  top: 100%;\n  overflow-y: ${({ lengthOptions = 0 }: InjectedProps) =>\n    lengthOptions > 5 ? 'scroll' : 'hidden'};\n  ::-webkit-scrollbar {\n    width: 8px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: ${({ theme }: StyleProps) => theme.borderRadius.centi};\n    background-color: ${({ theme }: StyleProps) => theme.color.secondary.light};\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: ${({ theme }: StyleProps) => theme.color.primary.light};\n  },\n`;\n\nexport const SearchBarContainer = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n`;\n\nexport const PaddedContainer = styled('div')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n`;\n\nexport const StyledContainerCheckAll = styled(PaddedContainer)<\n  Partial<StyleProps>\n>`\n  flex-direction: row;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ theme }) => theme.color.primary.xlight};\n  }\n  &:hover span {\n    color: ${({ theme }) => theme.color.primary.medium};\n  }\n`;\n\nexport const StyledSpan = styled('span')<Partial<StyleProps>>`\n  color: ${({ theme }) => theme.font.color.dark};\n  padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["anchorBottom","theme","anchor","css","spacing","centi","anchorTop","StyledContainerDropdown","styled","miscellaneous","surfaceColor","borderRadius","mili","hex2rgba","shadow","hideSearchBar","deca","zIndex","select","OptionsContainer","lengthOptions","color","secondary","light","primary","SearchBarContainer","PaddedContainer","StyledContainerCheckAll","xlight","medium","StyledSpan","font","dark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { SelectProps } from '../Select';\nimport { css } from '@emotion/react';\n\ntype InjectedProps = Partial<\n  StyleProps &\n    SelectProps<unknown, 'single' | 'multi'> & { lengthOptions: number }\n>;\n\nconst anchorBottom = ({\n  theme,\n  anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n  anchor === 'bottom' &&\n  css`\n    margin-top: ${theme.spacing.centi};\n    top: 100%;\n  `;\n\nconst anchorTop = ({\n  theme,\n  anchor,\n}: StyleProps & Omit<InjectedProps, 'theme'>) =>\n  anchor === 'top' &&\n  css`\n    margin-bottom: ${theme.spacing.centi};\n    bottom: 100%;\n  `;\n\nexport const StyledContainerDropdown = styled('div')<InjectedProps>`\n  width: 100%;\n  background-color: ${({ theme }: StyleProps) =>\n    theme.miscellaneous.surfaceColor};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0 2px 8px\n    ${({ theme }: StyleProps) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n  position: absolute;\n  padding-top: ${({\n    theme,\n    hideSearchBar,\n  }: StyleProps & Partial<SelectProps<unknown, 'single' | 'multi'>>) =>\n    !hideSearchBar ? `${theme.spacing.deca}` : '0px'};\n  padding-bottom: ${({ theme }: StyleProps) => theme.spacing.mili};\n  z-index: ${({ theme }: StyleProps) => theme.zIndex.select};\n  ${anchorTop}\n  ${anchorBottom}\n`;\n\nexport const OptionsContainer = styled('div')<InjectedProps>`\n  max-height: 250px;\n  top: 100%;\n  overflow-y: ${({ lengthOptions = 0 }: InjectedProps) =>\n    lengthOptions > 5 ? 'scroll' : 'hidden'};\n  ::-webkit-scrollbar {\n    width: 8px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: ${({ theme }: StyleProps) => theme.borderRadius.centi};\n    background-color: ${({ theme }: StyleProps) => theme.color.secondary.light};\n  }\n  ::-webkit-scrollbar-thumb:hover {\n    background-color: ${({ theme }: StyleProps) => theme.color.primary.light};\n  },\n`;\n\nexport const SearchBarContainer = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n`;\n\nexport const PaddedContainer = styled('div')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n`;\n\nexport const StyledContainerCheckAll = styled(PaddedContainer)<\n  Partial<StyleProps>\n>`\n  flex-direction: row;\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ theme }) => theme.color.primary.xlight};\n  }\n  &:hover span {\n    color: ${({ theme }) => theme.color.primary.medium};\n  }\n`;\n\nexport const StyledSpan = styled('span')<Partial<StyleProps>>`\n  color: ${({ theme }) => theme.font.color.dark};\n  padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n`;\n"],"mappings":"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"}

package/dist/components/molecules/Select/Select.js

@@ -25,24 +25,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Select = ({
-  value,
-  options,
-  keyExtractor,
-  onSelect,
-  type,
-  labelExtractor,
-  placeholder,
-  onSearch,
-  searchBarPlaceholder = 'Busque a opção desejada',
-  hideSearchBar = true,
-  label,
-  disabled = false,
-  anchor = 'bottom',
-  displayTextProps,
-  selectAllLabel = 'Selecionar todos',
-  ...rest
-}) => {
+const Select = _ref => {
+  let {
+    value,
+    options,
+    keyExtractor,
+    onSelect,
+    type,
+    labelExtractor,
+    placeholder,
+    onSearch,
+    searchBarPlaceholder = 'Busque a opção desejada',
+    hideSearchBar = true,
+    label,
+    disabled = false,
+    anchor = 'bottom',
+    displayTextProps,
+    selectAllLabel = 'Selecionar todos',
+    ...rest
+  } = _ref;
+
   const [dropDownVisible, setDropDownVisible] = _react.default.useState(false);
 
   const refDropDown = _react.default.useRef(null);

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["Select","value","options","keyExtractor","onSelect","type","labelExtractor","placeholder","onSearch","searchBarPlaceholder","hideSearchBar","label","disabled","anchor","displayTextProps","selectAllLabel","rest","dropDownVisible","setDropDownVisible","React","useState","refDropDown","useRef","useClickAwayListener","onlyLabel","hasValue","length","_placeholder","_label","undefined","displayValue","getDisplayValue","onPress","useCallback","prev","RightComponent","state","defaultStyles","transition"],"sources":["../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n  PressableInputContainer,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { useClickAwayListener } from '../../../hooks';\nimport { defaultStyles, transition } from './animations';\nimport { Dropdown } from './Dropdown';\nimport { getDisplayValue } from './functions';\nimport {\n  RightComponent,\n  StyledContainer,\n  StyledInputContainer,\n} from './styled';\n\nexport interface SelectProps<Data, Type extends 'single' | 'multi'>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  options: Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  value: Type extends 'single' ? Data | undefined : Data[];\n  type: Type;\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  placeholder?: string;\n  onSearch?: (searchArg: string) => void | never;\n  searchBarPlaceholder?: string;\n  hideSearchBar?: boolean;\n  selectAllLabel?: string;\n  disabled?: boolean;\n  label?: string;\n  anchor?: 'top' | 'bottom';\n  displayTextProps?: TextProps;\n}\n\n/** NOTE: For better performance, you should memoize options and handlers */\nexport const Select = <Data, Type extends 'single' | 'multi'>({\n  value,\n  options,\n  keyExtractor,\n  onSelect,\n  type,\n  labelExtractor,\n  placeholder,\n  onSearch,\n  searchBarPlaceholder = 'Busque a opção desejada',\n  hideSearchBar = true,\n  label,\n  disabled = false,\n  anchor = 'bottom',\n  displayTextProps,\n  selectAllLabel = 'Selecionar todos',\n  ...rest\n}: SelectProps<Data, Type>): JSX.Element => {\n  const [dropDownVisible, setDropDownVisible] = React.useState<boolean>(false);\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setDropDownVisible);\n\n  const onlyLabel = label && !placeholder;\n  const hasValue =\n    type === 'single' ? !!value : ((value || []) as []).length > 0;\n  const _placeholder = onlyLabel ? label : placeholder;\n  const _label = hasValue ? label : undefined;\n\n  const displayValue = getDisplayValue<Data>(\n    type,\n    value,\n    options,\n    _placeholder,\n    keyExtractor,\n    labelExtractor\n  );\n\n  const onPress = React.useCallback(\n    () => setDropDownVisible(prev => !prev),\n    [setDropDownVisible]\n  );\n\n  return (\n    <StyledContainer ref={refDropDown} {...rest}>\n      <StyledInputContainer>\n        <PressableInputContainer\n          label={_label}\n          onPress={onPress}\n          disabled={disabled}\n          rightComponent={RightComponent}\n        >\n          <Text {...displayTextProps} ellipsizeMode=\"tail\" numberOfLines={1}>\n            {displayValue}\n          </Text>\n        </PressableInputContainer>\n      </StyledInputContainer>\n      <Transition in={dropDownVisible} timeout={300}>\n        {state => (\n          <Dropdown\n            options={options}\n            onSelect={onSelect}\n            value={value}\n            type={type}\n            keyExtractor={keyExtractor}\n            labelExtractor={labelExtractor}\n            hideSearchBar={hideSearchBar}\n            searchBarPlaceholder={searchBarPlaceholder}\n            onSearch={onSearch}\n            style={{ ...defaultStyles, ...transition[anchor][state] }}\n            setDropDownVisible={setDropDownVisible}\n            anchor={anchor}\n            selectAllLabel={selectAllLabel}\n          />\n        )}\n      </Transition>\n    </StyledContainer>\n  );\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AA4BO,MAAMA,MAAM,GAAG,CAAwC;EAC5DC,KAD4D;EAE5DC,OAF4D;EAG5DC,YAH4D;EAI5DC,QAJ4D;EAK5DC,IAL4D;EAM5DC,cAN4D;EAO5DC,WAP4D;EAQ5DC,QAR4D;EAS5DC,oBAAoB,GAAG,yBATqC;EAU5DC,aAAa,GAAG,IAV4C;EAW5DC,KAX4D;EAY5DC,QAAQ,GAAG,KAZiD;EAa5DC,MAAM,GAAG,QAbmD;EAc5DC,gBAd4D;EAe5DC,cAAc,GAAG,kBAf2C;EAgB5D,GAAGC;AAhByD,CAAxC,KAiBsB;EAC1C,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAA9C;;EACA,MAAMC,WAAW,GAAGF,cAAA,CAAMG,MAAN,CAAa,IAAb,CAApB;;EACA,IAAAC,2BAAA,EAAqBF,WAArB,EAAkCH,kBAAlC;EAEA,MAAMM,SAAS,GAAGb,KAAK,IAAI,CAACJ,WAA5B;EACA,MAAMkB,QAAQ,GACZpB,IAAI,KAAK,QAAT,GAAoB,CAAC,CAACJ,KAAtB,GAA8B,CAAEA,KAAK,IAAI,EAAX,EAAsByB,MAAtB,GAA+B,CAD/D;;EAEA,MAAMC,YAAY,GAAGH,SAAS,GAAGb,KAAH,GAAWJ,WAAzC;;EACA,MAAMqB,MAAM,GAAGH,QAAQ,GAAGd,KAAH,GAAWkB,SAAlC;;EAEA,MAAMC,YAAY,GAAG,IAAAC,0BAAA,EACnB1B,IADmB,EAEnBJ,KAFmB,EAGnBC,OAHmB,EAInByB,YAJmB,EAKnBxB,YALmB,EAMnBG,cANmB,CAArB;;EASA,MAAM0B,OAAO,GAAGb,cAAA,CAAMc,WAAN,CACd,MAAMf,kBAAkB,CAACgB,IAAI,IAAI,CAACA,IAAV,CADV,EAEd,CAAChB,kBAAD,CAFc,CAAhB;;EAKA,OACE,6BAAC,uBAAD;IAAiB,GAAG,EAAEG;EAAtB,GAAuCL,IAAvC,GACE,6BAAC,4BAAD,QACE,6BAAC,kCAAD;IACE,KAAK,EAAEY,MADT;IAEE,OAAO,EAAEI,OAFX;IAGE,QAAQ,EAAEpB,QAHZ;IAIE,cAAc,EAAEuB;EAJlB,GAME,6BAAC,eAAD,eAAUrB,gBAAV;IAA4B,aAAa,EAAC,MAA1C;IAAiD,aAAa,EAAE;EAAhE,IACGgB,YADH,CANF,CADF,CADF,EAaE,6BAAC,gCAAD;IAAY,EAAE,EAAEb,eAAhB;IAAiC,OAAO,EAAE;EAA1C,GACGmB,KAAK,IACJ,6BAAC,kBAAD;IACE,OAAO,EAAElC,OADX;IAEE,QAAQ,EAAEE,QAFZ;IAGE,KAAK,EAAEH,KAHT;IAIE,IAAI,EAAEI,IAJR;IAKE,YAAY,EAAEF,YALhB;IAME,cAAc,EAAEG,cANlB;IAOE,aAAa,EAAEI,aAPjB;IAQE,oBAAoB,EAAED,oBARxB;IASE,QAAQ,EAAED,QATZ;IAUE,KAAK,EAAE,EAAE,GAAG6B,yBAAL;MAAoB,GAAGC,sBAAA,CAAWzB,MAAX,EAAmBuB,KAAnB;IAAvB,CAVT;IAWE,kBAAkB,EAAElB,kBAXtB;IAYE,MAAM,EAAEL,MAZV;IAaE,cAAc,EAAEE;EAblB,EAFJ,CAbF,CADF;AAmCD,CA7EM;;;eA+EQf,M"}
+{"version":3,"file":"Select.js","names":["Select","value","options","keyExtractor","onSelect","type","labelExtractor","placeholder","onSearch","searchBarPlaceholder","hideSearchBar","label","disabled","anchor","displayTextProps","selectAllLabel","rest","dropDownVisible","setDropDownVisible","React","useState","refDropDown","useRef","useClickAwayListener","onlyLabel","hasValue","length","_placeholder","_label","undefined","displayValue","getDisplayValue","onPress","useCallback","prev","RightComponent","state","defaultStyles","transition"],"sources":["../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n  PressableInputContainer,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\nimport { useClickAwayListener } from '../../../hooks';\nimport { defaultStyles, transition } from './animations';\nimport { Dropdown } from './Dropdown';\nimport { getDisplayValue } from './functions';\nimport {\n  RightComponent,\n  StyledContainer,\n  StyledInputContainer,\n} from './styled';\n\nexport interface SelectProps<Data, Type extends 'single' | 'multi'>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n  options: Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  value: Type extends 'single' ? Data | undefined : Data[];\n  type: Type;\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  placeholder?: string;\n  onSearch?: (searchArg: string) => void | never;\n  searchBarPlaceholder?: string;\n  hideSearchBar?: boolean;\n  selectAllLabel?: string;\n  disabled?: boolean;\n  label?: string;\n  anchor?: 'top' | 'bottom';\n  displayTextProps?: TextProps;\n}\n\n/** NOTE: For better performance, you should memoize options and handlers */\nexport const Select = <Data, Type extends 'single' | 'multi'>({\n  value,\n  options,\n  keyExtractor,\n  onSelect,\n  type,\n  labelExtractor,\n  placeholder,\n  onSearch,\n  searchBarPlaceholder = 'Busque a opção desejada',\n  hideSearchBar = true,\n  label,\n  disabled = false,\n  anchor = 'bottom',\n  displayTextProps,\n  selectAllLabel = 'Selecionar todos',\n  ...rest\n}: SelectProps<Data, Type>): JSX.Element => {\n  const [dropDownVisible, setDropDownVisible] = React.useState<boolean>(false);\n  const refDropDown = React.useRef(null);\n  useClickAwayListener(refDropDown, setDropDownVisible);\n\n  const onlyLabel = label && !placeholder;\n  const hasValue =\n    type === 'single' ? !!value : ((value || []) as []).length > 0;\n  const _placeholder = onlyLabel ? label : placeholder;\n  const _label = hasValue ? label : undefined;\n\n  const displayValue = getDisplayValue<Data>(\n    type,\n    value,\n    options,\n    _placeholder,\n    keyExtractor,\n    labelExtractor\n  );\n\n  const onPress = React.useCallback(\n    () => setDropDownVisible(prev => !prev),\n    [setDropDownVisible]\n  );\n\n  return (\n    <StyledContainer ref={refDropDown} {...rest}>\n      <StyledInputContainer>\n        <PressableInputContainer\n          label={_label}\n          onPress={onPress}\n          disabled={disabled}\n          rightComponent={RightComponent}\n        >\n          <Text {...displayTextProps} ellipsizeMode=\"tail\" numberOfLines={1}>\n            {displayValue}\n          </Text>\n        </PressableInputContainer>\n      </StyledInputContainer>\n      <Transition in={dropDownVisible} timeout={300}>\n        {state => (\n          <Dropdown\n            options={options}\n            onSelect={onSelect}\n            value={value}\n            type={type}\n            keyExtractor={keyExtractor}\n            labelExtractor={labelExtractor}\n            hideSearchBar={hideSearchBar}\n            searchBarPlaceholder={searchBarPlaceholder}\n            onSearch={onSearch}\n            style={{ ...defaultStyles, ...transition[anchor][state] }}\n            setDropDownVisible={setDropDownVisible}\n            anchor={anchor}\n            selectAllLabel={selectAllLabel}\n          />\n        )}\n      </Transition>\n    </StyledContainer>\n  );\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AA4BO,MAAMA,MAAM,GAAG,QAiBsB;EAAA,IAjBkB;IAC5DC,KAD4D;IAE5DC,OAF4D;IAG5DC,YAH4D;IAI5DC,QAJ4D;IAK5DC,IAL4D;IAM5DC,cAN4D;IAO5DC,WAP4D;IAQ5DC,QAR4D;IAS5DC,oBAAoB,GAAG,yBATqC;IAU5DC,aAAa,GAAG,IAV4C;IAW5DC,KAX4D;IAY5DC,QAAQ,GAAG,KAZiD;IAa5DC,MAAM,GAAG,QAbmD;IAc5DC,gBAd4D;IAe5DC,cAAc,GAAG,kBAf2C;IAgB5D,GAAGC;EAhByD,CAiBlB;;EAC1C,MAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCC,cAAA,CAAMC,QAAN,CAAwB,KAAxB,CAA9C;;EACA,MAAMC,WAAW,GAAGF,cAAA,CAAMG,MAAN,CAAa,IAAb,CAApB;;EACA,IAAAC,2BAAA,EAAqBF,WAArB,EAAkCH,kBAAlC;EAEA,MAAMM,SAAS,GAAGb,KAAK,IAAI,CAACJ,WAA5B;EACA,MAAMkB,QAAQ,GACZpB,IAAI,KAAK,QAAT,GAAoB,CAAC,CAACJ,KAAtB,GAA8B,CAAEA,KAAK,IAAI,EAAX,EAAsByB,MAAtB,GAA+B,CAD/D;;EAEA,MAAMC,YAAY,GAAGH,SAAS,GAAGb,KAAH,GAAWJ,WAAzC;;EACA,MAAMqB,MAAM,GAAGH,QAAQ,GAAGd,KAAH,GAAWkB,SAAlC;;EAEA,MAAMC,YAAY,GAAG,IAAAC,0BAAA,EACnB1B,IADmB,EAEnBJ,KAFmB,EAGnBC,OAHmB,EAInByB,YAJmB,EAKnBxB,YALmB,EAMnBG,cANmB,CAArB;;EASA,MAAM0B,OAAO,GAAGb,cAAA,CAAMc,WAAN,CACd,MAAMf,kBAAkB,CAACgB,IAAI,IAAI,CAACA,IAAV,CADV,EAEd,CAAChB,kBAAD,CAFc,CAAhB;;EAKA,OACE,6BAAC,uBAAD;IAAiB,GAAG,EAAEG;EAAtB,GAAuCL,IAAvC,GACE,6BAAC,4BAAD,QACE,6BAAC,kCAAD;IACE,KAAK,EAAEY,MADT;IAEE,OAAO,EAAEI,OAFX;IAGE,QAAQ,EAAEpB,QAHZ;IAIE,cAAc,EAAEuB;EAJlB,GAME,6BAAC,eAAD,eAAUrB,gBAAV;IAA4B,aAAa,EAAC,MAA1C;IAAiD,aAAa,EAAE;EAAhE,IACGgB,YADH,CANF,CADF,CADF,EAaE,6BAAC,gCAAD;IAAY,EAAE,EAAEb,eAAhB;IAAiC,OAAO,EAAE;EAA1C,GACGmB,KAAK,IACJ,6BAAC,kBAAD;IACE,OAAO,EAAElC,OADX;IAEE,QAAQ,EAAEE,QAFZ;IAGE,KAAK,EAAEH,KAHT;IAIE,IAAI,EAAEI,IAJR;IAKE,YAAY,EAAEF,YALhB;IAME,cAAc,EAAEG,cANlB;IAOE,aAAa,EAAEI,aAPjB;IAQE,oBAAoB,EAAED,oBARxB;IASE,QAAQ,EAAED,QATZ;IAUE,KAAK,EAAE,EAAE,GAAG6B,yBAAL;MAAoB,GAAGC,sBAAA,CAAWzB,MAAX,EAAmBuB,KAAnB;IAAvB,CAVT;IAWE,kBAAkB,EAAElB,kBAXtB;IAYE,MAAM,EAAEL,MAZV;IAaE,cAAc,EAAEE;EAblB,EAFJ,CAbF,CADF;AAmCD,CA7EM;;;eA+EQf,M"}

package/dist/components/molecules/Select/SelectItem/SelectItem.js

@@ -13,18 +13,19 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const SelectItem = ({
-  item,
-  onSelect,
-  type,
-  value,
-  labelExtractor,
-  setDropDownVisible,
-  checkedAll,
-  setCheckedAll,
-  lenghtOptions,
-  keyExtractor
-}) => {
+const SelectItem = _ref => {
+  let {
+    item,
+    onSelect,
+    type,
+    value,
+    labelExtractor,
+    setDropDownVisible,
+    checkedAll,
+    setCheckedAll,
+    lenghtOptions,
+    keyExtractor
+  } = _ref;
   const isMulti = type === 'multi';
 
   const [checked, setChecked] = _react.default.useState(value !== undefined && type === 'multi' && value.find(data => keyExtractor(data) === keyExtractor(item)) !== undefined);

package/dist/components/molecules/Select/SelectItem/SelectItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["SelectItem","item","onSelect","type","value","labelExtractor","setDropDownVisible","checkedAll","setCheckedAll","lenghtOptions","keyExtractor","isMulti","checked","setChecked","React","useState","undefined","find","data","useEffect","clickItem","useCallback","_value","key","Array","isArray","auxChecked","length","auxArray","indexToExclude","findIndex","splice","memo"],"sources":["../../../../../src/components/molecules/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text } from '@tecsinapse/react-core';\nimport {\n  ContainerItemSelect,\n  StyledContainerTextLabel,\n  StyledSpan,\n} from './styled';\n\ninterface SelectItemProps<Data, Type extends 'single' | 'multi'> {\n  item: Data;\n  type: Type;\n  value: Type extends 'single' ? Data | undefined : Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  index: number;\n}\n\nconst SelectItem = <Data, Type extends 'single' | 'multi'>({\n  item,\n  onSelect,\n  type,\n  value,\n  labelExtractor,\n  setDropDownVisible,\n  checkedAll,\n  setCheckedAll,\n  lenghtOptions,\n  keyExtractor,\n}: SelectItemProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n  checkedAll: boolean;\n  setCheckedAll: (t: boolean) => void;\n  lenghtOptions: number;\n}): JSX.Element => {\n  const isMulti = type === 'multi';\n  const [checked, setChecked] = React.useState<boolean>(\n    value !== undefined &&\n      type === 'multi' &&\n      (value as Data[]).find(\n        data => keyExtractor(data) === keyExtractor(item)\n      ) !== undefined\n  );\n\n  React.useEffect(() => {\n    if (\n      !checked &&\n      value !== undefined &&\n      ((type === 'multi' &&\n        (value as Data[]).find(\n          data => keyExtractor(data) === keyExtractor(item)\n        )) ||\n        (type === 'single' &&\n          keyExtractor(value as Data) === keyExtractor(item)))\n    )\n      setChecked(true);\n  }, [value, keyExtractor, type]);\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      checkedAll\n        ? setChecked(true)\n        : setChecked(\n            (value as Data[]).find(\n              data => keyExtractor(data) === keyExtractor(item)\n            ) !== undefined\n          );\n    }\n  }, [checkedAll]);\n\n  const clickItem = React.useCallback(\n    (item, _value) => {\n      // TS Workaround since TS won't infer the ternary operator's result type correctly\n      type OnSelectArg = Parameters<typeof onSelect>[0];\n      const key: Data = item;\n      if (Array.isArray(_value)) {\n        const auxChecked = !checked;\n        setChecked(!checked);\n        if (auxChecked) {\n          onSelect([..._value, key] as OnSelectArg);\n          [..._value, key].length === lenghtOptions && setCheckedAll(true);\n        } else {\n          const auxArray: Data[] = [..._value];\n          const indexToExclude = auxArray.findIndex(\n            data => keyExtractor(data) === keyExtractor(key)\n          );\n          auxArray.splice(indexToExclude, 1);\n          onSelect([...auxArray] as OnSelectArg);\n          setCheckedAll(false);\n        }\n      } else {\n        onSelect(key as OnSelectArg);\n        setDropDownVisible(false);\n      }\n    },\n    [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]\n  );\n\n  return (\n    <ContainerItemSelect onClick={() => clickItem(item, value)}>\n      {isMulti && (\n        <Checkbox checked={checked} onChange={() => clickItem(item, value)} />\n      )}\n      <StyledContainerTextLabel>\n        <Text fontWeight=\"bold\" ellipsizeMode=\"tail\" numberOfLines={1}>\n          <StyledSpan singleHighligh={type === 'single' && value === item}>\n            {labelExtractor(item)}\n          </StyledSpan>\n        </Text>\n      </StyledContainerTextLabel>\n    </ContainerItemSelect>\n  );\n};\n\nexport default React.memo(SelectItem) as typeof SelectItem;\n"],"mappings":"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"}
+{"version":3,"file":"SelectItem.js","names":["SelectItem","item","onSelect","type","value","labelExtractor","setDropDownVisible","checkedAll","setCheckedAll","lenghtOptions","keyExtractor","isMulti","checked","setChecked","React","useState","undefined","find","data","useEffect","clickItem","useCallback","_value","key","Array","isArray","auxChecked","length","auxArray","indexToExclude","findIndex","splice","memo"],"sources":["../../../../../src/components/molecules/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text } from '@tecsinapse/react-core';\nimport {\n  ContainerItemSelect,\n  StyledContainerTextLabel,\n  StyledSpan,\n} from './styled';\n\ninterface SelectItemProps<Data, Type extends 'single' | 'multi'> {\n  item: Data;\n  type: Type;\n  value: Type extends 'single' ? Data | undefined : Data[];\n  onSelect: (\n    option: Type extends 'single' ? Data | undefined : Data[]\n  ) => never | void;\n  keyExtractor: (t: Data, index?: number) => string;\n  labelExtractor: (t: Data) => string;\n  index: number;\n}\n\nconst SelectItem = <Data, Type extends 'single' | 'multi'>({\n  item,\n  onSelect,\n  type,\n  value,\n  labelExtractor,\n  setDropDownVisible,\n  checkedAll,\n  setCheckedAll,\n  lenghtOptions,\n  keyExtractor,\n}: SelectItemProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n  checkedAll: boolean;\n  setCheckedAll: (t: boolean) => void;\n  lenghtOptions: number;\n}): JSX.Element => {\n  const isMulti = type === 'multi';\n  const [checked, setChecked] = React.useState<boolean>(\n    value !== undefined &&\n      type === 'multi' &&\n      (value as Data[]).find(\n        data => keyExtractor(data) === keyExtractor(item)\n      ) !== undefined\n  );\n\n  React.useEffect(() => {\n    if (\n      !checked &&\n      value !== undefined &&\n      ((type === 'multi' &&\n        (value as Data[]).find(\n          data => keyExtractor(data) === keyExtractor(item)\n        )) ||\n        (type === 'single' &&\n          keyExtractor(value as Data) === keyExtractor(item)))\n    )\n      setChecked(true);\n  }, [value, keyExtractor, type]);\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      checkedAll\n        ? setChecked(true)\n        : setChecked(\n            (value as Data[]).find(\n              data => keyExtractor(data) === keyExtractor(item)\n            ) !== undefined\n          );\n    }\n  }, [checkedAll]);\n\n  const clickItem = React.useCallback(\n    (item, _value) => {\n      // TS Workaround since TS won't infer the ternary operator's result type correctly\n      type OnSelectArg = Parameters<typeof onSelect>[0];\n      const key: Data = item;\n      if (Array.isArray(_value)) {\n        const auxChecked = !checked;\n        setChecked(!checked);\n        if (auxChecked) {\n          onSelect([..._value, key] as OnSelectArg);\n          [..._value, key].length === lenghtOptions && setCheckedAll(true);\n        } else {\n          const auxArray: Data[] = [..._value];\n          const indexToExclude = auxArray.findIndex(\n            data => keyExtractor(data) === keyExtractor(key)\n          );\n          auxArray.splice(indexToExclude, 1);\n          onSelect([...auxArray] as OnSelectArg);\n          setCheckedAll(false);\n        }\n      } else {\n        onSelect(key as OnSelectArg);\n        setDropDownVisible(false);\n      }\n    },\n    [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]\n  );\n\n  return (\n    <ContainerItemSelect onClick={() => clickItem(item, value)}>\n      {isMulti && (\n        <Checkbox checked={checked} onChange={() => clickItem(item, value)} />\n      )}\n      <StyledContainerTextLabel>\n        <Text fontWeight=\"bold\" ellipsizeMode=\"tail\" numberOfLines={1}>\n          <StyledSpan singleHighligh={type === 'single' && value === item}>\n            {labelExtractor(item)}\n          </StyledSpan>\n        </Text>\n      </StyledContainerTextLabel>\n    </ContainerItemSelect>\n  );\n};\n\nexport default React.memo(SelectItem) as typeof SelectItem;\n"],"mappings":"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"}

package/dist/components/molecules/Select/SelectItem/styled.js

@@ -7,48 +7,47 @@ exports.StyledSpan = exports.StyledContainerTextLabel = exports.ContainerItemSel
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 
+var _templateObject, _templateObject2, _templateObject3;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const ContainerItemSelect = (0, _styled.default)('div')`
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-  cursor: pointer;
-  &:hover {
-    background-color: ${({
-  theme
-}) => theme.color.primary.xlight};
-  }
-  &:hover span {
-    color: ${({
-  theme
-}) => theme.color.primary.medium};
-  }
-  flex-direction: row;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const ContainerItemSelect = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  cursor: pointer;\n  &:hover {\n    background-color: ", ";\n  }\n  &:hover span {\n    color: ", ";\n  }\n  flex-direction: row;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.color.primary.xlight;
+}, _ref3 => {
+  let {
+    theme
+  } = _ref3;
+  return theme.color.primary.medium;
+});
 exports.ContainerItemSelect = ContainerItemSelect;
-const StyledSpan = (0, _styled.default)('span')`
-  color: ${({
-  theme,
-  singleHighligh
-}) => singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};
-  padding: ${({
-  theme
-}) => `${theme.spacing.mili} 0px`};
-`;
+const StyledSpan = (0, _styled.default)('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", ";\n"])), _ref4 => {
+  let {
+    theme,
+    singleHighligh
+  } = _ref4;
+  return singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark;
+}, _ref5 => {
+  let {
+    theme
+  } = _ref5;
+  return "".concat(theme.spacing.mili, " 0px");
+});
 exports.StyledSpan = StyledSpan;
-const StyledContainerTextLabel = (0, _styled.default)('div')`
-  padding-left: ${({
-  theme
-}) => theme.spacing.mili};
-  width: 100%;
-  display: flex;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
+const StyledContainerTextLabel = (0, _styled.default)('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return theme.spacing.mili;
+});
 exports.StyledContainerTextLabel = StyledContainerTextLabel;
 //# sourceMappingURL=styled.js.map

package/dist/components/molecules/Select/SelectItem/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["ContainerItemSelect","styled","theme","spacing","mili","deca","color","primary","xlight","medium","StyledSpan","singleHighligh","secondary","xdark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/SelectItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ContainerItemSelect = styled('div')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ theme }) => theme.color.primary.xlight};\n  }\n  &:hover span {\n    color: ${({ theme }) => theme.color.primary.medium};\n  }\n  flex-direction: row;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const StyledSpan = styled('span')<\n  Partial<StyleProps> & { singleHighligh: boolean }\n>`\n  color: ${({ theme, singleHighligh }) =>\n    singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};\n  padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACtE,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAC1E;AACA;AACA,wBAAwB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAO;AAClE;AACA;AACA,aAAa,CAAC;EAAEN;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAO;AACvD;AACA;AACA;AACA;AACA;AACA,CAbO;;AAeA,MAAMC,UAAU,GAAG,IAAAT,eAAA,EAAO,MAAP,CAExB;AACF,WAAW,CAAC;EAAEC,KAAF;EAASS;AAAT,CAAD,KACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAAM;AAC9E,aAAa,CAAC;EAAEX;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAM;AACxD,CANO;;AAQA,MAAMU,wBAAwB,GAAG,IAAAb,eAAA,EAAO,KAAP,CAAmC;AAC3E,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD;AACA;AACA;AACA;AACA;AACA,CAPO"}
+{"version":3,"file":"styled.js","names":["ContainerItemSelect","styled","theme","spacing","mili","deca","color","primary","xlight","medium","StyledSpan","singleHighligh","secondary","xdark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/SelectItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ContainerItemSelect = styled('div')<Partial<StyleProps>>`\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  cursor: pointer;\n  &:hover {\n    background-color: ${({ theme }) => theme.color.primary.xlight};\n  }\n  &:hover span {\n    color: ${({ theme }) => theme.color.primary.medium};\n  }\n  flex-direction: row;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const StyledSpan = styled('span')<\n  Partial<StyleProps> & { singleHighligh: boolean }\n>`\n  color: ${({ theme, singleHighligh }) =>\n    singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};\n  padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n  padding-left: ${({ theme }) => theme.spacing.mili};\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`;\n"],"mappings":";;;;;;;AAAA;;;;;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,2SACnB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,cAAwCF,KAAK,CAACC,OAAN,CAAcE,IAAtD;AAAA,CADmB,EAIR;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAnC;AAAA,CAJQ,EAOnB;EAAA,IAAC;IAAEN;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAnC;AAAA,CAPmB,CAAzB;;AAeA,MAAMC,UAAU,GAAG,IAAAT,eAAA,EAAO,MAAP,CAAH,4GAGZ;EAAA,IAAC;IAAEC,KAAF;IAASS;EAAT,CAAD;EAAA,OACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAD7D;AAAA,CAHY,EAKV;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC;AAAA,CALU,CAAhB;;AAQA,MAAMU,wBAAwB,GAAG,IAAAb,eAAA,EAAO,KAAP,CAAH,4MACnB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADmB,CAA9B"}

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

@@ -1 +1,2 @@
-export { default as Select, SelectProps } from './Select';
+export { default as Select } from './Select';
+export type { SelectProps } from './Select';

package/dist/components/molecules/Select/index.js

@@ -9,16 +9,8 @@ Object.defineProperty(exports, "Select", {
     return _Select.default;
   }
 });
-Object.defineProperty(exports, "SelectProps", {
-  enumerable: true,
-  get: function () {
-    return _Select.SelectProps;
-  }
-});
-
-var _Select = _interopRequireWildcard(require("./Select"));
 
-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); }
+var _Select = _interopRequireDefault(require("./Select"));
 
-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; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/dist/components/molecules/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Select/index.ts"],"sourcesContent":["export { default as Select, SelectProps } from './Select';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Select/index.ts"],"sourcesContent":["export { default as Select } from './Select';\nexport type { SelectProps } from './Select';\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/components/molecules/Select/styled.js

@@ -11,20 +11,15 @@ var _reactCore = require("@tecsinapse/react-core");
 
 var _react = _interopRequireDefault(require("react"));
 
+var _templateObject, _templateObject2;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const StyledContainer = (0, _styled.default)('div')`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-direction: column;
-  width: 100%;
-  position: relative;
-`;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+const StyledContainer = (0, _styled.default)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n"])));
 exports.StyledContainer = StyledContainer;
-const StyledInputContainer = (0, _styled.default)('div')`
-  width: 100%;
-`;
+const StyledInputContainer = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 exports.StyledInputContainer = StyledInputContainer;
 
 const RightComponent = _react.default.createElement(_reactCore.Icon, {

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledContainer","styled","StyledInputContainer","RightComponent","marginRight"],"sources":["../../../../src/components/molecules/Select/styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Icon, StyleProps } from '@tecsinapse/react-core';\nimport React from 'react';\n\nexport const StyledContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledInputContainer = styled('div')<Partial<StyleProps>>`\n  width: 100%;\n`;\n\nexport const RightComponent = (\n  <Icon\n    name=\"chevron-down\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginRight: 12 }}\n  />\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,eAAe,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAClE;AACA;AACA;AACA;AACA;AACA;AACA,CAPO;;AASA,MAAMC,oBAAoB,GAAG,IAAAD,eAAA,EAAO,KAAP,CAAmC;AACvE;AACA,CAFO;;;AAIA,MAAME,cAAc,GACzB,6BAAC,eAAD;EACE,IAAI,EAAC,cADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,WAAW,EAAE;EAAf;AAJT,EADK"}
+{"version":3,"file":"styled.js","names":["StyledContainer","styled","StyledInputContainer","RightComponent","marginRight"],"sources":["../../../../src/components/molecules/Select/styled.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Icon, StyleProps } from '@tecsinapse/react-core';\nimport React from 'react';\n\nexport const StyledContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n`;\n\nexport const StyledInputContainer = styled('div')<Partial<StyleProps>>`\n  width: 100%;\n`;\n\nexport const RightComponent = (\n  <Icon\n    name=\"chevron-down\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginRight: 12 }}\n  />\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,eAAe,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAH,+MAArB;;AASA,MAAMC,oBAAoB,GAAG,IAAAD,eAAA,EAAO,KAAP,CAAH,yFAA1B;;;AAIA,MAAME,cAAc,GACzB,6BAAC,eAAD;EACE,IAAI,EAAC,cADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,WAAW,EAAE;EAAf;AAJT,EADK"}

package/dist/components/molecules/Snackbar/Snackbar.js

@@ -15,14 +15,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 Snackbar = ({
-  value,
-  textProps = {
-    colorVariant: 'primary',
-    colorTone: 'medium'
-  },
-  ...rest
-}) => {
+const Snackbar = _ref => {
+  let {
+    value,
+    textProps = {
+      colorVariant: 'primary',
+      colorTone: 'medium'
+    },
+    ...rest
+  } = _ref;
   return _react.default.createElement(_styled.SnackbarStyled, rest, _react.default.createElement(_reactCore.Text, _extends({}, textProps, {
     fontWeight: "bold",
     typography: "base"