@tecsinapse/react-web-kit 1.19.0 → 1.20.2

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

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

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

@@ -13,7 +13,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 MostUsed = ({
   data,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"names":["MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,QAAiC,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA,KAAR;AAAeC,EAAAA;AAAf,CAAD,KAA6B;AACrE,QAAMC,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,SACE,4DACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC;AAAjB,KAAyBH,KAAzB,CADF,EAEE,6BAAC,2BAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG,CAAC;AACCC,IAAAA,KADD;AAECC,IAAAA,QAFD;AAGCC,IAAAA,SAAS,GAAG,GAHb;AAICC,IAAAA,KAAK,GAAG;AAJT,GAAD,KAME,6BAAC,SAAD,eACMA,KADN;AAEE,IAAA,KAAK,EAAEP,gBAFT;AAGE,IAAA,GAAG,EAAG,GAAEI,KAAM,IAAGC,QAAS,EAH5B;AAIE,IAAA,OAAO,EAAEN;AAJX,MAME,6BAAC,kBAAD;AAAY,IAAA,QAAQ,MAApB;AAAqB,IAAA,GAAG,EAAG,GAAEK,KAAM,IAAGC,QAAS;AAA/C,KACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC;AAArC,KACGD,KADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,MADb;AAEE,IAAA,YAAY,EAAC,WAFf;AAGE,IAAA,UAAU,EAAC;AAHb,KAKGC,QALH,CAJF,CANF,CATL,CADH,CAFF,CADF;AAqCD,CAxCD;;eA0CeG,eAAMC,IAAN,CAAWb,QAAX,C","sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n  data: MostUsedType[];\n  label: string;\n  toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <>\n      <Text fontWeight=\"bold\">{label}</Text>\n      <StyledCardContainer>\n        {data\n          .slice(0, 4)\n          .map(\n            ({\n              title,\n              category,\n              Component = 'a',\n              props = {},\n            }: MostUsedType) => (\n              <Component\n                {...props}\n                style={noTextDecoration}\n                key={`${title}-${category}`}\n                onClick={toggle}\n              >\n                <StyledCard elevated key={`${title}-${category}`}>\n                  <Text fontWeight=\"bold\" colorVariant=\"primary\">\n                    {title}\n                  </Text>\n                  <Text\n                    fontWeight=\"bold\"\n                    colorVariant=\"secondary\"\n                    typography=\"label\"\n                  >\n                    {category}\n                  </Text>\n                </StyledCard>\n              </Component>\n            )\n          )}\n      </StyledCardContainer>\n    </>\n  );\n};\n\nexport default React.memo(MostUsed);\n"],"file":"MostUsed.js"}
+{"version":3,"file":"MostUsed.js","names":["MostUsed","data","label","toggle","noTextDecoration","textDecoration","slice","map","title","category","Component","props","React","memo"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/MostUsed.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@tecsinapse/react-core';\nimport { StyledCard, StyledCardContainer } from './styled';\nimport { MostUsedType } from '../types';\n\ninterface MostUsedProps {\n  data: MostUsedType[];\n  label: string;\n  toggle: () => void;\n}\n\nconst MostUsed: React.FC<MostUsedProps> = ({ data, label, toggle }) => {\n  const noTextDecoration = { textDecoration: 'none' };\n\n  return (\n    <>\n      <Text fontWeight=\"bold\">{label}</Text>\n      <StyledCardContainer>\n        {data\n          .slice(0, 4)\n          .map(\n            ({\n              title,\n              category,\n              Component = 'a',\n              props = {},\n            }: MostUsedType) => (\n              <Component\n                {...props}\n                style={noTextDecoration}\n                key={`${title}-${category}`}\n                onClick={toggle}\n              >\n                <StyledCard elevated key={`${title}-${category}`}>\n                  <Text fontWeight=\"bold\" colorVariant=\"primary\">\n                    {title}\n                  </Text>\n                  <Text\n                    fontWeight=\"bold\"\n                    colorVariant=\"secondary\"\n                    typography=\"label\"\n                  >\n                    {category}\n                  </Text>\n                </StyledCard>\n              </Component>\n            )\n          )}\n      </StyledCardContainer>\n    </>\n  );\n};\n\nexport default React.memo(MostUsed);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AASA,MAAMA,QAAiC,GAAG,CAAC;EAAEC,IAAF;EAAQC,KAAR;EAAeC;AAAf,CAAD,KAA6B;EACrE,MAAMC,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,OACE,4DACE,6BAAC,eAAD;IAAM,UAAU,EAAC;EAAjB,GAAyBH,KAAzB,CADF,EAEE,6BAAC,2BAAD,QACGD,IAAI,CACFK,KADF,CACQ,CADR,EACW,CADX,EAEEC,GAFF,CAGG,CAAC;IACCC,KADD;IAECC,QAFD;IAGCC,SAAS,GAAG,GAHb;IAICC,KAAK,GAAG;EAJT,CAAD,KAME,6BAAC,SAAD,eACMA,KADN;IAEE,KAAK,EAAEP,gBAFT;IAGE,GAAG,EAAG,GAAEI,KAAM,IAAGC,QAAS,EAH5B;IAIE,OAAO,EAAEN;EAJX,IAME,6BAAC,kBAAD;IAAY,QAAQ,MAApB;IAAqB,GAAG,EAAG,GAAEK,KAAM,IAAGC,QAAS;EAA/C,GACE,6BAAC,eAAD;IAAM,UAAU,EAAC,MAAjB;IAAwB,YAAY,EAAC;EAArC,GACGD,KADH,CADF,EAIE,6BAAC,eAAD;IACE,UAAU,EAAC,MADb;IAEE,YAAY,EAAC,WAFf;IAGE,UAAU,EAAC;EAHb,GAKGC,QALH,CAJF,CANF,CATL,CADH,CAFF,CADF;AAqCD,CAxCD;;eA0CeG,cAAA,CAAMC,IAAN,CAAWb,QAAX,C"}

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledCard = exports.StyledCardContainer = void 0;
+exports.StyledCardContainer = exports.StyledCard = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"names":["StyledCardContainer","theme","spacing","mega","kilo","centi","StyledCard","Card","mili","deca"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,mBAAmB,GAAG,qBAAU,KAAV,CAAsC;AACzE;AACA;AACA,uBAAuB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACzD,qBAAqB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcE,IAAK;AACvD,kBAAkB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcG,KAAM;AACrD,CANO;;AAQA,MAAMC,UAAU,GAAG,qBAAaC,eAAb,CAAwC;AAClE,mBAAmB,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcM,IAAK;AACrD,sBAAsB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcM,IAAK;AACxD,oBAAoB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACtD,qBAAqB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACvD,CALO","sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ${({ theme }) => theme.spacing.mega};\n    margin-bottom: ${({ theme }) => theme.spacing.kilo};\n    margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n    padding-top: ${({ theme }) => theme.spacing.mili};\n    padding-bottom: ${({ theme }) => theme.spacing.mili};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledCardContainer","webStyled","theme","spacing","mega","kilo","centi","StyledCard","nativeStyled","Card","mili","deca"],"sources":["../../../../../src/components/molecules/Menubar/MostUsed/styled.ts"],"sourcesContent":["import { default as webStyled } from '@emotion/styled';\nimport { Card, StyleProps } from '@tecsinapse/react-core';\nimport { default as nativeStyled } from '@emotion/native';\n\nexport const StyledCardContainer = webStyled('div')<Partial<StyleProps>>`\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    grid-column-gap: ${({ theme }) => theme.spacing.mega};\n    margin-bottom: ${({ theme }) => theme.spacing.kilo};\n    margin-top: ${({ theme }) => theme.spacing.centi};\n`;\n\nexport const StyledCard = nativeStyled(Card)<Partial<StyleProps>>`\n    padding-top: ${({ theme }) => theme.spacing.mili};\n    padding-bottom: ${({ theme }) => theme.spacing.mili};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    padding-right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAU,KAAV,CAAsC;AACzE;AACA;AACA,uBAAuB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACzD,qBAAqB,CAAC;EAAEF;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcE,IAAK;AACvD,kBAAkB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcG,KAAM;AACrD,CANO;;AAQA,MAAMC,UAAU,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAwC;AAClE,mBAAmB,CAAC;EAAEP;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACrD,sBAAsB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACxD,oBAAoB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcQ,IAAK;AACtD,qBAAqB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcQ,IAAK;AACvD,CALO"}

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

@@ -15,7 +15,7 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 SearchResultItem = ({
   data,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"names":["SearchResultItem","data","searchTerm","toggle","title","category","Component","props","noTextDecoration","textDecoration","textProps","fontColor","fontWeight","HighlightText"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAQA,MAAMA,gBAA4C,GAAG,CAAC;AACpDC,EAAAA,IADoD;AAEpDC,EAAAA,UAFoD;AAGpDC,EAAAA;AAHoD,CAAD,KAI/C;AACJ,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,SAAnB;AAA8BC,IAAAA;AAA9B,MAAwCN,IAA9C;AACA,QAAMO,gBAAgB,GAAG;AAAEC,IAAAA,cAAc,EAAE;AAAlB,GAAzB;AAEA,QAAMC,SAAoB,GAAG;AAAEC,IAAAA,SAAS,EAAE,QAAb;AAAuBC,IAAAA,UAAU,EAAE;AAAnC,GAA7B;AAEA,SACE,6BAAC,SAAD,eAAeL,KAAf;AAAsB,IAAA,KAAK,EAAEC,gBAA7B;AAA+C,IAAA,OAAO,EAAEL;AAAxD,MACE,6BAAC,iCAAD,QACE,6BAAC,eAAD;AAAM,IAAA,UAAU,EAAC,MAAjB;AAAwB,IAAA,YAAY,EAAC,WAArC;AAAiD,IAAA,SAAS,EAAC;AAA3D,KACG,sBAAUD,UAAV,EAAsBE,KAAtB,EAA6BS,qBAA7B,EAA4CH,SAA5C,CADH,CADF,EAIE,6BAAC,eAAD;AACE,IAAA,UAAU,EAAC,KADb;AAEE,IAAA,UAAU,EAAC,MAFb;AAGE,IAAA,YAAY,EAAC,WAHf;AAIE,IAAA,SAAS,EAAC;AAJZ,KAMGL,QANH,CAJF,CADF,CADF;AAiBD,CA3BD;;eA6BeL,gB","sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n  data: MostUsedType;\n  searchTerm: string;\n  toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n  data,\n  searchTerm,\n  toggle,\n}) => {\n  const { title, category, Component, props } = data;\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n  return (\n    <Component {...props} style={noTextDecoration} onClick={toggle}>\n      <StyledSearchItemContainer>\n        <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n          {highlight(searchTerm, title, HighlightText, textProps)}\n        </Text>\n        <Text\n          typography=\"sub\"\n          fontWeight=\"bold\"\n          colorVariant=\"secondary\"\n          colorTone=\"medium\"\n        >\n          {category}\n        </Text>\n      </StyledSearchItemContainer>\n    </Component>\n  );\n};\n\nexport default SearchResultItem;\n"],"file":"SearchResultItem.js"}
+{"version":3,"file":"SearchResultItem.js","names":["SearchResultItem","data","searchTerm","toggle","title","category","Component","props","noTextDecoration","textDecoration","textProps","fontColor","fontWeight","highlight","HighlightText"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/SearchResultItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextProps } from '@tecsinapse/react-core';\nimport { MostUsedType } from '../types';\nimport { StyledSearchItemContainer, HighlightText } from './styled';\nimport { highlight } from './utils';\n\ninterface SearchResultItem {\n  data: MostUsedType;\n  searchTerm: string;\n  toggle: () => void;\n}\n\nconst SearchResultItem: React.FC<SearchResultItem> = ({\n  data,\n  searchTerm,\n  toggle,\n}) => {\n  const { title, category, Component, props } = data;\n  const noTextDecoration = { textDecoration: 'none' };\n\n  const textProps: TextProps = { fontColor: 'orange', fontWeight: 'bold' };\n\n  return (\n    <Component {...props} style={noTextDecoration} onClick={toggle}>\n      <StyledSearchItemContainer>\n        <Text typography=\"base\" colorVariant=\"secondary\" colorTone=\"dark\">\n          {highlight(searchTerm, title, HighlightText, textProps)}\n        </Text>\n        <Text\n          typography=\"sub\"\n          fontWeight=\"bold\"\n          colorVariant=\"secondary\"\n          colorTone=\"medium\"\n        >\n          {category}\n        </Text>\n      </StyledSearchItemContainer>\n    </Component>\n  );\n};\n\nexport default SearchResultItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;AAQA,MAAMA,gBAA4C,GAAG,CAAC;EACpDC,IADoD;EAEpDC,UAFoD;EAGpDC;AAHoD,CAAD,KAI/C;EACJ,MAAM;IAAEC,KAAF;IAASC,QAAT;IAAmBC,SAAnB;IAA8BC;EAA9B,IAAwCN,IAA9C;EACA,MAAMO,gBAAgB,GAAG;IAAEC,cAAc,EAAE;EAAlB,CAAzB;EAEA,MAAMC,SAAoB,GAAG;IAAEC,SAAS,EAAE,QAAb;IAAuBC,UAAU,EAAE;EAAnC,CAA7B;EAEA,OACE,6BAAC,SAAD,eAAeL,KAAf;IAAsB,KAAK,EAAEC,gBAA7B;IAA+C,OAAO,EAAEL;EAAxD,IACE,6BAAC,iCAAD,QACE,6BAAC,eAAD;IAAM,UAAU,EAAC,MAAjB;IAAwB,YAAY,EAAC,WAArC;IAAiD,SAAS,EAAC;EAA3D,GACG,IAAAU,gBAAA,EAAUX,UAAV,EAAsBE,KAAtB,EAA6BU,qBAA7B,EAA4CJ,SAA5C,CADH,CADF,EAIE,6BAAC,eAAD;IACE,UAAU,EAAC,KADb;IAEE,UAAU,EAAC,MAFb;IAGE,YAAY,EAAC,WAHf;IAIE,SAAS,EAAC;EAJZ,GAMGL,QANH,CAJF,CADF,CADF;AAiBD,CA3BD;;eA6BeL,gB"}

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.HighlightText = exports.StyledSearchItemContainer = void 0;
+exports.StyledSearchItemContainer = exports.HighlightText = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"names":["StyledSearchItemContainer","theme","spacing","mili","centi","borderWidth","pico","miscellaneous","shadow","HighlightText","Text","font","color","orange"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,yBAAyB,GAAG,qBAAO,KAAP,CAAmC;AAC5E;AACA;AACA,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAKF,KAAK,CAACC,OAAN,CAAcE,KAAM,IAAI;AAC/E,gBAAgB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KACX,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAAS,yBACjCL,KAAK,CAACM,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR,CATO;;AAWA,MAAMC,aAAa,GAAG,qBAAaC,eAAb,CAAwC;AACrE;AACA,2BAA2B,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACU,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClE,CAHO","sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n  border-top: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledSearchItemContainer","styled","theme","spacing","mili","centi","borderWidth","pico","hex2rgba","miscellaneous","shadow","HighlightText","nativeStyled","Text","font","color","orange"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { hex2rgba, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledSearchItemContainer = styled('div')<Partial<StyleProps>>`\n  display: flex;\n  flex-direction: column;\n  padding: ${({ theme }) => `${theme.spacing.mili} 0 ${theme.spacing.centi} 0`};\n  border-top: ${({ theme }) =>\n    `${theme.borderWidth.pico} solid ${hex2rgba(\n      theme.miscellaneous.shadow,\n      0.05\n    )}`};\n`;\n\nexport const HighlightText = nativeStyled(Text)<Partial<StyleProps>>`\n  text-decoration: underline;\n  text-decoration-color: ${({ theme }) => theme.font.color.orange};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,yBAAyB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AAC5E;AACA;AACA,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAKF,KAAK,CAACC,OAAN,CAAcE,KAAM,IAAI;AAC/E,gBAAgB,CAAC;EAAEH;AAAF,CAAD,KACX,GAAEA,KAAK,CAACI,WAAN,CAAkBC,IAAK,UAAS,IAAAC,mBAAA,EACjCN,KAAK,CAACO,aAAN,CAAoBC,MADa,EAEjC,IAFiC,CAGjC,EAAE;AACR,CATO;;AAWA,MAAMC,aAAa,GAAG,IAAAC,eAAA,EAAaC,eAAb,CAAwC;AACrE;AACA,2BAA2B,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACY,IAAN,CAAWC,KAAX,CAAiBC,MAAO;AAClE,CAHO"}

package/dist/components/molecules/Menubar/SearchResultItem/utils.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const stringMatcher: (searchTerm: string, textToReplace: string) => RegExpMatchArray[];
-export declare const highlight: <T extends unknown>(searchTerm: string, textToReplace: string, Component: React.ElementType, props: T) => React.ReactNode;
+export declare const highlight: <T>(searchTerm: string, textToReplace: string, Component: React.ElementType, props: T) => React.ReactNode;

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.highlight = exports.stringMatcher = void 0;
+exports.stringMatcher = exports.highlight = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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 normalize = str => {
   return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[-[\]{}()*+?.,\\^$|#]/g, ' ').toLowerCase();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"names":["normalize","str","replace","toLowerCase","matchSpliter","indexes","size","result","currentIndex","forEach","index","push","substring","length","filter","e","stringMatcher","searchTerm","textToReplace","s","tx","r","RegExp","Array","from","matchAll","highlightReplacer","Component","props","search","matches","map","match","splited","value","idx","highlight"],"mappings":";;;;;;;AAAA;;;;;;AAEA,MAAMA,SAAS,GAAIC,GAAD,IAAyB;AACzC,SAAOA,GAAG,CACPD,SADI,CACM,KADN,EAEJE,OAFI,CAEI,kBAFJ,EAEwB,EAFxB,EAGJA,OAHI,CAGI,wBAHJ,EAG8B,GAH9B,EAIJC,WAJI,EAAP;AAKD,CAND;;AAQA,MAAMC,YAAY,GAAG,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,KAIN;AACb,QAAMC,MAAgB,GAAG,EAAzB;AACA,MAAIC,YAAY,GAAG,CAAnB;AAEAH,EAAAA,OAAO,CAACI,OAAR,CAAiBC,KAAD,IAAmB;AACjCH,IAAAA,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BE,KAA5B,CAAZ;AACAH,IAAAA,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcF,KAAd,EAAqBA,KAAK,GAAGJ,IAA7B,CAAZ;AACAE,IAAAA,YAAY,GAAGE,KAAK,GAAGJ,IAAvB;AACD,GAJD;AAMAC,EAAAA,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BP,GAAG,CAACY,MAAhC,CAAZ;AAEA,SAAON,MAAM,CAACO,MAAP,CAAcC,CAAC,IAAIA,CAAnB,CAAP;AACD,CAjBD;;AAmBO,MAAMC,aAAa,GAAG,CAC3BC,UAD2B,EAE3BC,aAF2B,KAGJ;AACvB,QAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;AACA,QAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;AAEA,QAAMG,CAAC,GAAG,IAAIC,MAAJ,CAAY,IAAGH,CAAE,GAAjB,EAAqB,GAArB,CAAV;AAEA,SAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;;;AAYP,MAAMK,iBAAiB,GAAG,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,KAKJ;AACpB,QAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;AACA,QAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;AAEA,MAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;AACvB,WAAOK,aAAP;AACD;;AAED,QAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAYC,KAAK,IAAIA,KAAK,CAACtB,KAA3B,CAA1B;AACA,QAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;AAEA,SAAOoB,OAAO,CAACF,GAAR,CAAY,CAACG,KAAD,EAAQC,GAAR,KAAgB;AACjC,WAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,6BAAC,SAAD;AAAW,MAAA,GAAG,EAAG,aAAYK,KAAM,GAAEC,GAAI;AAAzC,OAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,4DAAGA,KAAH,CALF;AAOD,GARM,CAAP;AASD,CAzBD;;AA2BO,MAAME,SAAS,GAAG,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,KAKH;AACpB,MAAIV,aAAa,IAAID,UAArB,EAAiC;AAC/B,WAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;AACD;;AAED,SAAOV,aAAP;AACD,CAXM","sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n    .toLowerCase();\n};\n\nconst matchSpliter = (\n  str: string,\n  indexes: number[],\n  size: number\n): string[] => {\n  const result: string[] = [];\n  let currentIndex = 0;\n\n  indexes.forEach((index: number) => {\n    result.push(str.substring(currentIndex, index));\n    result.push(str.substring(index, index + size));\n    currentIndex = index + size;\n  });\n\n  result.push(str.substring(currentIndex, str.length));\n\n  return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n  searchTerm: string,\n  textToReplace: string\n): RegExpMatchArray[] => {\n  const s = normalize(searchTerm);\n  const tx = normalize(textToReplace);\n\n  const r = new RegExp(`(${s})`, 'g');\n\n  return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T extends unknown>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  const search = normalize(searchTerm);\n  const matches = stringMatcher(searchTerm, textToReplace);\n\n  if (matches.length <= 0) {\n    return textToReplace;\n  }\n\n  const indexes: number[] = matches.map(match => match.index) as number[];\n  const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n  return splited.map((value, idx) => {\n    return normalize(value) === search ? (\n      <Component key={`highlight-${value}${idx}`} {...props}>\n        {value}\n      </Component>\n    ) : (\n      <>{value}</>\n    );\n  });\n};\n\nexport const highlight = <T extends unknown>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  if (textToReplace && searchTerm) {\n    return highlightReplacer(searchTerm, textToReplace, Component, props);\n  }\n\n  return textToReplace;\n};\n"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["normalize","str","replace","toLowerCase","matchSpliter","indexes","size","result","currentIndex","forEach","index","push","substring","length","filter","e","stringMatcher","searchTerm","textToReplace","s","tx","r","RegExp","Array","from","matchAll","highlightReplacer","Component","props","search","matches","map","match","splited","value","idx","highlight"],"sources":["../../../../../src/components/molecules/Menubar/SearchResultItem/utils.tsx"],"sourcesContent":["import React from 'react';\n\nconst normalize = (str: string): string => {\n  return str\n    .normalize('NFD')\n    .replace(/[\\u0300-\\u036f]/g, '')\n    .replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, ' ')\n    .toLowerCase();\n};\n\nconst matchSpliter = (\n  str: string,\n  indexes: number[],\n  size: number\n): string[] => {\n  const result: string[] = [];\n  let currentIndex = 0;\n\n  indexes.forEach((index: number) => {\n    result.push(str.substring(currentIndex, index));\n    result.push(str.substring(index, index + size));\n    currentIndex = index + size;\n  });\n\n  result.push(str.substring(currentIndex, str.length));\n\n  return result.filter(e => e);\n};\n\nexport const stringMatcher = (\n  searchTerm: string,\n  textToReplace: string\n): RegExpMatchArray[] => {\n  const s = normalize(searchTerm);\n  const tx = normalize(textToReplace);\n\n  const r = new RegExp(`(${s})`, 'g');\n\n  return Array.from(tx.matchAll(r));\n};\n\nconst highlightReplacer = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  const search = normalize(searchTerm);\n  const matches = stringMatcher(searchTerm, textToReplace);\n\n  if (matches.length <= 0) {\n    return textToReplace;\n  }\n\n  const indexes: number[] = matches.map(match => match.index) as number[];\n  const splited = matchSpliter(textToReplace, indexes, searchTerm.length);\n\n  return splited.map((value, idx) => {\n    return normalize(value) === search ? (\n      <Component key={`highlight-${value}${idx}`} {...props}>\n        {value}\n      </Component>\n    ) : (\n      <>{value}</>\n    );\n  });\n};\n\nexport const highlight = <T,>(\n  searchTerm: string,\n  textToReplace: string,\n  Component: React.ElementType,\n  props: T\n): React.ReactNode => {\n  if (textToReplace && searchTerm) {\n    return highlightReplacer(searchTerm, textToReplace, Component, props);\n  }\n\n  return textToReplace;\n};\n"],"mappings":";;;;;;;AAAA;;;;;;AAEA,MAAMA,SAAS,GAAIC,GAAD,IAAyB;EACzC,OAAOA,GAAG,CACPD,SADI,CACM,KADN,EAEJE,OAFI,CAEI,kBAFJ,EAEwB,EAFxB,EAGJA,OAHI,CAGI,wBAHJ,EAG8B,GAH9B,EAIJC,WAJI,EAAP;AAKD,CAND;;AAQA,MAAMC,YAAY,GAAG,CACnBH,GADmB,EAEnBI,OAFmB,EAGnBC,IAHmB,KAIN;EACb,MAAMC,MAAgB,GAAG,EAAzB;EACA,IAAIC,YAAY,GAAG,CAAnB;EAEAH,OAAO,CAACI,OAAR,CAAiBC,KAAD,IAAmB;IACjCH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BE,KAA5B,CAAZ;IACAH,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcF,KAAd,EAAqBA,KAAK,GAAGJ,IAA7B,CAAZ;IACAE,YAAY,GAAGE,KAAK,GAAGJ,IAAvB;EACD,CAJD;EAMAC,MAAM,CAACI,IAAP,CAAYV,GAAG,CAACW,SAAJ,CAAcJ,YAAd,EAA4BP,GAAG,CAACY,MAAhC,CAAZ;EAEA,OAAON,MAAM,CAACO,MAAP,CAAcC,CAAC,IAAIA,CAAnB,CAAP;AACD,CAjBD;;AAmBO,MAAMC,aAAa,GAAG,CAC3BC,UAD2B,EAE3BC,aAF2B,KAGJ;EACvB,MAAMC,CAAC,GAAGnB,SAAS,CAACiB,UAAD,CAAnB;EACA,MAAMG,EAAE,GAAGpB,SAAS,CAACkB,aAAD,CAApB;EAEA,MAAMG,CAAC,GAAG,IAAIC,MAAJ,CAAY,IAAGH,CAAE,GAAjB,EAAqB,GAArB,CAAV;EAEA,OAAOI,KAAK,CAACC,IAAN,CAAWJ,EAAE,CAACK,QAAH,CAAYJ,CAAZ,CAAX,CAAP;AACD,CAVM;;;;AAYP,MAAMK,iBAAiB,GAAG,CACxBT,UADwB,EAExBC,aAFwB,EAGxBS,SAHwB,EAIxBC,KAJwB,KAKJ;EACpB,MAAMC,MAAM,GAAG7B,SAAS,CAACiB,UAAD,CAAxB;EACA,MAAMa,OAAO,GAAGd,aAAa,CAACC,UAAD,EAAaC,aAAb,CAA7B;;EAEA,IAAIY,OAAO,CAACjB,MAAR,IAAkB,CAAtB,EAAyB;IACvB,OAAOK,aAAP;EACD;;EAED,MAAMb,OAAiB,GAAGyB,OAAO,CAACC,GAAR,CAAYC,KAAK,IAAIA,KAAK,CAACtB,KAA3B,CAA1B;EACA,MAAMuB,OAAO,GAAG7B,YAAY,CAACc,aAAD,EAAgBb,OAAhB,EAAyBY,UAAU,CAACJ,MAApC,CAA5B;EAEA,OAAOoB,OAAO,CAACF,GAAR,CAAY,CAACG,KAAD,EAAQC,GAAR,KAAgB;IACjC,OAAOnC,SAAS,CAACkC,KAAD,CAAT,KAAqBL,MAArB,GACL,6BAAC,SAAD;MAAW,GAAG,EAAG,aAAYK,KAAM,GAAEC,GAAI;IAAzC,GAAgDP,KAAhD,GACGM,KADH,CADK,GAKL,4DAAGA,KAAH,CALF;EAOD,CARM,CAAP;AASD,CAzBD;;AA2BO,MAAME,SAAS,GAAG,CACvBnB,UADuB,EAEvBC,aAFuB,EAGvBS,SAHuB,EAIvBC,KAJuB,KAKH;EACpB,IAAIV,aAAa,IAAID,UAArB,EAAiC;IAC/B,OAAOS,iBAAiB,CAACT,UAAD,EAAaC,aAAb,EAA4BS,SAA5B,EAAuCC,KAAvC,CAAxB;EACD;;EAED,OAAOV,aAAP;AACD,CAXM"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getContainerOpenMenuStyles = exports.getInputContainerStyles = void 0;
+exports.getInputContainerStyles = exports.getContainerOpenMenuStyles = void 0;
 const getDefaultInputContainerStyles = {
   transitionDuration: '250ms',
   transitionProperty: 'opacity scale transform',

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"mappings":";;;;;;AAGA,MAAMA,8BAA8B,GAAG;AACrCC,EAAAA,kBAAkB,EAAE,OADiB;AAErCC,EAAAA,kBAAkB,EAAE,yBAFiB;AAGrCC,EAAAA,wBAAwB,EAAE;AAHW,CAAvC;AAMA,MAAMC,iCAAiC,GAAG;AACxCH,EAAAA,kBAAkB,EAAE,OADoB;AAExCC,EAAAA,kBAAkB,EAAE,yBAFoB;AAGxCC,EAAAA,wBAAwB,EAAE;AAHc,CAA1C;AAMA,MAAME,0BAA0B,GAAG;AACjCC,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GADwB;AAIjCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,GADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJuB;AAQjCG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GARyB;AAYjCI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,GADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZwB,CAAnC;AAkBA,MAAMK,6BAA6B,GAAG;AACpCN,EAAAA,OAAO,EAAE;AACPC,IAAAA,SAAS,EAAE;AADJ,GAD2B;AAIpCC,EAAAA,QAAQ,EAAE;AACRC,IAAAA,OAAO,EAAE,IADD;AAERF,IAAAA,SAAS,EAAE;AAFH,GAJ0B;AAQpCG,EAAAA,MAAM,EAAE;AACND,IAAAA,OAAO,EAAE,CADH;AAENF,IAAAA,SAAS,EAAE;AAFL,GAR4B;AAYpCI,EAAAA,OAAO,EAAE;AACPF,IAAAA,OAAO,EAAE,IADF;AAEPF,IAAAA,SAAS,EAAE;AAFJ;AAZ2B,CAAtC;;AAkBO,MAAMM,uBAAuB,GAClCC,KADqC,KAElB,EACnB,GAAGd,8BADgB;AAEnB,KAAGK,0BAA0B,CAACS,KAAD;AAFV,CAFkB,CAAhC;;;;AAOA,MAAMC,0BAA0B,GACrCD,KADwC,KAErB,EACnB,GAAGV,iCADgB;AAEnB,KAAGQ,6BAA6B,CAACE,KAAD;AAFb,CAFqB,CAAnC","sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px)',\n  },\n  entering: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-50px)',\n  },\n  exiting: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n};\n\nconst getContainerOpenMenuTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px) ',\n  },\n  entering: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-600px)',\n  },\n  exiting: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n};\n\nexport const getInputContainerStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultInputContainerStyles,\n  ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultContainerOpenMenuStyles,\n  ...getContainerOpenMenuTransform[state],\n});\n"],"file":"animations.js"}
+{"version":3,"file":"animations.js","names":["getDefaultInputContainerStyles","transitionDuration","transitionProperty","transitionTimingFunction","getDefaultContainerOpenMenuStyles","getInputContainerTransform","entered","transform","entering","opacity","exited","exiting","getContainerOpenMenuTransform","getInputContainerStyles","state","getContainerOpenMenuStyles"],"sources":["../../../../src/components/molecules/Menubar/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TransitionStatus } from 'react-transition-group';\n\nconst getDefaultInputContainerStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getDefaultContainerOpenMenuStyles = {\n  transitionDuration: '250ms',\n  transitionProperty: 'opacity scale transform',\n  transitionTimingFunction: 'ease-in-out',\n};\n\nconst getInputContainerTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px)',\n  },\n  entering: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-50px)',\n  },\n  exiting: {\n    opacity: 0.5,\n    transform: 'scale(0.99, 0.99) translateY(-5px)',\n  },\n};\n\nconst getContainerOpenMenuTransform = {\n  entered: {\n    transform: 'scale(1, 1) translateY(0px) ',\n  },\n  entering: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n  exited: {\n    opacity: 0,\n    transform: 'scale(0.99, 0.99) translateY(-600px)',\n  },\n  exiting: {\n    opacity: 0.95,\n    transform: 'scale(0.99, 0.99) translateY(0px)',\n  },\n};\n\nexport const getInputContainerStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultInputContainerStyles,\n  ...getInputContainerTransform[state],\n});\n\nexport const getContainerOpenMenuStyles = (\n  state: TransitionStatus\n): CSSProperties => ({\n  ...getDefaultContainerOpenMenuStyles,\n  ...getContainerOpenMenuTransform[state],\n});\n"],"mappings":";;;;;;AAGA,MAAMA,8BAA8B,GAAG;EACrCC,kBAAkB,EAAE,OADiB;EAErCC,kBAAkB,EAAE,yBAFiB;EAGrCC,wBAAwB,EAAE;AAHW,CAAvC;AAMA,MAAMC,iCAAiC,GAAG;EACxCH,kBAAkB,EAAE,OADoB;EAExCC,kBAAkB,EAAE,yBAFoB;EAGxCC,wBAAwB,EAAE;AAHc,CAA1C;AAMA,MAAME,0BAA0B,GAAG;EACjCC,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CADwB;EAIjCC,QAAQ,EAAE;IACRC,OAAO,EAAE,GADD;IAERF,SAAS,EAAE;EAFH,CAJuB;EAQjCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CARyB;EAYjCI,OAAO,EAAE;IACPF,OAAO,EAAE,GADF;IAEPF,SAAS,EAAE;EAFJ;AAZwB,CAAnC;AAkBA,MAAMK,6BAA6B,GAAG;EACpCN,OAAO,EAAE;IACPC,SAAS,EAAE;EADJ,CAD2B;EAIpCC,QAAQ,EAAE;IACRC,OAAO,EAAE,IADD;IAERF,SAAS,EAAE;EAFH,CAJ0B;EAQpCG,MAAM,EAAE;IACND,OAAO,EAAE,CADH;IAENF,SAAS,EAAE;EAFL,CAR4B;EAYpCI,OAAO,EAAE;IACPF,OAAO,EAAE,IADF;IAEPF,SAAS,EAAE;EAFJ;AAZ2B,CAAtC;;AAkBO,MAAMM,uBAAuB,GAClCC,KADqC,KAElB,EACnB,GAAGd,8BADgB;EAEnB,GAAGK,0BAA0B,CAACS,KAAD;AAFV,CAFkB,CAAhC;;;;AAOA,MAAMC,0BAA0B,GACrCD,KADwC,KAErB,EACnB,GAAGV,iCADgB;EAEnB,GAAGQ,6BAA6B,CAACE,KAAD;AAFb,CAFqB,CAAnC"}

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

@@ -1,3 +1,3 @@
 export { default as Menubar } from './Menubar';
-export { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions, } from './types';
+export type { OptionsType as MenubarOptionsType, MostUsedType as MenubarMostUsedType, ItemsOptions as MenubarItemsOptions, } from './types';
 export * from './Menubar';

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

@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  Menubar: true,
-  MenubarOptionsType: true,
-  MenubarMostUsedType: true,
-  MenubarItemsOptions: true
+  Menubar: true
 };
 Object.defineProperty(exports, "Menubar", {
   enumerable: true,
@@ -15,24 +12,6 @@ Object.defineProperty(exports, "Menubar", {
     return _Menubar.default;
   }
 });
-Object.defineProperty(exports, "MenubarOptionsType", {
-  enumerable: true,
-  get: function () {
-    return _types.OptionsType;
-  }
-});
-Object.defineProperty(exports, "MenubarMostUsedType", {
-  enumerable: true,
-  get: function () {
-    return _types.MostUsedType;
-  }
-});
-Object.defineProperty(exports, "MenubarItemsOptions", {
-  enumerable: true,
-  get: function () {
-    return _types.ItemsOptions;
-  }
-});
 
 var _Menubar = _interopRequireWildcard(require("./Menubar"));
 
@@ -48,8 +27,6 @@ Object.keys(_Menubar).forEach(function (key) {
   });
 });
 
-var _types = require("./types");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Menubar/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AALA","sourcesContent":["export { default as Menubar } from './Menubar';\nexport {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Menubar/index.ts"],"sourcesContent":["export { default as Menubar } from './Menubar';\nexport type {\n  OptionsType as MenubarOptionsType,\n  MostUsedType as MenubarMostUsedType,\n  ItemsOptions as MenubarItemsOptions,\n} from './types';\nexport * from './Menubar';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAMA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSearchTextContainer = exports.StyledSearchResultsContainer = exports.StyledInputContainer = exports.StyledInput = exports.StyledContainerOpenMenu = exports.StyledMenuButton = exports.StyledMenuBar = exports.StyledIconInput = void 0;
+exports.StyledSearchTextContainer = exports.StyledSearchResultsContainer = exports.StyledMenuButton = exports.StyledMenuBar = exports.StyledInputContainer = exports.StyledInput = exports.StyledIconInput = exports.StyledContainerOpenMenu = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Menubar/styled.ts"],"names":["StyledIconInput","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","shadow","StyledMenuButton","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","Input","StyledInputContainer","StyledSearchResultsContainer","StyledSearchTextContainer"],"mappings":"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","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"],"file":"styled.js"}
+{"version":3,"file":"styled.js","names":["StyledIconInput","webStyled","theme","spacing","centi","StyledMenuBar","miscellaneous","surfaceColor","deca","kilo","hex2rgba","shadow","StyledMenuButton","nativeStyled","Button","StyledContainerOpenMenu","borderWidth","pico","borderRadius","mili","mega","zIndex","header","StyledInput","Input","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/dist/components/molecules/Menubar/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"types.js"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/molecules/Menubar/types.ts"],"sourcesContent":["import React, { ElementType } from 'react';\n\nexport type MostUsedType = {\n  title: string;\n  category: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n};\n\nexport type ItemsOptions = {\n  title: string;\n  /** Wrapping component for element. This is used for navigation */\n  Component: ElementType;\n  /** Properties spread to wrapping Component */\n  props: any;\n  rightComponents?: React.ReactNode;\n  items?: ItemsOptions[];\n};\n\nexport type OptionsType = {\n  title: string;\n  items: ItemsOptions[];\n  leftComponents?: React.ReactNode;\n};\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Menubar/utils.ts"],"names":["filterAndTransform","options","search","normalized","forEach","option","items","item","title","toLowerCase","startsWith","push","Component","props","category","sub"],"mappings":";;;;;;;AAEO,MAAMA,kBAAkB,GAAG,CAChCC,OADgC,EAEhCC,MAFgC,KAGb;AACnB,QAAMC,UAA0B,GAAG,EAAnC;AACAF,EAAAA,OAAO,CAACG,OAAR,CAAgBC,MAAM,IAAI;AACxBA,IAAAA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqBG,IAAI,IAAI;AAAA;;AAC3B,UAAIA,IAAI,CAACC,KAAL,CAAWC,WAAX,GAAyBC,UAAzB,CAAoCR,MAApC,CAAJ,EAAiD;AAC/CC,QAAAA,UAAU,CAACQ,IAAX,CAAgB;AACdH,UAAAA,KAAK,EAAED,IAAI,CAACC,KADE;AAEdI,UAAAA,SAAS,EAAEL,IAAI,CAACK,SAFF;AAGdC,UAAAA,KAAK,EAAEN,IAAI,CAACM,KAHE;AAIdC,UAAAA,QAAQ,EAAET,MAAM,CAACG;AAJH,SAAhB;AAMD;;AACD,qBAAAD,IAAI,CAACD,KAAL,4DAAYF,OAAZ,CAAoBW,GAAG,IAAI;AACzB,YAAIA,GAAG,CAACP,KAAJ,CAAUC,WAAV,GAAwBC,UAAxB,CAAmCR,MAAnC,CAAJ,EAAgD;AAC9CC,UAAAA,UAAU,CAACQ,IAAX,CAAgB;AACdH,YAAAA,KAAK,EAAEO,GAAG,CAACP,KADG;AAEdI,YAAAA,SAAS,EAAEG,GAAG,CAACH,SAFD;AAGdC,YAAAA,KAAK,EAAEE,GAAG,CAACF,KAHG;AAIdC,YAAAA,QAAQ,EAAET,MAAM,CAACG;AAJH,WAAhB;AAMD;AACF,OATD;AAUD,KAnBD;AAoBD,GArBD;AAuBA,SAAOL,UAAP;AACD,CA7BM","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"],"file":"utils.js"}
+{"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":";;;;;;;AAEO,MAAMA,kBAAkB,GAAG,CAChCC,OADgC,EAEhCC,MAFgC,KAGb;EACnB,MAAMC,UAA0B,GAAG,EAAnC;EACAF,OAAO,CAACG,OAAR,CAAgBC,MAAM,IAAI;IACxBA,MAAM,CAACC,KAAP,CAAaF,OAAb,CAAqBG,IAAI,IAAI;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,CAAoBW,GAAG,IAAI;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/dist/components/molecules/Select/Dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Select/Dropdown/Dropdown.tsx"],"names":["fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","lengthOptions","React","useMemo","length","checkedAll","setCheckedAll","useState","useEffect","onClickCheckAll","useCallback","items","map","option","aux","prev","auxArray","onChange","text","undefined","item","index"],"mappings":"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","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(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"],"file":"Dropdown.js"}
+{"version":3,"file":"Dropdown.js","names":["fullWidth","width","Dropdown","options","onSearch","type","hideSearchBar","onSelect","value","keyExtractor","labelExtractor","setDropDownVisible","style","anchor","selectAllLabel","searchBarPlaceholder","searchArg","setSearchArg","useDebouncedState","lengthOptions","React","useMemo","length","checkedAll","setCheckedAll","useState","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/dist/components/molecules/Select/Dropdown/components/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/molecules/Select/Dropdown/components/SearchInput.tsx"],"names":["InputIcon","marginHorizontal","SearchInput","fullWidth","searchArg","onChange","placeholder","React","memo"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GACb,6BAAC,eAAD;AACE,EAAA,IAAI,EAAC,SADP;AAEE,EAAA,IAAI,EAAC,oBAFP;AAGE,EAAA,IAAI,EAAC,OAHP;AAIE,EAAA,KAAK,EAAE;AAAEC,IAAAA,gBAAgB,EAAE;AAApB;AAJT,EADF;;AASA,MAAMC,WAAW,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,SAAb;AAAwBC,EAAAA,QAAxB;AAAkCC,EAAAA;AAAlC,CAAD,KAAqD;AACvE,SACE,6BAAC,YAAD;AACE,IAAA,KAAK,EAAEH,SADT;AAEE,IAAA,WAAW,EAAEG,WAFf;AAGE,IAAA,KAAK,EAAEF,SAHT;AAIE,IAAA,aAAa,EAAEJ,SAJjB;AAKE,IAAA,QAAQ,EAAEK;AALZ,IADF;AASD,CAVD;;eAYeE,eAAMC,IAAN,CAAWN,WAAX,C","sourcesContent":["import React from 'react';\nimport { Icon } from '@tecsinapse/react-core';\nimport { Input } from '../../../../atoms/Input';\n\nconst InputIcon = (\n  <Icon\n    name=\"magnify\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginHorizontal: 12 }}\n  />\n);\n\nconst SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {\n  return (\n    <Input\n      style={fullWidth}\n      placeholder={placeholder}\n      value={searchArg}\n      leftComponent={InputIcon}\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(SearchInput);\n"],"file":"SearchInput.js"}
+{"version":3,"file":"SearchInput.js","names":["InputIcon","marginHorizontal","SearchInput","fullWidth","searchArg","onChange","placeholder","React","memo"],"sources":["../../../../../../src/components/molecules/Select/Dropdown/components/SearchInput.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '@tecsinapse/react-core';\nimport { Input } from '../../../../atoms/Input';\n\nconst InputIcon = (\n  <Icon\n    name=\"magnify\"\n    type=\"material-community\"\n    size=\"centi\"\n    style={{ marginHorizontal: 12 }}\n  />\n);\n\nconst SearchInput = ({ fullWidth, searchArg, onChange, placeholder }) => {\n  return (\n    <Input\n      style={fullWidth}\n      placeholder={placeholder}\n      value={searchArg}\n      leftComponent={InputIcon}\n      onChange={onChange}\n    />\n  );\n};\n\nexport default React.memo(SearchInput);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEA,MAAMA,SAAS,GACb,6BAAC,eAAD;EACE,IAAI,EAAC,SADP;EAEE,IAAI,EAAC,oBAFP;EAGE,IAAI,EAAC,OAHP;EAIE,KAAK,EAAE;IAAEC,gBAAgB,EAAE;EAApB;AAJT,EADF;;AASA,MAAMC,WAAW,GAAG,CAAC;EAAEC,SAAF;EAAaC,SAAb;EAAwBC,QAAxB;EAAkCC;AAAlC,CAAD,KAAqD;EACvE,OACE,6BAAC,YAAD;IACE,KAAK,EAAEH,SADT;IAEE,WAAW,EAAEG,WAFf;IAGE,KAAK,EAAEF,SAHT;IAIE,aAAa,EAAEJ,SAJjB;IAKE,QAAQ,EAAEK;EALZ,EADF;AASD,CAVD;;eAYeE,cAAA,CAAMC,IAAN,CAAWN,WAAX,C"}

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

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

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

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledContainerTextLabel = exports.StyledSpan = exports.StyledContainerCheckAll = exports.PaddedContainer = exports.SearchBarContainer = exports.OptionsContainer = exports.StyledContainerDropdown = void 0;
+exports.StyledSpan = exports.StyledContainerTextLabel = exports.StyledContainerDropdown = exports.StyledContainerCheckAll = exports.SearchBarContainer = exports.PaddedContainer = exports.OptionsContainer = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Select/Dropdown/styled.ts"],"names":["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"],"mappings":"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","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"],"file":"styled.js"}
+{"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

@@ -23,7 +23,7 @@ var _styled = require("./styled");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+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,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/molecules/Select/Select.tsx"],"names":["Select","value","options","keyExtractor","onSelect","type","labelExtractor","placeholder","onSearch","searchBarPlaceholder","hideSearchBar","label","disabled","anchor","displayTextProps","selectAllLabel","rest","dropDownVisible","setDropDownVisible","React","useState","refDropDown","useRef","onlyLabel","hasValue","length","_placeholder","_label","undefined","displayValue","onPress","useCallback","prev","RightComponent","state","defaultStyles","transition"],"mappings":";;;;;;;AAAA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AA4BO,MAAMA,MAAM,GAAG,CAAwC;AAC5DC,EAAAA,KAD4D;AAE5DC,EAAAA,OAF4D;AAG5DC,EAAAA,YAH4D;AAI5DC,EAAAA,QAJ4D;AAK5DC,EAAAA,IAL4D;AAM5DC,EAAAA,cAN4D;AAO5DC,EAAAA,WAP4D;AAQ5DC,EAAAA,QAR4D;AAS5DC,EAAAA,oBAAoB,GAAG,yBATqC;AAU5DC,EAAAA,aAAa,GAAG,IAV4C;AAW5DC,EAAAA,KAX4D;AAY5DC,EAAAA,QAAQ,GAAG,KAZiD;AAa5DC,EAAAA,MAAM,GAAG,QAbmD;AAc5DC,EAAAA,gBAd4D;AAe5DC,EAAAA,cAAc,GAAG,kBAf2C;AAgB5D,KAAGC;AAhByD,CAAxC,KAiBsB;AAC1C,QAAM,CAACC,eAAD,EAAkBC,kBAAlB,IAAwCC,eAAMC,QAAN,CAAwB,KAAxB,CAA9C;;AACA,QAAMC,WAAW,GAAGF,eAAMG,MAAN,CAAa,IAAb,CAApB;;AACA,mCAAqBD,WAArB,EAAkCH,kBAAlC;AAEA,QAAMK,SAAS,GAAGZ,KAAK,IAAI,CAACJ,WAA5B;AACA,QAAMiB,QAAQ,GAAGnB,IAAI,KAAK,QAAT,GAAoB,CAAC,CAACJ,KAAtB,GAA8B,CAAEA,KAAK,IAAI,EAAX,EAAsBwB,MAAtB,GAA+B,CAA9E;;AACA,QAAMC,YAAY,GAAGH,SAAS,GAAGZ,KAAH,GAAWJ,WAAzC;;AACA,QAAMoB,MAAM,GAAGH,QAAQ,GAAGb,KAAH,GAAWiB,SAAlC;;AAEA,QAAMC,YAAY,GAAG,gCACnBxB,IADmB,EAEnBJ,KAFmB,EAGnBC,OAHmB,EAInBwB,YAJmB,EAKnBvB,YALmB,EAMnBG,cANmB,CAArB;;AASA,QAAMwB,OAAO,GAAGX,eAAMY,WAAN,CAAkB,MAAMb,kBAAkB,CAACc,IAAI,IAAI,CAACA,IAAV,CAA1C,EAA2D,CACzEd,kBADyE,CAA3D,CAAhB;;AAIA,SACE,6BAAC,uBAAD;AAAiB,IAAA,GAAG,EAAEG;AAAtB,KAAuCL,IAAvC,GACE,6BAAC,4BAAD,QACE,6BAAC,kCAAD;AACE,IAAA,KAAK,EAAEW,MADT;AAEE,IAAA,OAAO,EAAEG,OAFX;AAGE,IAAA,QAAQ,EAAElB,QAHZ;AAIE,IAAA,cAAc,EAAEqB;AAJlB,KAME,6BAAC,eAAD,eAAUnB,gBAAV;AAA4B,IAAA,aAAa,EAAC,MAA1C;AAAiD,IAAA,aAAa,EAAE;AAAhE,MACGe,YADH,CANF,CADF,CADF,EAaE,6BAAC,gCAAD;AAAY,IAAA,EAAE,EAAEZ,eAAhB;AAAiC,IAAA,OAAO,EAAE;AAA1C,KACGiB,KAAK,IACJ,6BAAC,kBAAD;AACE,IAAA,OAAO,EAAEhC,OADX;AAEE,IAAA,QAAQ,EAAEE,QAFZ;AAGE,IAAA,KAAK,EAAEH,KAHT;AAIE,IAAA,IAAI,EAAEI,IAJR;AAKE,IAAA,YAAY,EAAEF,YALhB;AAME,IAAA,cAAc,EAAEG,cANlB;AAOE,IAAA,aAAa,EAAEI,aAPjB;AAQE,IAAA,oBAAoB,EAAED,oBARxB;AASE,IAAA,QAAQ,EAAED,QATZ;AAUE,IAAA,KAAK,EAAE,EAAE,GAAG2B,yBAAL;AAAoB,SAAGC,uBAAWvB,MAAX,EAAmBqB,KAAnB;AAAvB,KAVT;AAWE,IAAA,kBAAkB,EAAEhB,kBAXtB;AAYE,IAAA,MAAM,EAAEL,MAZV;AAaE,IAAA,cAAc,EAAEE;AAblB,IAFJ,CAbF,CADF;AAmCD,CA3EM;;;eA6EQf,M","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 = 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(() => 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"],"file":"Select.js"}
+{"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/molecules/Select/SelectItem/SelectItem.tsx"],"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"],"mappings":"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","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"],"file":"SelectItem.js"}
+{"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/index.js.map

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

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledContainerTextLabel = exports.StyledSpan = exports.ContainerItemSelect = void 0;
+exports.StyledSpan = exports.StyledContainerTextLabel = exports.ContainerItemSelect = void 0;
 
 var _styled = _interopRequireDefault(require("@emotion/styled"));