@tecsinapse/react-web-kit 1.20.1 → 1.21.1

package/esm/components/molecules/Menubar/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["default","webStyled","nativeStyled","hex2rgba","Button","Input","StyledIconInput","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n  padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n  padding-left: ${({ theme }) => theme.spacing.centi};\n  padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n  padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n    position: relative;\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n    padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    margin-right: ${({ theme }) => theme.spacing.kilo};\n    & * {\n      user-select: none;\n    }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n    border-top: ${({ theme }) =>\n      `${theme.borderWidth.pico} solid ${hex2rgba(\n        theme.miscellaneous.shadow,\n        0.05\n      )}`};\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n    border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n    border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ${({ theme }) => theme.spacing.kilo};\n    padding-bottom: ${({ theme }) => theme.spacing.mega};\n    position: absolute;\n    z-index: ${({ theme }) => theme.zIndex.header + 1};\n    width: -webkit-fill-available;\n    width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n     width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n    display: flex;\n    flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n    margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"styled.js","names":["default","webStyled","nativeStyled","hex2rgba","Button","Input","StyledIconInput","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Input } from '../../atoms/Input';\n\nexport const StyledIconInput = webStyled('div')<Partial<StyleProps>>`\n  padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n  padding-left: ${({ theme }) => theme.spacing.centi};\n  padding-bottom: calc(${({ theme }) => theme.spacing.centi} - 2px);\n  padding-right: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledMenuBar = webStyled('div')<Partial<StyleProps>>`\n    position: relative;\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding: ${({ theme }) => `${theme.spacing.deca} ${theme.spacing.kilo}`};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n\nexport const StyledMenuButton = nativeStyled(Button)<Partial<StyleProps>>`\n    padding-top: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-right: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-bottom: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    padding-left: calc(${({ theme }) => theme.spacing.centi} + 2px);\n    margin-right: ${({ theme }) => theme.spacing.kilo};\n    & * {\n      user-select: none;\n    }\n`;\n\nexport const StyledContainerOpenMenu = webStyled('div')<Partial<StyleProps>>`\n    border-top: ${({ theme }) =>\n      `${theme.borderWidth.pico} solid ${hex2rgba(\n        theme.miscellaneous.shadow,\n        0.05\n      )}`};\n    background-color: ${({ theme }) => theme.miscellaneous.surfaceColor}; \n    border-bottom-left-radius: ${({ theme }) => theme.borderRadius.mili}; \n    border-bottom-right-radius: ${({ theme }) => theme.borderRadius.mili};\n    box-shadow: 0px 2px 8px ${({ theme }) =>\n      hex2rgba(theme.miscellaneous.shadow, 0.05)};\n    padding-right: 8vw;\n    padding-left: 8vw;\n    padding-top: ${({ theme }) => theme.spacing.kilo};\n    padding-bottom: ${({ theme }) => theme.spacing.mega};\n    position: absolute;\n    z-index: ${({ theme }) => theme.zIndex.header + 1};\n    width: -webkit-fill-available;\n    width: -moz-available;\n`;\n\nexport const StyledInput = nativeStyled(Input)<Partial<StyleProps>>`\n     width: 100%;\n`;\n\nexport const StyledInputContainer = webStyled('div')`\n    display: flex;\n    flex: 1;\n`;\n\nexport const StyledSearchResultsContainer = webStyled('div')`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const StyledSearchTextContainer = webStyled('div')<Partial<StyleProps>>`\n    margin-bottom: ${({ theme }) => theme.spacing.mili};\n`;\n"],"mappings":"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"}

package/esm/components/molecules/Menubar/utils.js

@@ -13,7 +13,7 @@ export var filterAndTransform = function filterAndTransform(options, search) {
         });
       }
 
-      (_item$items = item.items) == null ? void 0 : _item$items.forEach(function (sub) {
+      (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.forEach(function (sub) {
         if (sub.title.toLowerCase().startsWith(search)) {
           normalized.push({
             title: sub.title,

package/esm/components/molecules/Menubar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["filterAndTransform","options","search","normalized","forEach","option","items","item","title","toLowerCase","startsWith","push","Component","props","category","sub"],"sources":["../../../../src/components/molecules/Menubar/utils.ts"],"sourcesContent":["import { MostUsedType, OptionsType } from './types';\n\nexport const filterAndTransform = (\n  options: OptionsType[],\n  search: string\n): MostUsedType[] => {\n  const normalized: MostUsedType[] = [];\n  options.forEach(option => {\n    option.items.forEach(item => {\n      if (item.title.toLowerCase().startsWith(search)) {\n        normalized.push({\n          title: item.title,\n          Component: item.Component,\n          props: item.props,\n          category: option.title,\n        });\n      }\n      item.items?.forEach(sub => {\n        if (sub.title.toLowerCase().startsWith(search)) {\n          normalized.push({\n            title: sub.title,\n            Component: sub.Component,\n            props: sub.props,\n            category: option.title,\n          });\n        }\n      });\n    });\n  });\n\n  return normalized;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAChCC,OADgC,EAEhCC,MAFgC,EAGb;EACnB,IAAMC,UAA0B,GAAG,EAAnC;EACAF,OAAO,CAACG,OAAR,CAAgB,UAAAC,MAAM,EAAI;IACxBA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqB,UAAAG,IAAI,EAAI;MAAA;;MAC3B,IAAIA,IAAI,CAACC,KAAL,CAAWC,WAAX,GAAyBC,UAAzB,CAAoCR,MAApC,CAAJ,EAAiD;QAC/CC,UAAU,CAACQ,IAAX,CAAgB;UACdH,KAAK,EAAED,IAAI,CAACC,KADE;UAEdI,SAAS,EAAEL,IAAI,CAACK,SAFF;UAGdC,KAAK,EAAEN,IAAI,CAACM,KAHE;UAIdC,QAAQ,EAAET,MAAM,CAACG;QAJH,CAAhB;MAMD;;MACD,eAAAD,IAAI,CAACD,KAAL,iCAAYF,OAAZ,CAAoB,UAAAW,GAAG,EAAI;QACzB,IAAIA,GAAG,CAACP,KAAJ,CAAUC,WAAV,GAAwBC,UAAxB,CAAmCR,MAAnC,CAAJ,EAAgD;UAC9CC,UAAU,CAACQ,IAAX,CAAgB;YACdH,KAAK,EAAEO,GAAG,CAACP,KADG;YAEdI,SAAS,EAAEG,GAAG,CAACH,SAFD;YAGdC,KAAK,EAAEE,GAAG,CAACF,KAHG;YAIdC,QAAQ,EAAET,MAAM,CAACG;UAJH,CAAhB;QAMD;MACF,CATD;IAUD,CAnBD;EAoBD,CArBD;EAuBA,OAAOL,UAAP;AACD,CA7BM"}
+{"version":3,"file":"utils.js","names":["filterAndTransform","options","search","normalized","forEach","option","items","item","title","toLowerCase","startsWith","push","Component","props","category","sub"],"sources":["../../../../src/components/molecules/Menubar/utils.ts"],"sourcesContent":["import { MostUsedType, OptionsType } from './types';\n\nexport const filterAndTransform = (\n  options: OptionsType[],\n  search: string\n): MostUsedType[] => {\n  const normalized: MostUsedType[] = [];\n  options.forEach(option => {\n    option.items.forEach(item => {\n      if (item.title.toLowerCase().startsWith(search)) {\n        normalized.push({\n          title: item.title,\n          Component: item.Component,\n          props: item.props,\n          category: option.title,\n        });\n      }\n      item.items?.forEach(sub => {\n        if (sub.title.toLowerCase().startsWith(search)) {\n          normalized.push({\n            title: sub.title,\n            Component: sub.Component,\n            props: sub.props,\n            category: option.title,\n          });\n        }\n      });\n    });\n  });\n\n  return normalized;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAChCC,OADgC,EAEhCC,MAFgC,EAGb;EACnB,IAAMC,UAA0B,GAAG,EAAnC;EACAF,OAAO,CAACG,OAAR,CAAgB,UAAAC,MAAM,EAAI;IACxBA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqB,UAAAG,IAAI,EAAI;MAAA;;MAC3B,IAAIA,IAAI,CAACC,KAAL,CAAWC,WAAX,GAAyBC,UAAzB,CAAoCR,MAApC,CAAJ,EAAiD;QAC/CC,UAAU,CAACQ,IAAX,CAAgB;UACdH,KAAK,EAAED,IAAI,CAACC,KADE;UAEdI,SAAS,EAAEL,IAAI,CAACK,SAFF;UAGdC,KAAK,EAAEN,IAAI,CAACM,KAHE;UAIdC,QAAQ,EAAET,MAAM,CAACG;QAJH,CAAhB;MAMD;;MACD,eAAAD,IAAI,CAACD,KAAL,4DAAYF,OAAZ,CAAoB,UAAAW,GAAG,EAAI;QACzB,IAAIA,GAAG,CAACP,KAAJ,CAAUC,WAAV,GAAwBC,UAAxB,CAAmCR,MAAnC,CAAJ,EAAgD;UAC9CC,UAAU,CAACQ,IAAX,CAAgB;YACdH,KAAK,EAAEO,GAAG,CAACP,KADG;YAEdI,SAAS,EAAEG,GAAG,CAACH,SAFD;YAGdC,KAAK,EAAEE,GAAG,CAACF,KAHG;YAIdC,QAAQ,EAAET,MAAM,CAACG;UAJH,CAAhB;QAMD;MACF,CATD;IAUD,CAnBD;EAoBD,CArBD;EAuBA,OAAOL,UAAP;AACD,CA7BM"}

package/esm/components/molecules/Select/Dropdown/Dropdown.js

@@ -1,3 +1,15 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React from 'react';
 import { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';
 import { ItemSelect } from "../SelectItem";
@@ -23,20 +35,22 @@ var Dropdown = function Dropdown(_ref) {
       searchBarPlaceholder = _ref.searchBarPlaceholder;
 
   var _useDebouncedState = useDebouncedState('', onSearch),
-      searchArg = _useDebouncedState[0],
-      setSearchArg = _useDebouncedState[1];
+      _useDebouncedState2 = _slicedToArray(_useDebouncedState, 2),
+      searchArg = _useDebouncedState2[0],
+      setSearchArg = _useDebouncedState2[1];
 
   var lengthOptions = React.useMemo(function () {
     return options.length;
   }, [options]);
 
-  var _React$useState = React.useState(type === 'multi' && (value == null ? void 0 : value.length) === lengthOptions),
-      checkedAll = _React$useState[0],
-      setCheckedAll = _React$useState[1];
+  var _React$useState = React.useState(type === 'multi' && (value === null || value === void 0 ? void 0 : value.length) === lengthOptions),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      checkedAll = _React$useState2[0],
+      setCheckedAll = _React$useState2[1];
 
   React.useEffect(function () {
     if (type === 'multi') {
-      lengthOptions === (value == null ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
+      lengthOptions === (value === null || value === void 0 ? void 0 : value.length) ? setCheckedAll(true) : setCheckedAll(false);
     }
   }, [value, type, lengthOptions]);
   var onClickCheckAll = React.useCallback(function () {

package/esm/components/molecules/Select/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":["React","Checkbox","Text","useDebouncedState","ItemSelect","SearchBarContainer","StyledContainerCheckAll","StyledContainerDropdown","StyledContainerTextLabel","StyledSpan","OptionsContainer","PaddedContainer","SearchInput","fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","lengthOptions","useMemo","length","useState","checkedAll","setCheckedAll","useEffect","onClickCheckAll","useCallback","items","map","option","aux","prev","auxArray","onChange","text","undefined","item","index"],"sources":["../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { ItemSelect } from '../SelectItem';\nimport { SelectProps } from '../Select';\nimport {\n  SearchBarContainer,\n  StyledContainerCheckAll,\n  StyledContainerDropdown,\n  StyledContainerTextLabel,\n  StyledSpan,\n  OptionsContainer,\n  PaddedContainer,\n} from './styled';\nimport { SearchInput } from './components';\n\nconst fullWidth = { width: '100%' };\n\nconst Dropdown = <Data, Type extends 'single' | 'multi'>({\n  options,\n  onSearch,\n  type,\n  hideSearchBar,\n  onSelect,\n  value,\n  keyExtractor,\n  labelExtractor,\n  setDropDownVisible,\n  style,\n  anchor,\n  selectAllLabel,\n  searchBarPlaceholder,\n}: SelectProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n}): JSX.Element => {\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const lengthOptions = React.useMemo(() => options.length, [options]);\n\n  const [checkedAll, setCheckedAll] = React.useState<boolean>(\n    type === 'multi' && (value as Data[])?.length === lengthOptions\n  );\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      lengthOptions === (value as Data[])?.length\n        ? setCheckedAll(true)\n        : setCheckedAll(false);\n    }\n  }, [value, type, lengthOptions]);\n\n  const onClickCheckAll = React.useCallback(() => {\n    const items = options.map(option => option);\n    let aux;\n    setCheckedAll(prev => {\n      aux = !prev;\n      return !prev;\n    });\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    const auxArray: Data[] = [];\n    !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);\n  }, [options, setCheckedAll, onSelect]);\n\n  const onChange = React.useCallback(\n    text => setSearchArg(text),\n    [setSearchArg]\n  );\n\n  return (\n    <StyledContainerDropdown\n      lengthOptions={lengthOptions}\n      style={style}\n      anchor={anchor}\n    >\n      {type === 'multi' && (\n        <StyledContainerCheckAll\n          onClick={hideSearchBar ? onClickCheckAll : undefined}\n        >\n          <Checkbox checked={checkedAll} onChange={onClickCheckAll} />\n          {!hideSearchBar ? (\n            <SearchBarContainer>\n              <SearchInput\n                searchArg={searchArg}\n                onChange={onChange}\n                fullWidth={fullWidth}\n                placeholder={searchBarPlaceholder}\n              />\n            </SearchBarContainer>\n          ) : (\n            <StyledContainerTextLabel>\n              <Text fontWeight=\"bold\">\n                <StyledSpan>{selectAllLabel}</StyledSpan>\n              </Text>\n            </StyledContainerTextLabel>\n          )}\n        </StyledContainerCheckAll>\n      )}\n      {type === 'single' && !hideSearchBar && (\n        <PaddedContainer>\n          <SearchInput\n            searchArg={searchArg}\n            onChange={onChange}\n            fullWidth={fullWidth}\n            placeholder={searchBarPlaceholder}\n          />\n        </PaddedContainer>\n      )}\n      <OptionsContainer lengthOptions={options.length}>\n        {options.map((item, index) => (\n          <ItemSelect\n            type={type}\n            key={keyExtractor(item)}\n            item={item}\n            onSelect={onSelect}\n            value={value}\n            keyExtractor={keyExtractor}\n            index={index}\n            labelExtractor={labelExtractor}\n            setDropDownVisible={setDropDownVisible}\n            checkedAll={checkedAll}\n            setCheckedAll={setCheckedAll}\n            lenghtOptions={lengthOptions}\n          />\n        ))}\n      </OptionsContainer>\n    </StyledContainerDropdown>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","names":["React","Checkbox","Text","useDebouncedState","ItemSelect","SearchBarContainer","StyledContainerCheckAll","StyledContainerDropdown","StyledContainerTextLabel","StyledSpan","OptionsContainer","PaddedContainer","SearchInput","fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","lengthOptions","useMemo","length","useState","checkedAll","setCheckedAll","useEffect","onClickCheckAll","useCallback","items","map","option","aux","prev","auxArray","onChange","text","undefined","item","index"],"sources":["../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text, useDebouncedState } from '@tecsinapse/react-core';\nimport { ItemSelect } from '../SelectItem';\nimport { SelectProps } from '../Select';\nimport {\n  SearchBarContainer,\n  StyledContainerCheckAll,\n  StyledContainerDropdown,\n  StyledContainerTextLabel,\n  StyledSpan,\n  OptionsContainer,\n  PaddedContainer,\n} from './styled';\nimport { SearchInput } from './components';\n\nconst fullWidth = { width: '100%' };\n\nconst Dropdown = <Data, Type extends 'single' | 'multi'>({\n  options,\n  onSearch,\n  type,\n  hideSearchBar,\n  onSelect,\n  value,\n  keyExtractor,\n  labelExtractor,\n  setDropDownVisible,\n  style,\n  anchor,\n  selectAllLabel,\n  searchBarPlaceholder,\n}: SelectProps<Data, Type> & {\n  setDropDownVisible: (t: boolean) => void;\n}): JSX.Element => {\n  const [searchArg, setSearchArg] = useDebouncedState<string>('', onSearch);\n  const lengthOptions = React.useMemo(() => options.length, [options]);\n\n  const [checkedAll, setCheckedAll] = React.useState<boolean>(\n    type === 'multi' && (value as Data[])?.length === lengthOptions\n  );\n\n  React.useEffect(() => {\n    if (type === 'multi') {\n      lengthOptions === (value as Data[])?.length\n        ? setCheckedAll(true)\n        : setCheckedAll(false);\n    }\n  }, [value, type, lengthOptions]);\n\n  const onClickCheckAll = React.useCallback(() => {\n    const items = options.map(option => option);\n    let aux;\n    setCheckedAll(prev => {\n      aux = !prev;\n      return !prev;\n    });\n    type OnSelectArg = Parameters<typeof onSelect>[0];\n    const auxArray: Data[] = [];\n    !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);\n  }, [options, setCheckedAll, onSelect]);\n\n  const onChange = React.useCallback(\n    text => setSearchArg(text),\n    [setSearchArg]\n  );\n\n  return (\n    <StyledContainerDropdown\n      lengthOptions={lengthOptions}\n      style={style}\n      anchor={anchor}\n    >\n      {type === 'multi' && (\n        <StyledContainerCheckAll\n          onClick={hideSearchBar ? onClickCheckAll : undefined}\n        >\n          <Checkbox checked={checkedAll} onChange={onClickCheckAll} />\n          {!hideSearchBar ? (\n            <SearchBarContainer>\n              <SearchInput\n                searchArg={searchArg}\n                onChange={onChange}\n                fullWidth={fullWidth}\n                placeholder={searchBarPlaceholder}\n              />\n            </SearchBarContainer>\n          ) : (\n            <StyledContainerTextLabel>\n              <Text fontWeight=\"bold\">\n                <StyledSpan>{selectAllLabel}</StyledSpan>\n              </Text>\n            </StyledContainerTextLabel>\n          )}\n        </StyledContainerCheckAll>\n      )}\n      {type === 'single' && !hideSearchBar && (\n        <PaddedContainer>\n          <SearchInput\n            searchArg={searchArg}\n            onChange={onChange}\n            fullWidth={fullWidth}\n            placeholder={searchBarPlaceholder}\n          />\n        </PaddedContainer>\n      )}\n      <OptionsContainer lengthOptions={options.length}>\n        {options.map((item, index) => (\n          <ItemSelect\n            type={type}\n            key={keyExtractor(item)}\n            item={item}\n            onSelect={onSelect}\n            value={value}\n            keyExtractor={keyExtractor}\n            index={index}\n            labelExtractor={labelExtractor}\n            setDropDownVisible={setDropDownVisible}\n            checkedAll={checkedAll}\n            setCheckedAll={setCheckedAll}\n            lenghtOptions={lengthOptions}\n          />\n        ))}\n      </OptionsContainer>\n    </StyledContainerDropdown>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { hex2rgba } from '@tecsinapse/react-core';
@@ -9,16 +9,16 @@ import { css } from '@emotion/react';
 var anchorBottom = function anchorBottom(_ref) {
   var theme = _ref.theme,
       anchor = _ref.anchor;
-  return anchor === 'bottom' && css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    margin-top: ", ";\n    top: 100%;\n  "])), theme.spacing.centi);
+  return anchor === 'bottom' && css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: ", ";\n    top: 100%;\n  "])), theme.spacing.centi);
 };
 
 var anchorTop = function anchorTop(_ref2) {
   var theme = _ref2.theme,
       anchor = _ref2.anchor;
-  return anchor === 'top' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    margin-bottom: ", ";\n    bottom: 100%;\n  "])), theme.spacing.centi);
+  return anchor === 'top' && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    margin-bottom: ", ";\n    bottom: 100%;\n  "])), theme.spacing.centi);
 };
 
-export var StyledContainerDropdown = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\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"])), function (_ref3) {
+export var StyledContainerDropdown = styled('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"])), function (_ref3) {
   var theme = _ref3.theme;
   return theme.miscellaneous.surfaceColor;
 }, function (_ref4) {
@@ -30,7 +30,7 @@ export var StyledContainerDropdown = styled('div')(_templateObject3 || (_templat
 }, function (_ref6) {
   var theme = _ref6.theme,
       hideSearchBar = _ref6.hideSearchBar;
-  return !hideSearchBar ? "" + theme.spacing.deca : '0px';
+  return !hideSearchBar ? "".concat(theme.spacing.deca) : '0px';
 }, function (_ref7) {
   var theme = _ref7.theme;
   return theme.spacing.mili;
@@ -38,7 +38,7 @@ export var StyledContainerDropdown = styled('div')(_templateObject3 || (_templat
   var theme = _ref8.theme;
   return theme.zIndex.select;
 }, anchorTop, anchorBottom);
-export var OptionsContainer = styled('div')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\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"])), function (_ref9) {
+export var OptionsContainer = styled('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"])), function (_ref9) {
   var _ref9$lengthOptions = _ref9.lengthOptions,
       lengthOptions = _ref9$lengthOptions === void 0 ? 0 : _ref9$lengthOptions;
   return lengthOptions > 5 ? 'scroll' : 'hidden';
@@ -52,29 +52,29 @@ export var OptionsContainer = styled('div')(_templateObject4 || (_templateObject
   var theme = _ref12.theme;
   return theme.color.primary.light;
 });
-export var SearchBarContainer = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  padding-left: ", ";\n  width: 100%;\n"])), function (_ref13) {
+export var SearchBarContainer = styled('div')(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n"])), function (_ref13) {
   var theme = _ref13.theme;
   return theme.spacing.mili;
 });
-export var PaddedContainer = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n"])), function (_ref14) {
+export var PaddedContainer = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: ", ";\n"])), function (_ref14) {
   var theme = _ref14.theme;
-  return theme.spacing.mili + " " + theme.spacing.deca;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
 });
-export var StyledContainerCheckAll = styled(PaddedContainer)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\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"])), function (_ref15) {
+export var StyledContainerCheckAll = styled(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"])), function (_ref15) {
   var theme = _ref15.theme;
   return theme.color.primary.xlight;
 }, function (_ref16) {
   var theme = _ref16.theme;
   return theme.color.primary.medium;
 });
-export var StyledSpan = styled('span')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  padding: ", ";\n"])), function (_ref17) {
+export var StyledSpan = styled('span')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", ";\n"])), function (_ref17) {
   var theme = _ref17.theme;
   return theme.font.color.dark;
 }, function (_ref18) {
   var theme = _ref18.theme;
-  return theme.spacing.mili + " 0px";
+  return "".concat(theme.spacing.mili, " 0px");
 });
-export var StyledContainerTextLabel = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n"])), function (_ref19) {
+export var StyledContainerTextLabel = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n"])), function (_ref19) {
   var theme = _ref19.theme;
   return theme.spacing.mili;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","hex2rgba","css","anchorBottom","theme","anchor","spacing","centi","anchorTop","StyledContainerDropdown","miscellaneous","surfaceColor","borderRadius","mili","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":["styled","hex2rgba","css","anchorBottom","theme","anchor","spacing","centi","anchorTop","StyledContainerDropdown","miscellaneous","surfaceColor","borderRadius","mili","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/esm/components/molecules/Select/Select.js

@@ -1,7 +1,27 @@
 var _excluded = ["value", "options", "keyExtractor", "onSelect", "type", "labelExtractor", "placeholder", "onSearch", "searchBarPlaceholder", "hideSearchBar", "label", "disabled", "anchor", "displayTextProps", "selectAllLabel"];
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 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); }
 
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import { PressableInputContainer, Text } from '@tecsinapse/react-core';
@@ -33,11 +53,12 @@ export var Select = function Select(_ref) {
       displayTextProps = _ref.displayTextProps,
       _ref$selectAllLabel = _ref.selectAllLabel,
       selectAllLabel = _ref$selectAllLabel === void 0 ? 'Selecionar todos' : _ref$selectAllLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   var _React$useState = React.useState(false),
-      dropDownVisible = _React$useState[0],
-      setDropDownVisible = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      dropDownVisible = _React$useState2[0],
+      setDropDownVisible = _React$useState2[1];
 
   var refDropDown = React.useRef(null);
   useClickAwayListener(refDropDown, setDropDownVisible);
@@ -78,7 +99,7 @@ export var Select = function Select(_ref) {
       hideSearchBar: hideSearchBar,
       searchBarPlaceholder: searchBarPlaceholder,
       onSearch: onSearch,
-      style: _extends({}, defaultStyles, transition[anchor][state]),
+      style: _objectSpread(_objectSpread({}, defaultStyles), transition[anchor][state]),
       setDropDownVisible: setDropDownVisible,
       anchor: anchor,
       selectAllLabel: selectAllLabel

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["PressableInputContainer","Text","React","Transition","useClickAwayListener","defaultStyles","transition","Dropdown","getDisplayValue","RightComponent","StyledContainer","StyledInputContainer","Select","value","options","keyExtractor","onSelect","type","labelExtractor","placeholder","onSearch","searchBarPlaceholder","hideSearchBar","label","disabled","anchor","displayTextProps","selectAllLabel","rest","useState","dropDownVisible","setDropDownVisible","refDropDown","useRef","onlyLabel","hasValue","length","_placeholder","_label","undefined","displayValue","onPress","useCallback","prev","state"],"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":"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"}
+{"version":3,"file":"Select.js","names":["PressableInputContainer","Text","React","Transition","useClickAwayListener","defaultStyles","transition","Dropdown","getDisplayValue","RightComponent","StyledContainer","StyledInputContainer","Select","value","options","keyExtractor","onSelect","type","labelExtractor","placeholder","onSearch","searchBarPlaceholder","hideSearchBar","label","disabled","anchor","displayTextProps","selectAllLabel","rest","useState","dropDownVisible","setDropDownVisible","refDropDown","useRef","onlyLabel","hasValue","length","_placeholder","_label","undefined","displayValue","onPress","useCallback","prev","state"],"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":"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"}

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

@@ -1,3 +1,23 @@
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 import React from 'react';
 import { Checkbox, Text } from '@tecsinapse/react-core';
 import { ContainerItemSelect, StyledContainerTextLabel, StyledSpan } from "./styled";
@@ -18,8 +38,9 @@ var SelectItem = function SelectItem(_ref) {
   var _React$useState = React.useState(value !== undefined && type === 'multi' && value.find(function (data) {
     return keyExtractor(data) === keyExtractor(item);
   }) !== undefined),
-      checked = _React$useState[0],
-      setChecked = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      checked = _React$useState2[0],
+      setChecked = _React$useState2[1];
 
   React.useEffect(function () {
     if (!checked && value !== undefined && (type === 'multi' && value.find(function (data) {
@@ -41,15 +62,16 @@ var SelectItem = function SelectItem(_ref) {
       setChecked(!checked);
 
       if (auxChecked) {
-        onSelect([].concat(_value, [key]));
-        [].concat(_value, [key]).length === lenghtOptions && setCheckedAll(true);
+        onSelect([].concat(_toConsumableArray(_value), [key]));
+        [].concat(_toConsumableArray(_value), [key]).length === lenghtOptions && setCheckedAll(true);
       } else {
-        var auxArray = [].concat(_value);
+        var auxArray = _toConsumableArray(_value);
+
         var indexToExclude = auxArray.findIndex(function (data) {
           return keyExtractor(data) === keyExtractor(key);
         });
         auxArray.splice(indexToExclude, 1);
-        onSelect([].concat(auxArray));
+        onSelect(_toConsumableArray(auxArray));
         setCheckedAll(false);
       }
     } else {

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

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.js","names":["React","Checkbox","Text","ContainerItemSelect","StyledContainerTextLabel","StyledSpan","SelectItem","item","onSelect","type","value","labelExtractor","setDropDownVisible","checkedAll","setCheckedAll","lenghtOptions","keyExtractor","isMulti","useState","undefined","find","data","checked","setChecked","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":["React","Checkbox","Text","ContainerItemSelect","StyledContainerTextLabel","StyledSpan","SelectItem","item","onSelect","type","value","labelExtractor","setDropDownVisible","checkedAll","setCheckedAll","lenghtOptions","keyExtractor","isMulti","useState","undefined","find","data","checked","setChecked","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/esm/components/molecules/Select/SelectItem/styled.js

@@ -1,11 +1,11 @@
 var _templateObject, _templateObject2, _templateObject3;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
-export var ContainerItemSelect = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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"])), function (_ref) {
+export var ContainerItemSelect = styled('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"])), function (_ref) {
   var theme = _ref.theme;
-  return theme.spacing.mili + " " + theme.spacing.deca;
+  return "".concat(theme.spacing.mili, " ").concat(theme.spacing.deca);
 }, function (_ref2) {
   var theme = _ref2.theme;
   return theme.color.primary.xlight;
@@ -13,15 +13,15 @@ export var ContainerItemSelect = styled('div')(_templateObject || (_templateObje
   var theme = _ref3.theme;
   return theme.color.primary.medium;
 });
-export var StyledSpan = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  padding: ", ";\n"])), function (_ref4) {
+export var StyledSpan = styled('span')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n  padding: ", ";\n"])), function (_ref4) {
   var theme = _ref4.theme,
       singleHighligh = _ref4.singleHighligh;
   return singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark;
 }, function (_ref5) {
   var theme = _ref5.theme;
-  return theme.spacing.mili + " 0px";
+  return "".concat(theme.spacing.mili, " 0px");
 });
-export var StyledContainerTextLabel = styled('div')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  padding-left: ", ";\n  width: 100%;\n  display: flex;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n"])), function (_ref6) {
+export var StyledContainerTextLabel = styled('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"])), function (_ref6) {
   var theme = _ref6.theme;
   return theme.spacing.mili;
 });

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","ContainerItemSelect","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,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,gTACnB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,SAAwCF,KAAK,CAACC,OAAN,CAAcE,IAAtD;AAAA,CADmB,EAIR;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAnC;AAAA,CAJQ,EAOnB;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAnC;AAAA,CAPmB,CAAzB;AAeP,OAAO,IAAMC,UAAU,GAAGV,MAAM,CAAC,MAAD,CAAT,iHAGZ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUS,cAAV,SAAUA,cAAV;EAAA,OACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAD7D;AAAA,CAHY,EAKV;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC;AAAA,CALU,CAAhB;AAQP,OAAO,IAAMU,wBAAwB,GAAGd,MAAM,CAAC,KAAD,CAAT,iNACnB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADmB,CAA9B"}
+{"version":3,"file":"styled.js","names":["styled","ContainerItemSelect","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,OAAOA,MAAP,MAAmB,iBAAnB;AAGA,OAAO,IAAMC,mBAAmB,GAAGD,MAAM,CAAC,KAAD,CAAT,2SACnB;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC,cAAwCF,KAAK,CAACC,OAAN,CAAcE,IAAtD;AAAA,CADmB,EAIR;EAAA,IAAGH,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAnC;AAAA,CAJQ,EAOnB;EAAA,IAAGN,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAnC;AAAA,CAPmB,CAAzB;AAeP,OAAO,IAAMC,UAAU,GAAGV,MAAM,CAAC,MAAD,CAAT,4GAGZ;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,IAAUS,cAAV,SAAUA,cAAV;EAAA,OACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAD7D;AAAA,CAHY,EAKV;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,iBAAkBA,KAAK,CAACC,OAAN,CAAcC,IAAhC;AAAA,CALU,CAAhB;AAQP,OAAO,IAAMU,wBAAwB,GAAGd,MAAM,CAAC,KAAD,CAAT,4MACnB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADmB,CAA9B"}

package/esm/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/esm/components/molecules/Select/index.js

@@ -1,2 +1,2 @@
-export { default as Select, SelectProps } from "./Select";
+export { default as Select } from "./Select";
 //# sourceMappingURL=index.js.map

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

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

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

@@ -1,12 +1,12 @@
 var _templateObject, _templateObject2;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { Icon } from '@tecsinapse/react-core';
 import React from 'react';
-export var StyledContainer = styled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  position: relative;\n"])));
-export var StyledInputContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+export var StyledContainer = styled('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"])));
+export var StyledInputContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 export var RightComponent = React.createElement(Icon, {
   name: "chevron-down",
   type: "material-community",

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["styled","Icon","React","StyledContainer","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAAiC,wBAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAAC,KAAD,CAAT,oNAArB;AASP,OAAO,IAAMI,oBAAoB,GAAGJ,MAAM,CAAC,KAAD,CAAT,8FAA1B;AAIP,OAAO,IAAMK,cAAc,GACzB,oBAAC,IAAD;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":["styled","Icon","React","StyledContainer","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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAAiC,wBAAjC;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,eAAe,GAAGH,MAAM,CAAC,KAAD,CAAT,+MAArB;AASP,OAAO,IAAMI,oBAAoB,GAAGJ,MAAM,CAAC,KAAD,CAAT,yFAA1B;AAIP,OAAO,IAAMK,cAAc,GACzB,oBAAC,IAAD;EACE,IAAI,EAAC,cADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,WAAW,EAAE;EAAf;AAJT,EADK"}

package/esm/components/molecules/Snackbar/Snackbar.js

@@ -2,6 +2,8 @@ var _excluded = ["value", "textProps"];
 
 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); }
 
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 import React from 'react';
@@ -14,7 +16,7 @@ export var Snackbar = function Snackbar(_ref) {
     colorVariant: 'primary',
     colorTone: 'medium'
   } : _ref$textProps,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+      rest = _objectWithoutProperties(_ref, _excluded);
 
   return React.createElement(SnackbarStyled, rest, React.createElement(Text, _extends({}, textProps, {
     fontWeight: "bold",

package/esm/components/molecules/Snackbar/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Snackbar.js","names":["React","Text","SnackbarStyled","Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SnackbarProps as SnackPropsCore,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextProps;\n}\n\nexport const Snackbar: React.FC<SnackbarWebProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAEEC,IAFF,QAIO,wBAJP;AAKA,SAASC,cAAT;AAOA,OAAO,IAAMC,QAAoC,GAAG,SAAvCA,QAAuC,OAI9C;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,0BAFJC,SAEI;EAAA,IAFJA,SAEI,+BAFQ;IAAEC,YAAY,EAAE,SAAhB;IAA2BC,SAAS,EAAE;EAAtC,CAER;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,cAAD,EAAoBA,IAApB,EACE,oBAAC,IAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;AAcP,eAAeD,QAAf"}
+{"version":3,"file":"Snackbar.js","names":["React","Text","SnackbarStyled","Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  SnackbarProps as SnackPropsCore,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n  value: string;\n  textProps?: TextProps;\n}\n\nexport const Snackbar: React.FC<SnackbarWebProps> = ({\n  value,\n  textProps = { colorVariant: 'primary', colorTone: 'medium' },\n  ...rest\n}) => {\n  return (\n    <SnackbarStyled {...rest}>\n      <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n        {value}\n      </Text>\n    </SnackbarStyled>\n  );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAEEC,IAFF,QAIO,wBAJP;AAKA,SAASC,cAAT;AAOA,OAAO,IAAMC,QAAoC,GAAG,SAAvCA,QAAuC,OAI9C;EAAA,IAHJC,KAGI,QAHJA,KAGI;EAAA,0BAFJC,SAEI;EAAA,IAFJA,SAEI,+BAFQ;IAAEC,YAAY,EAAE,SAAhB;IAA2BC,SAAS,EAAE;EAAtC,CAER;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,cAAD,EAAoBA,IAApB,EACE,oBAAC,IAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;AAcP,eAAeD,QAAf"}

package/esm/components/molecules/Snackbar/index.d.ts

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