npm - @tecsinapse/react-web-kit - Versions diffs - 1.19.0 → 1.20.0 - Mend

@tecsinapse/react-web-kit 1.19.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (233) hide show

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

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

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

	@@ -1 +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~~"}
1	+ {"version":3,"file":"SelectItem.js","names":["SelectItem","item","onSelect","type","value","labelExtractor","setDropDownVisible","checkedAll","setCheckedAll","lenghtOptions","keyExtractor","isMulti","checked","setChecked","React","useState","undefined","find","data","useEffect","clickItem","useCallback","_value","key","Array","isArray","auxChecked","length","auxArray","indexToExclude","findIndex","splice","memo"],"sources":["../../../../../src/components/molecules/Select/SelectItem/SelectItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Text } from '@tecsinapse/react-core';\nimport {\n ContainerItemSelect,\n StyledContainerTextLabel,\n StyledSpan,\n} from './styled';\n\ninterface SelectItemProps<Data, Type extends 'single' \| 'multi'> {\n item: Data;\n type: Type;\n value: Type extends 'single' ? Data \| undefined : Data[];\n onSelect: (\n option: Type extends 'single' ? Data \| undefined : Data[]\n ) => never \| void;\n keyExtractor: (t: Data, index?: number) => string;\n labelExtractor: (t: Data) => string;\n index: number;\n}\n\nconst SelectItem = <Data, Type extends 'single' \| 'multi'>({\n item,\n onSelect,\n type,\n value,\n labelExtractor,\n setDropDownVisible,\n checkedAll,\n setCheckedAll,\n lenghtOptions,\n keyExtractor,\n}: SelectItemProps<Data, Type> & {\n setDropDownVisible: (t: boolean) => void;\n checkedAll: boolean;\n setCheckedAll: (t: boolean) => void;\n lenghtOptions: number;\n}): JSX.Element => {\n const isMulti = type === 'multi';\n const [checked, setChecked] = React.useState<boolean>(\n value !== undefined &&\n type === 'multi' &&\n (value as Data[]).find(\n data => keyExtractor(data) === keyExtractor(item)\n ) !== undefined\n );\n\n React.useEffect(() => {\n if (\n !checked &&\n value !== undefined &&\n ((type === 'multi' &&\n (value as Data[]).find(\n data => keyExtractor(data) === keyExtractor(item)\n )) \|\|\n (type === 'single' &&\n keyExtractor(value as Data) === keyExtractor(item)))\n )\n setChecked(true);\n }, [value, keyExtractor, type]);\n\n React.useEffect(() => {\n if (type === 'multi') {\n checkedAll\n ? setChecked(true)\n : setChecked(\n (value as Data[]).find(\n data => keyExtractor(data) === keyExtractor(item)\n ) !== undefined\n );\n }\n }, [checkedAll]);\n\n const clickItem = React.useCallback(\n (item, _value) => {\n // TS Workaround since TS won't infer the ternary operator's result type correctly\n type OnSelectArg = Parameters<typeof onSelect>[0];\n const key: Data = item;\n if (Array.isArray(_value)) {\n const auxChecked = !checked;\n setChecked(!checked);\n if (auxChecked) {\n onSelect([..._value, key] as OnSelectArg);\n [..._value, key].length === lenghtOptions && setCheckedAll(true);\n } else {\n const auxArray: Data[] = [..._value];\n const indexToExclude = auxArray.findIndex(\n data => keyExtractor(data) === keyExtractor(key)\n );\n auxArray.splice(indexToExclude, 1);\n onSelect([...auxArray] as OnSelectArg);\n setCheckedAll(false);\n }\n } else {\n onSelect(key as OnSelectArg);\n setDropDownVisible(false);\n }\n },\n [onSelect, setDropDownVisible, setCheckedAll, setChecked, checked]\n );\n\n return (\n <ContainerItemSelect onClick={() => clickItem(item, value)}>\n {isMulti && (\n <Checkbox checked={checked} onChange={() => clickItem(item, value)} />\n )}\n <StyledContainerTextLabel>\n <Text fontWeight=\"bold\" ellipsizeMode=\"tail\" numberOfLines={1}>\n <StyledSpan singleHighligh={type === 'single' && value === item}>\n {labelExtractor(item)}\n </StyledSpan>\n </Text>\n </StyledContainerTextLabel>\n </ContainerItemSelect>\n );\n};\n\nexport default React.memo(SelectItem) as typeof SelectItem;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAkBA,MAAMA,UAAU,GAAG,CAAwC;EACzDC,IADyD;EAEzDC,QAFyD;EAGzDC,IAHyD;EAIzDC,KAJyD;EAKzDC,cALyD;EAMzDC,kBANyD;EAOzDC,UAPyD;EAQzDC,aARyD;EASzDC,aATyD;EAUzDC;AAVyD,CAAxC,KAgBA;EACjB,MAAMC,OAAO,GAAGR,IAAI,KAAK,OAAzB;;EACA,MAAM,CAACS,OAAD,EAAUC,UAAV,IAAwBC,cAAA,CAAMC,QAAN,CAC5BX,KAAK,KAAKY,SAAV,IACEb,IAAI,KAAK,OADX,IAEGC,KAAD,CAAkBa,IAAlB,CACEC,IAAI,IAAIR,YAAY,CAACQ,IAAD,CAAZ,KAAuBR,YAAY,CAACT,IAAD,CAD7C,MAEMe,SALoB,CAA9B;;EAQAF,cAAA,CAAMK,SAAN,CAAgB,MAAM;IACpB,IACE,CAACP,OAAD,IACAR,KAAK,KAAKY,SADV,KAEEb,IAAI,KAAK,OAAT,IACCC,KAAD,CAAkBa,IAAlB,CACEC,IAAI,IAAIR,YAAY,CAACQ,IAAD,CAAZ,KAAuBR,YAAY,CAACT,IAAD,CAD7C,CADD,IAIEE,IAAI,KAAK,QAAT,IACCO,YAAY,CAACN,KAAD,CAAZ,KAAgCM,YAAY,CAACT,IAAD,CAPhD,CADF,EAUEY,UAAU,CAAC,IAAD,CAAV;EACH,CAZD,EAYG,CAACT,KAAD,EAAQM,YAAR,EAAsBP,IAAtB,CAZH;;EAcAW,cAAA,CAAMK,SAAN,CAAgB,MAAM;IACpB,IAAIhB,IAAI,KAAK,OAAb,EAAsB;MACpBI,UAAU,GACNM,UAAU,CAAC,IAAD,CADJ,GAENA,UAAU,CACPT,KAAD,CAAkBa,IAAlB,CACEC,IAAI,IAAIR,YAAY,CAACQ,IAAD,CAAZ,KAAuBR,YAAY,CAACT,IAAD,CAD7C,MAEMe,SAHE,CAFd;IAOD;EACF,CAVD,EAUG,CAACT,UAAD,CAVH;;EAYA,MAAMa,SAAS,GAAGN,cAAA,CAAMO,WAAN,CAChB,CAACpB,IAAD,EAAOqB,MAAP,KAAkB;IAGhB,MAAMC,GAAS,GAAGtB,IAAlB;;IACA,IAAIuB,KAAK,CAACC,OAAN,CAAcH,MAAd,CAAJ,EAA2B;MACzB,MAAMI,UAAU,GAAG,CAACd,OAApB;MACAC,UAAU,CAAC,CAACD,OAAF,CAAV;;MACA,IAAIc,UAAJ,EAAgB;QACdxB,QAAQ,CAAC,CAAC,GAAGoB,MAAJ,EAAYC,GAAZ,CAAD,CAAR;QACA,CAAC,GAAGD,MAAJ,EAAYC,GAAZ,EAAiBI,MAAjB,KAA4BlB,aAA5B,IAA6CD,aAAa,CAAC,IAAD,CAA1D;MACD,CAHD,MAGO;QACL,MAAMoB,QAAgB,GAAG,CAAC,GAAGN,MAAJ,CAAzB;QACA,MAAMO,cAAc,GAAGD,QAAQ,CAACE,SAAT,CACrBZ,IAAI,IAAIR,YAAY,CAACQ,IAAD,CAAZ,KAAuBR,YAAY,CAACa,GAAD,CADtB,CAAvB;QAGAK,QAAQ,CAACG,MAAT,CAAgBF,cAAhB,EAAgC,CAAhC;QACA3B,QAAQ,CAAC,CAAC,GAAG0B,QAAJ,CAAD,CAAR;QACApB,aAAa,CAAC,KAAD,CAAb;MACD;IACF,CAfD,MAeO;MACLN,QAAQ,CAACqB,GAAD,CAAR;MACAjB,kBAAkB,CAAC,KAAD,CAAlB;IACD;EACF,CAxBe,EAyBhB,CAACJ,QAAD,EAAWI,kBAAX,EAA+BE,aAA/B,EAA8CK,UAA9C,EAA0DD,OAA1D,CAzBgB,CAAlB;;EA4BA,OACE,6BAAC,2BAAD;IAAqB,OAAO,EAAE,MAAMQ,SAAS,CAACnB,IAAD,EAAOG,KAAP;EAA7C,GACGO,OAAO,IACN,6BAAC,mBAAD;IAAU,OAAO,EAAEC,OAAnB;IAA4B,QAAQ,EAAE,MAAMQ,SAAS,CAACnB,IAAD,EAAOG,KAAP;EAArD,EAFJ,EAIE,6BAAC,gCAAD,QACE,6BAAC,eAAD;IAAM,UAAU,EAAC,MAAjB;IAAwB,aAAa,EAAC,MAAtC;IAA6C,aAAa,EAAE;EAA5D,GACE,6BAAC,kBAAD;IAAY,cAAc,EAAED,IAAI,KAAK,QAAT,IAAqBC,KAAK,KAAKH;EAA3D,GACGI,cAAc,CAACJ,IAAD,CADjB,CADF,CADF,CAJF,CADF;AAcD,CA9FD;;eAgGea,cAAA,CAAMkB,IAAN,CAAWhC,UAAX,C"}

package/dist/components/molecules/Select/SelectItem/index.js.map CHANGED Viewed

	@@ -1 +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~~"}
1	+ {"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 CHANGED Viewed

@@ -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"));

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

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/molecules/Select/SelectItem/~~styled.ts"],"names":["ContainerItemSelect","theme","spacing","mili","deca","color","primary","xlight","medium","StyledSpan","singleHighligh","secondary","xdark","StyledContainerTextLabel"],"~~mappings~~":";;;;;;;AAAA;;;;AAGO,MAAMA,mBAAmB,GAAG,qBAAO,KAAP,CAAmC;AACtE,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAC1E;AACA;AACA,wBAAwB,CAAC;AAAEH,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAO;AAClE;AACA;AACA,aAAa,CAAC;AAAEN,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAO;AACvD;AACA;AACA;AACA;AACA;AACA,CAbO;;AAeA,MAAMC,UAAU,GAAG,qBAAO,MAAP,CAExB;AACF,WAAW,CAAC;AAAER,EAAAA,KAAF;AAASS,EAAAA;AAAT,CAAD,KACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAAM;AAC9E,aAAa,CAAC;AAAEX,EAAAA;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAM;AACxD,CANO;;AAQA,MAAMU,wBAAwB,GAAG,qBAAO,KAAP,CAAmC;AAC3E,kBAAkB,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD;AACA;AACA;AACA;AACA;AACA,CAPO","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ContainerItemSelect = styled('div')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n cursor: pointer;\n &:hover {\n background-color: ${({ theme }) => theme.color.primary.xlight};\n }\n &:hover span {\n color: ${({ theme }) => theme.color.primary.medium};\n }\n flex-direction: row;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledSpan = styled('span')<\n Partial<StyleProps> & { singleHighligh: boolean }\n>`\n color: ${({ theme, singleHighligh }) =>\n singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};\n padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["ContainerItemSelect","styled","theme","spacing","mili","deca","color","primary","xlight","medium","StyledSpan","singleHighligh","secondary","xdark","StyledContainerTextLabel"],"sources":["../../../../../src/components/molecules/Select/SelectItem/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const ContainerItemSelect = styled('div')<Partial<StyleProps>>`\n padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n cursor: pointer;\n &:hover {\n background-color: ${({ theme }) => theme.color.primary.xlight};\n }\n &:hover span {\n color: ${({ theme }) => theme.color.primary.medium};\n }\n flex-direction: row;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledSpan = styled('span')<\n Partial<StyleProps> & { singleHighligh: boolean }\n>`\n color: ${({ theme, singleHighligh }) =>\n singleHighligh ? theme.color.primary.medium : theme.color.secondary.xdark};\n padding: ${({ theme }) => `${theme.spacing.mili} 0px`};\n`;\n\nexport const StyledContainerTextLabel = styled('div')<Partial<StyleProps>>`\n padding-left: ${({ theme }) => theme.spacing.mili};\n width: 100%;\n display: flex;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n`;\n"],"mappings":";;;;;;;AAAA;;;;AAGO,MAAMA,mBAAmB,GAAG,IAAAC,eAAA,EAAO,KAAP,CAAmC;AACtE,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,IAAGF,KAAK,CAACC,OAAN,CAAcE,IAAK,EAAE;AAC1E;AACA;AACA,wBAAwB,CAAC;EAAEH;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBC,MAAO;AAClE;AACA;AACA,aAAa,CAAC;EAAEN;AAAF,CAAD,KAAeA,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAO;AACvD;AACA;AACA;AACA;AACA;AACA,CAbO;;AAeA,MAAMC,UAAU,GAAG,IAAAT,eAAA,EAAO,MAAP,CAExB;AACF,WAAW,CAAC;EAAEC,KAAF;EAASS;AAAT,CAAD,KACPA,cAAc,GAAGT,KAAK,CAACI,KAAN,CAAYC,OAAZ,CAAoBE,MAAvB,GAAgCP,KAAK,CAACI,KAAN,CAAYM,SAAZ,CAAsBC,KAAM;AAC9E,aAAa,CAAC;EAAEX;AAAF,CAAD,KAAgB,GAAEA,KAAK,CAACC,OAAN,CAAcC,IAAK,MAAM;AACxD,CANO;;AAQA,MAAMU,wBAAwB,GAAG,IAAAb,eAAA,EAAO,KAAP,CAAmC;AAC3E,kBAAkB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACpD;AACA;AACA;AACA;AACA;AACA,CAPO"}

package/dist/components/molecules/Select/animations.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/Select/~~animations.ts"],"names":["defaultStyles","transition","overflow","visibility","bottom","entering","transform","opacity","entered","exiting","exited","top"],"~~mappings~~":";;;;;;AAAO,MAAMA,aAAa,GAAG;AAC3BC,EAAAA,UAAU,EAAE,CACV,sFADU,CADe;AAI3BC,EAAAA,QAAQ,EAAE,QAJiB;AAK3BC,EAAAA,UAAU,EAAE;AALe,CAAtB;;AAQA,MAAMF,UAAU,GAAG;AACxBG,EAAAA,MAAM,EAAE;AACNC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS,EAAE,kBADH;AAERC,MAAAA,OAAO,EAAE,CAFD;AAGRJ,MAAAA,UAAU,EAAE;AAHJ,KADJ;AAMNK,IAAAA,OAAO,EAAE;AACPF,MAAAA,SAAS,EAAE,gBADJ;AAEPC,MAAAA,OAAO,EAAE,CAFF;AAGPJ,MAAAA,UAAU,EAAE;AAHL,KANH;AAWNM,IAAAA,OAAO,EAAE;AACPH,MAAAA,SAAS,EAAE,gBADJ;AAEPC,MAAAA,OAAO,EAAE,CAFF;AAGPJ,MAAAA,UAAU,EAAE;AAHL,KAXH;AAgBNO,IAAAA,MAAM,EAAE;AACNJ,MAAAA,SAAS,EAAE,kBADL;AAENC,MAAAA,OAAO,EAAE,CAFH;AAGNJ,MAAAA,UAAU,EAAE;AAHN;AAhBF,GADgB;AAuBxBQ,EAAAA,GAAG,EAAE;AACHN,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS,EAAE,iBADH;AAERC,MAAAA,OAAO,EAAE,CAFD;AAGRJ,MAAAA,UAAU,EAAE;AAHJ,KADP;AAMHK,IAAAA,OAAO,EAAE;AAAEF,MAAAA,SAAS,EAAE,gBAAb;AAA+BC,MAAAA,OAAO,EAAE,CAAxC;AAA2CJ,MAAAA,UAAU,EAAE;AAAvD,KANN;AAOHM,IAAAA,OAAO,EAAE;AAAEH,MAAAA,SAAS,EAAE,gBAAb;AAA+BC,MAAAA,OAAO,EAAE,CAAxC;AAA2CJ,MAAAA,UAAU,EAAE;AAAvD,KAPN;AAQHO,IAAAA,MAAM,EAAE;AAAEJ,MAAAA,SAAS,EAAE,iBAAb;AAAgCC,MAAAA,OAAO,EAAE,CAAzC;AAA4CJ,MAAAA,UAAU,EAAE;AAAxD;AARL;AAvBmB,CAAnB","sourcesContent":["export const defaultStyles = {\n transition: [\n 'transform 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out',\n ],\n overflow: 'hidden',\n visibility: 'hidden',\n};\n\nexport const transition = {\n bottom: {\n entering: {\n transform: 'translateY(-10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n entered: {\n transform: 'translateY(0%)',\n opacity: 1,\n visibility: 'visible',\n },\n exiting: {\n transform: 'translateY(0%)',\n opacity: 1,\n visibility: 'visible',\n },\n exited: {\n transform: 'translateY(-10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n },\n top: {\n entering: {\n transform: 'translateY(10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n entered: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n exiting: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n exited: { transform: 'translateY(10%)', opacity: 0, visibility: 'hidden' },\n },\n};\n"],"~~file~~":"~~animations.js~~"}
1	+ {"version":3,"file":"animations.js","names":["defaultStyles","transition","overflow","visibility","bottom","entering","transform","opacity","entered","exiting","exited","top"],"sources":["../../../../src/components/molecules/Select/animations.ts"],"sourcesContent":["export const defaultStyles = {\n transition: [\n 'transform 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out',\n ],\n overflow: 'hidden',\n visibility: 'hidden',\n};\n\nexport const transition = {\n bottom: {\n entering: {\n transform: 'translateY(-10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n entered: {\n transform: 'translateY(0%)',\n opacity: 1,\n visibility: 'visible',\n },\n exiting: {\n transform: 'translateY(0%)',\n opacity: 1,\n visibility: 'visible',\n },\n exited: {\n transform: 'translateY(-10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n },\n top: {\n entering: {\n transform: 'translateY(10%)',\n opacity: 0,\n visibility: 'hidden',\n },\n entered: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n exiting: { transform: 'translateY(0%)', opacity: 1, visibility: 'visible' },\n exited: { transform: 'translateY(10%)', opacity: 0, visibility: 'hidden' },\n },\n};\n"],"mappings":";;;;;;AAAO,MAAMA,aAAa,GAAG;EAC3BC,UAAU,EAAE,CACV,sFADU,CADe;EAI3BC,QAAQ,EAAE,QAJiB;EAK3BC,UAAU,EAAE;AALe,CAAtB;;AAQA,MAAMF,UAAU,GAAG;EACxBG,MAAM,EAAE;IACNC,QAAQ,EAAE;MACRC,SAAS,EAAE,kBADH;MAERC,OAAO,EAAE,CAFD;MAGRJ,UAAU,EAAE;IAHJ,CADJ;IAMNK,OAAO,EAAE;MACPF,SAAS,EAAE,gBADJ;MAEPC,OAAO,EAAE,CAFF;MAGPJ,UAAU,EAAE;IAHL,CANH;IAWNM,OAAO,EAAE;MACPH,SAAS,EAAE,gBADJ;MAEPC,OAAO,EAAE,CAFF;MAGPJ,UAAU,EAAE;IAHL,CAXH;IAgBNO,MAAM,EAAE;MACNJ,SAAS,EAAE,kBADL;MAENC,OAAO,EAAE,CAFH;MAGNJ,UAAU,EAAE;IAHN;EAhBF,CADgB;EAuBxBQ,GAAG,EAAE;IACHN,QAAQ,EAAE;MACRC,SAAS,EAAE,iBADH;MAERC,OAAO,EAAE,CAFD;MAGRJ,UAAU,EAAE;IAHJ,CADP;IAMHK,OAAO,EAAE;MAAEF,SAAS,EAAE,gBAAb;MAA+BC,OAAO,EAAE,CAAxC;MAA2CJ,UAAU,EAAE;IAAvD,CANN;IAOHM,OAAO,EAAE;MAAEH,SAAS,EAAE,gBAAb;MAA+BC,OAAO,EAAE,CAAxC;MAA2CJ,UAAU,EAAE;IAAvD,CAPN;IAQHO,MAAM,EAAE;MAAEJ,SAAS,EAAE,iBAAb;MAAgCC,OAAO,EAAE,CAAzC;MAA4CJ,UAAU,EAAE;IAAxD;EARL;AAvBmB,CAAnB"}

package/dist/components/molecules/Select/functions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/Select/~~functions.ts"],"names":["getDisplayValue","type","value","options","placeholder","keyExtractor","labelExtractor","length","reduce","acc","option","slice","undefined","selectedOption","find","index"],"~~mappings~~":";;;;;;;AAAO,MAAMA,eAAe,GAAG,CAC7BC,IAD6B,EAE7BC,KAF6B,EAG7BC,OAH6B,EAI7BC,WAJ6B,EAK7BC,YAL6B,EAM7BC,cAN6B,KAOU;AACvC,MAAIL,IAAI,KAAK,OAAb,EAAsB;AACpB,QAAKC,KAAD,CAAkBK,MAAlB,KAA6B,CAAjC,EAAoC,OAAOH,WAAP,CAApC,KACK;AACH,aAAQF,KAAD,CACJM,MADI,CACG,CAACC,GAAD,EAAMC,MAAN,KAAiBD,GAAG,GAAGH,cAAc,CAACI,MAAD,CAApB,GAA+B,IADnD,EACyD,EADzD,EAEJC,KAFI,CAEE,CAFF,EAEK,CAAC,CAFN,CAAP;AAGD;AACF,GAPD,MAOO;AACL,QAAIT,KAAK,KAAKU,SAAd,EAAyB,OAAOR,WAAP;AACzB,UAAMS,cAAc,GAAGV,OAAO,CAACW,IAAR,CACrB,CAACJ,MAAD,EAASK,KAAT,KACEV,YAAY,CAACK,MAAD,EAASK,KAAT,CAAZ,IAA+BV,YAAY,CAACH,KAAD,EAAgBa,KAAhB,CAFxB,CAAvB;AAIA,WAAOF,cAAc,GAAGP,cAAc,CAACO,cAAD,CAAjB,GAAoCT,WAAzD;AACD;AACF,CAvBM","sourcesContent":["export const getDisplayValue = <Data>(\n type: 'multi' \| 'single',\n value: Data \| Data[] \| undefined,\n options: Data[],\n placeholder: string \| undefined,\n keyExtractor: (option: Data, idx?: number) => string,\n labelExtractor: (option: Data) => string\n): Data \| Data[] \| string \| undefined => {\n if (type === 'multi') {\n if ((value as Data[]).length === 0) return placeholder;\n else {\n return (value as Data[])\n .reduce((acc, option) => acc + labelExtractor(option) + ', ', '')\n .slice(0, -2);\n }\n } else {\n if (value === undefined) return placeholder;\n const selectedOption = options.find(\n (option, index) =>\n keyExtractor(option, index) == keyExtractor(value as Data, index)\n );\n return selectedOption ? labelExtractor(selectedOption) : placeholder;\n }\n};\n"],"~~file~~":"~~functions.js~~"}
1	+ {"version":3,"file":"functions.js","names":["getDisplayValue","type","value","options","placeholder","keyExtractor","labelExtractor","length","reduce","acc","option","slice","undefined","selectedOption","find","index"],"sources":["../../../../src/components/molecules/Select/functions.ts"],"sourcesContent":["export const getDisplayValue = <Data>(\n type: 'multi' \| 'single',\n value: Data \| Data[] \| undefined,\n options: Data[],\n placeholder: string \| undefined,\n keyExtractor: (option: Data, idx?: number) => string,\n labelExtractor: (option: Data) => string\n): Data \| Data[] \| string \| undefined => {\n if (type === 'multi') {\n if ((value as Data[]).length === 0) return placeholder;\n else {\n return (value as Data[])\n .reduce((acc, option) => acc + labelExtractor(option) + ', ', '')\n .slice(0, -2);\n }\n } else {\n if (value === undefined) return placeholder;\n const selectedOption = options.find(\n (option, index) =>\n keyExtractor(option, index) == keyExtractor(value as Data, index)\n );\n return selectedOption ? labelExtractor(selectedOption) : placeholder;\n }\n};\n"],"mappings":";;;;;;;AAAO,MAAMA,eAAe,GAAG,CAC7BC,IAD6B,EAE7BC,KAF6B,EAG7BC,OAH6B,EAI7BC,WAJ6B,EAK7BC,YAL6B,EAM7BC,cAN6B,KAOU;EACvC,IAAIL,IAAI,KAAK,OAAb,EAAsB;IACpB,IAAKC,KAAD,CAAkBK,MAAlB,KAA6B,CAAjC,EAAoC,OAAOH,WAAP,CAApC,KACK;MACH,OAAQF,KAAD,CACJM,MADI,CACG,CAACC,GAAD,EAAMC,MAAN,KAAiBD,GAAG,GAAGH,cAAc,CAACI,MAAD,CAApB,GAA+B,IADnD,EACyD,EADzD,EAEJC,KAFI,CAEE,CAFF,EAEK,CAAC,CAFN,CAAP;IAGD;EACF,CAPD,MAOO;IACL,IAAIT,KAAK,KAAKU,SAAd,EAAyB,OAAOR,WAAP;IACzB,MAAMS,cAAc,GAAGV,OAAO,CAACW,IAAR,CACrB,CAACJ,MAAD,EAASK,KAAT,KACEV,YAAY,CAACK,MAAD,EAASK,KAAT,CAAZ,IAA+BV,YAAY,CAACH,KAAD,EAAgBa,KAAhB,CAFxB,CAAvB;IAIA,OAAOF,cAAc,GAAGP,cAAc,CAACO,cAAD,CAAjB,GAAoCT,WAAzD;EACD;AACF,CAvBM"}

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

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

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

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

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

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

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

@@ -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 Snackbar = ({
   value,

package/dist/components/molecules/Snackbar/Snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/~~Snackbar~~/Snackbar~~.~~tsx~~"],"names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAKA;;;;;;AAOO,MAAMA,QAAoC,GAAG,CAAC;AACnDC,EAAAA,KADmD;AAEnDC,EAAAA,SAAS,GAAG;AAAEC,IAAAA,YAAY,EAAE,SAAhB;AAA2BC,IAAAA,SAAS,EAAE;AAAtC,GAFuC;AAGnD,KAAGC;AAHgD,CAAD,KAI9C;AACJ,SACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,eAAD,eAAUH,SAAV;AAAqB,IAAA,UAAU,EAAC,MAAhC;AAAuC,IAAA,UAAU,EAAC;AAAlD,MACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q","sourcesContent":["import React from 'react';\nimport {\n SnackbarProps as SnackPropsCore,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextProps;\n}\n\nexport const Snackbar: React.FC<SnackbarWebProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"~~file~~":"~~Snackbar.js~~"}
1	+ {"version":3,"file":"Snackbar.js","names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SnackbarProps as SnackPropsCore,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextProps;\n}\n\nexport const Snackbar: React.FC<SnackbarWebProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;AAOO,MAAMA,QAAoC,GAAG,CAAC;EACnDC,KADmD;EAEnDC,SAAS,GAAG;IAAEC,YAAY,EAAE,SAAhB;IAA2BC,SAAS,EAAE;EAAtC,CAFuC;EAGnD,GAAGC;AAHgD,CAAD,KAI9C;EACJ,OACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,eAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q"}

package/dist/components/molecules/Snackbar/index.js.map CHANGED Viewed

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

package/dist/components/molecules/Snackbar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/Snackbar/~~styled.ts"],"names":["baseStyles","left","maxWidth","transform","translateX","webStyles","SnackbarStyled","SnackbarCore"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,MAAM,CACvB,iBAAI;AACFC,EAAAA,IAAI,EAAE,KADJ;AAEFC,EAAAA,QAAQ,EAAE,OAFR;AAGFC,EAAAA,SAAS,EAAE,CAAC;AAAEC,IAAAA,UAAU,EAAE;AAAd,GAAD;AAHT,CAAJ,CADuB,CAAzB;;AAQA,MAAMC,SAAS,GAAG,MAAM,CACtB,gBAAI;AACN;AACA,GAHwB,CAAxB;;AAMO,MAAMC,cAAc,GAAG,qBAAOC,mBAAP,EAC5B,MAAM,gBAAI;AACZ,MAAMP,UAAU,EAAG;AACnB,MAAMK,SAAS,EAAG;AAClB,GAJ8B,CAAvB","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nconst baseStyles = () => [\n css({\n left: '50%',\n maxWidth: '600px',\n transform: [{ translateX: '-50%' as any }],\n }),\n];\n\nconst webStyles = () => [\n css`\n position: fixed;\n `,\n];\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>(\n () => css`\n ${baseStyles()}\n ${webStyles()}\n `\n);\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["baseStyles","css","left","maxWidth","transform","translateX","webStyles","SnackbarStyled","styled","SnackbarCore"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nconst baseStyles = () => [\n css({\n left: '50%',\n maxWidth: '600px',\n transform: [{ translateX: '-50%' as any }],\n }),\n];\n\nconst webStyles = () => [\n css`\n position: fixed;\n `,\n];\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>(\n () => css`\n ${baseStyles()}\n ${webStyles()}\n `\n);\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;AAEA,MAAMA,UAAU,GAAG,MAAM,CACvB,IAAAC,WAAA,EAAI;EACFC,IAAI,EAAE,KADJ;EAEFC,QAAQ,EAAE,OAFR;EAGFC,SAAS,EAAE,CAAC;IAAEC,UAAU,EAAE;EAAd,CAAD;AAHT,CAAJ,CADuB,CAAzB;;AAQA,MAAMC,SAAS,GAAG,MAAM,CACtB,IAAAL,WAAA,CAAI;AACN;AACA,GAHwB,CAAxB;;AAMO,MAAMM,cAAc,GAAG,IAAAC,eAAA,EAAOC,mBAAP,EAC5B,MAAM,IAAAR,WAAA,CAAI;AACZ,MAAMD,UAAU,EAAG;AACnB,MAAMM,SAAS,EAAG;AAClB,GAJ8B,CAAvB"}

package/dist/components/molecules/TextArea/TextArea.js CHANGED Viewed

@@ -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 TextArea = ({
   label,

package/dist/components/molecules/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/~~TextArea~~/TextArea~~.~~tsx~~"],"names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus","Text"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAMA;;;;;;AAIA,MAAMA,QAA2B,GAAG,CAAC;AACnCC,EAAAA,KADmC;AAEnCC,EAAAA,UAFmC;AAGnCC,EAAAA,iBAHmC;AAInCC,EAAAA,cAJmC;AAKnCC,EAAAA,eALmC;AAMnCC,EAAAA,UANmC;AAOnCC,EAAAA,WAPmC;AAQnCC,EAAAA,aARmC;AASnCC,EAAAA,cATmC;AAUnCC,EAAAA,QAVmC;AAWnCC,EAAAA,KAXmC;AAYnCC,EAAAA,WAZmC;AAanCC,EAAAA,oBAbmC;AAcnCC,EAAAA,cAAc,GAAG,SAdkB;AAenCC,EAAAA,eAAe,GAAG,MAfiB;AAgBnCC,EAAAA,mBAhBmC;AAiBnCC,EAAAA,OAAO,GAAG,SAjByB;AAkBnCC,EAAAA,aAlBmC;AAmBnCC,EAAAA,IAnBmC;AAoBnCC,EAAAA,OApBmC;AAqBnCC,EAAAA,MArBmC;AAsBnCC,EAAAA,KAtBmC;AAuBnCC,EAAAA,SAvBmC;AAwBnC,KAAGC;AAxBgC,CAAD,KAyB9B;AACJ,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,UAAX;AAAuBC,IAAAA;AAAvB,MAAuC,8BAC3CP,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;AAMA,SACE,6BAAC,mBAAD;AACE,IAAA,KAAK,EAAET,KADT;AAEE,IAAA,UAAU,EAAEC,UAFd;AAGE,IAAA,iBAAiB,EAAEC,iBAHrB;AAIE,IAAA,cAAc,EAAEC,cAJlB;AAKE,IAAA,eAAe,EAAEC,eALnB;AAME,IAAA,UAAU,EAAEC,UANd;AAOE,IAAA,WAAW,EAAEC,WAPf;AAQE,IAAA,cAAc,EAAEqB,eARlB;AASE,IAAA,aAAa,EAAEpB,aATjB;AAUE,IAAA,cAAc,EAAEC,cAVlB;AAWE,IAAA,WAAW,EAAEG,WAXf;AAYE,IAAA,oBAAoB,EAAEC,oBAZxB;AAaE,IAAA,mBAAmB,EAAEG,mBAbvB;AAcE,IAAA,OAAO,EAAES,OAdX;AAeE,IAAA,QAAQ,EAAEf,QAfZ;AAgBE,IAAA,OAAO,EAAEO,OAhBX;AAiBE,IAAA,KAAK,EAAEK,KAjBT;AAkBE,IAAA,aAAa,EAAEJ,aAlBjB;AAmBE,IAAA,IAAI,EAAEC,IAnBR;AAoBE,IAAA,KAAK,EAAER,KApBT;AAqBE,IAAA,aAAa,EAAEiB,eArBjB;AAsBE,IAAA,SAAS,EAAEL;AAtBb,KAwBE,6BAAC,sBAAD,eACMC,IADN;AAEE,IAAA,SAAS,EAAEV,cAFb;AAGE,IAAA,UAAU,EAAEC,eAHd;AAIE,IAAA,QAAQ,EAAEL,QAJZ;AAKE,IAAA,OAAO,EAAEiB,WALX;AAME,IAAA,MAAM,EAAED,UANV;AAOE,IAAA,iBAAiB,EAAE,KAPrB;AAQE,IAAA,SAAS,MARX;AASE,IAAA,KAAK,EAAEJ,KATT;AAUE,IAAA,SAAS,EAAEC;AAVb,KAxBF,CADF;AAuCD,CAvED;;eAyEevB,Q","sourcesContent":["import React, { FC } from 'react';\nimport {\n useInputFocus,\n TextAreaProps as ITACore,\n TextArea as TACore,\n Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' \| 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n maxLength,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n return (\n <TACore\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n value={value}\n hintComponent={hintComponent}\n hint={hint}\n style={style}\n TextComponent={Text}\n maxLength={maxLength}\n >\n <StyledWebInput\n {...rest}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n textAlignVertical={'top'}\n multiline\n value={value}\n maxLength={maxLength}\n />\n </TACore>\n );\n};\n\nexport default TextArea;\n"],"~~file~~":"~~TextArea.js~~"}
1	+ {"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus","useInputFocus","Text"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n useInputFocus,\n TextAreaProps as ITACore,\n TextArea as TACore,\n Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' \| 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n maxLength,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n return (\n <TACore\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n value={value}\n hintComponent={hintComponent}\n hint={hint}\n style={style}\n TextComponent={Text}\n maxLength={maxLength}\n >\n <StyledWebInput\n {...rest}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n textAlignVertical={'top'}\n multiline\n value={value}\n maxLength={maxLength}\n />\n </TACore>\n );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;;;AAIA,MAAMA,QAA2B,GAAG,CAAC;EACnCC,KADmC;EAEnCC,UAFmC;EAGnCC,iBAHmC;EAInCC,cAJmC;EAKnCC,eALmC;EAMnCC,UANmC;EAOnCC,WAPmC;EAQnCC,aARmC;EASnCC,cATmC;EAUnCC,QAVmC;EAWnCC,KAXmC;EAYnCC,WAZmC;EAanCC,oBAbmC;EAcnCC,cAAc,GAAG,SAdkB;EAenCC,eAAe,GAAG,MAfiB;EAgBnCC,mBAhBmC;EAiBnCC,OAAO,GAAG,SAjByB;EAkBnCC,aAlBmC;EAmBnCC,IAnBmC;EAoBnCC,OApBmC;EAqBnCC,MArBmC;EAsBnCC,KAtBmC;EAuBnCC,SAvBmC;EAwBnC,GAAGC;AAxBgC,CAAD,KAyB9B;EACJ,MAAM;IAAEC,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CR,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;EAMA,OACE,6BAAC,mBAAD;IACE,KAAK,EAAET,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEsB,eARlB;IASE,aAAa,EAAErB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAES,OAdX;IAeE,QAAQ,EAAEf,QAfZ;IAgBE,OAAO,EAAEO,OAhBX;IAiBE,KAAK,EAAEK,KAjBT;IAkBE,aAAa,EAAEJ,aAlBjB;IAmBE,IAAI,EAAEC,IAnBR;IAoBE,KAAK,EAAER,KApBT;IAqBE,aAAa,EAAEkB,eArBjB;IAsBE,SAAS,EAAEN;EAtBb,GAwBE,6BAAC,sBAAD,eACMC,IADN;IAEE,SAAS,EAAEV,cAFb;IAGE,UAAU,EAAEC,eAHd;IAIE,QAAQ,EAAEL,QAJZ;IAKE,OAAO,EAAEiB,WALX;IAME,MAAM,EAAED,UANV;IAOE,iBAAiB,EAAE,KAPrB;IAQE,SAAS,MARX;IASE,KAAK,EAAEJ,KATT;IAUE,SAAS,EAAEC;EAVb,GAxBF,CADF;AAuCD,CAvED;;eAyEevB,Q"}

package/dist/components/molecules/TextArea/index.js.map CHANGED Viewed

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

package/dist/components/molecules/TextArea/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/molecules/TextArea/~~styled.ts"],"names":["StyledWebInput","TextAreaInputBase","theme","fontWeight","font","weight","fontStack","stack"],"~~mappings~~":";;;;;;;AAAA;;AACA;;;;AAaO,MAAMA,cAAc,GAAG,qBAAOC,4BAAP,CAE5B;AACF,iBAAiB,CAAC;AAAEC,EAAAA,KAAF;AAASC,EAAAA,UAAU,GAAG;AAAtB,CAAD,KACbD,KAAK,CAACE,IAAN,CAAWC,MAAX,CAAkBF,UAAlB,CAA8B;AAClC,iBAAiB,CAAC;AAAED,EAAAA,KAAF;AAASI,EAAAA,SAAS,GAAG;AAArB,CAAD,KACZ,IAAGJ,KAAK,CAACE,IAAN,CAAWG,KAAX,CAAiBD,SAAjB,CAA4B,GAAG;AACvC;AACA,CARO","sourcesContent":["import styled from '@emotion/native';\nimport {\n FontStackType,\n FontWeightType,\n StyleProps,\n TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n fontStack?: FontStackType;\n fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n font-weight: ${({ theme, fontWeight = 'regular' }) =>\n theme.font.weight[fontWeight]};\n font-family: ${({ theme, fontStack = 'default' }) =>\n `'${theme.font.stack[fontStack]}'`};\n outline-width: 0;\n`;\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["StyledWebInput","styled","TextAreaInputBase","theme","fontWeight","font","weight","fontStack","stack"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n FontStackType,\n FontWeightType,\n StyleProps,\n TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n fontStack?: FontStackType;\n fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n font-weight: ${({ theme, fontWeight = 'regular' }) =>\n theme.font.weight[fontWeight]};\n font-family: ${({ theme, fontStack = 'default' }) =>\n `'${theme.font.stack[fontStack]}'`};\n outline-width: 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAaO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,4BAAP,CAE5B;AACF,iBAAiB,CAAC;EAAEC,KAAF;EAASC,UAAU,GAAG;AAAtB,CAAD,KACbD,KAAK,CAACE,IAAN,CAAWC,MAAX,CAAkBF,UAAlB,CAA8B;AAClC,iBAAiB,CAAC;EAAED,KAAF;EAASI,SAAS,GAAG;AAArB,CAAD,KACZ,IAAGJ,KAAK,CAACE,IAAN,CAAWG,KAAX,CAAiBD,SAAjB,CAA4B,GAAG;AACvC;AACA,CARO"}

package/dist/components/organisms/DataGrid/DataGrid.d.ts CHANGED Viewed

@@ -25,5 +25,5 @@ export interface DataGridProps<Data> extends React.HTMLAttributes<HTMLDivElement
     emptyPlaceholder?: React.ReactNode;
     exportComponent?: React.ReactNode;
 }
-declare const DataGrid: <Data extends unknown>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => JSX.Element;
+declare const DataGrid: <Data>({ headers, data, rowKeyExtractor, toolbarTitle, toolbarFooter, toolbarRightIcons, selectable, selectedRows, onSelectedRows, pagination, rowsPerPage, onRowsPerPageChange, rowsPerPageOptions: _rowsPerPageOptions, rowsPerPageLabel: _rowsPerPageLabel, exportLabel, exportFunction, rowsCount, page, onPageChange, loading, skeletonComponent, emptyPlaceholder, exportComponent, ...rest }: DataGridProps<Data>) => JSX.Element;
 export default DataGrid;

package/dist/components/organisms/DataGrid/DataGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"names":["DataGrid","headers","data","rowKeyExtractor","toolbarTitle","toolbarFooter","toolbarRightIcons","selectable","selectedRows","onSelectedRows","pagination","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","_rowsPerPageOptions","rowsPerPageLabel","_rowsPerPageLabel","exportLabel","exportFunction","rowsCount","page","onPageChange","loading","skeletonComponent","emptyPlaceholder","exportComponent","rest","Error","React","useCallback","value","useMemo","handleSelect","current","checked","prevState","idx","findIndex","el","length","map","item","some","sel","Array","keys","padding","width","Number"],"mappings":"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","sourcesContent":["import React from 'react';\nimport {\n Table,\n TableToolbar,\n TableContainer,\n Tr,\n Td,\n TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n extends React.HTMLAttributes<HTMLDivElement> {\n headers: HeadersType<Data>[];\n data: Data[];\n /** Unique identifier for row data /\n rowKeyExtractor: (data: Data) => string;\n toolbarRightIcons?: React.ReactNode;\n toolbarFooter?: React.ReactNode;\n toolbarTitle: string;\n /* Enable rows selection /\n selectable?: boolean;\n /* Selected items /\n selectedRows?: Data[];\n /* Selection handler /\n onSelectedRows?: (data: Data[] \| ((prevState: Data[]) => Data[])) => void;\n /* Shows pagination controls /\n pagination?: boolean;\n /* Results per page /\n rowsPerPage?: number;\n /* Results per page handler /\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions?: number[];\n rowsPerPageLabel?: (value: number) => string;\n /* Export button label /\n exportLabel?: string;\n exportFunction?: () => void;\n /* Total data elements. Only specify this property if your data is server-side /\n rowsCount?: number;\n /* Current page. Always start in 0 /\n page?: number;\n /* Current page handler /\n onPageChange?: (page: number) => void;\n /* Loading state. The amount of skeleton rows is based on current rowsPerPage /\n loading?: boolean;\n /* Custom skeleton component for better visual /\n skeletonComponent?: React.ReactNode;\n /* Empty state placeholder /\n emptyPlaceholder?: React.ReactNode;\n /* Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" /\n exportComponent?: React.ReactNode;\n}\n\n/* Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data extends unknown>({\n headers,\n data,\n rowKeyExtractor,\n toolbarTitle,\n toolbarFooter,\n toolbarRightIcons,\n selectable = false,\n selectedRows = [],\n onSelectedRows,\n pagination = false,\n rowsPerPage = 10,\n onRowsPerPageChange,\n rowsPerPageOptions: _rowsPerPageOptions,\n rowsPerPageLabel: _rowsPerPageLabel,\n exportLabel = 'Exportar',\n exportFunction,\n rowsCount,\n page = 0,\n onPageChange,\n loading = false,\n skeletonComponent,\n emptyPlaceholder,\n exportComponent,\n ...rest\n}: DataGridProps<Data>): JSX.Element => {\n if (selectable && (!selectedRows \|\| !onSelectedRows)) {\n throw new Error(\n '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n );\n }\n\n const rowsPerPageLabel = React.useCallback(\n value =>\n _rowsPerPageLabel\n ? _rowsPerPageLabel(value)\n : `Exibir por página: ${value} itens`,\n [_rowsPerPageLabel]\n );\n const rowsPerPageOptions = React.useMemo(\n () => _rowsPerPageOptions ?? [10, 25, 50],\n [_rowsPerPageOptions]\n );\n\n const handleSelect = React.useCallback(\n (current, checked) => {\n if (checked) {\n onSelectedRows?.(prevState => [...prevState, current]);\n return;\n }\n\n onSelectedRows?.(prevState => {\n const idx = prevState.findIndex(\n el => rowKeyExtractor(el) === rowKeyExtractor(current)\n );\n return [...removeElement(prevState, idx)];\n });\n },\n [onSelectedRows, rowKeyExtractor]\n );\n\n return (\n <TableContainer {...rest}>\n <TableToolbar\n title={toolbarTitle}\n rightIcons={toolbarRightIcons}\n footer={toolbarFooter}\n />\n <Table>\n <Header\n selectable={selectable}\n headers={headers}\n data={data}\n rowsCount={rowsCount ?? data.length}\n rowKeyExtractor={rowKeyExtractor}\n selectedRows={selectedRows}\n onSelected={onSelectedRows}\n />\n\n {!loading ? (\n <TBody>\n {data.length > 0 ? (\n getData(\n data,\n rowsCount,\n page,\n rowsPerPage,\n pagination\n ).map(item => (\n <Row\n key={rowKeyExtractor(item)}\n rowKeyExtractor={rowKeyExtractor}\n handleSelect={handleSelect}\n selectable={selectable}\n headers={headers}\n data={item}\n checked={selectedRows?.some(\n sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n )}\n />\n ))\n ) : (\n <tr>\n <td colSpan={99}>{emptyPlaceholder}</td>\n </tr>\n )}\n </TBody>\n ) : (\n <TBody>\n {[...Array(rowsPerPage).keys()].map(idx => (\n <Tr key={`skeleton-${idx}`}>\n <Td colSpan={99} style={{ padding: 0 }}>\n {skeletonComponent ?? (\n <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n <div style={{ width: '100%' }} />\n </Skeleton>\n )}\n </Td>\n </Tr>\n ))}\n </TBody>\n )}\n\n {(Number(rowsCount) > 0 \|\| data.length > 0) && (\n <Footer\n exportFunction={exportFunction}\n exportLabel={exportLabel}\n rowsPerPageLabel={rowsPerPageLabel}\n rowsPerPage={rowsPerPage}\n onRowsPerPageChange={onRowsPerPageChange}\n rowsPerPageOptions={rowsPerPageOptions}\n rowsCount={rowsCount ?? data.length}\n page={page}\n onPageChange={onPageChange}\n pagination={pagination}\n exportComponent={exportComponent}\n />\n )}\n </Table>\n </TableContainer>\n );\n};\n\nexport default DataGrid;\n"],"file":"DataGrid.js"}
1	+ {"version":3,"file":"DataGrid.js","names":["DataGrid","headers","data","rowKeyExtractor","toolbarTitle","toolbarFooter","toolbarRightIcons","selectable","selectedRows","onSelectedRows","pagination","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","_rowsPerPageOptions","rowsPerPageLabel","_rowsPerPageLabel","exportLabel","exportFunction","rowsCount","page","onPageChange","loading","skeletonComponent","emptyPlaceholder","exportComponent","rest","Error","React","useCallback","value","useMemo","handleSelect","current","checked","prevState","idx","findIndex","el","removeElement","length","getData","map","item","some","sel","Array","keys","padding","width","Number"],"sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Table,\n TableToolbar,\n TableContainer,\n Tr,\n Td,\n TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n extends React.HTMLAttributes<HTMLDivElement> {\n headers: HeadersType<Data>[];\n data: Data[];\n /** Unique identifier for row data /\n rowKeyExtractor: (data: Data) => string;\n toolbarRightIcons?: React.ReactNode;\n toolbarFooter?: React.ReactNode;\n toolbarTitle: string;\n /* Enable rows selection /\n selectable?: boolean;\n /* Selected items /\n selectedRows?: Data[];\n /* Selection handler /\n onSelectedRows?: (data: Data[] \| ((prevState: Data[]) => Data[])) => void;\n /* Shows pagination controls /\n pagination?: boolean;\n /* Results per page /\n rowsPerPage?: number;\n /* Results per page handler /\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions?: number[];\n rowsPerPageLabel?: (value: number) => string;\n /* Export button label /\n exportLabel?: string;\n exportFunction?: () => void;\n /* Total data elements. Only specify this property if your data is server-side /\n rowsCount?: number;\n /* Current page. Always start in 0 /\n page?: number;\n /* Current page handler /\n onPageChange?: (page: number) => void;\n /* Loading state. The amount of skeleton rows is based on current rowsPerPage /\n loading?: boolean;\n /* Custom skeleton component for better visual /\n skeletonComponent?: React.ReactNode;\n /* Empty state placeholder /\n emptyPlaceholder?: React.ReactNode;\n /* Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" /\n exportComponent?: React.ReactNode;\n}\n\n/* Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n headers,\n data,\n rowKeyExtractor,\n toolbarTitle,\n toolbarFooter,\n toolbarRightIcons,\n selectable = false,\n selectedRows = [],\n onSelectedRows,\n pagination = false,\n rowsPerPage = 10,\n onRowsPerPageChange,\n rowsPerPageOptions: _rowsPerPageOptions,\n rowsPerPageLabel: _rowsPerPageLabel,\n exportLabel = 'Exportar',\n exportFunction,\n rowsCount,\n page = 0,\n onPageChange,\n loading = false,\n skeletonComponent,\n emptyPlaceholder,\n exportComponent,\n ...rest\n}: DataGridProps<Data>): JSX.Element => {\n if (selectable && (!selectedRows \|\| !onSelectedRows)) {\n throw new Error(\n '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n );\n }\n\n const rowsPerPageLabel = React.useCallback(\n value =>\n _rowsPerPageLabel\n ? _rowsPerPageLabel(value)\n : `Exibir por página: ${value} itens`,\n [_rowsPerPageLabel]\n );\n const rowsPerPageOptions = React.useMemo(\n () => _rowsPerPageOptions ?? [10, 25, 50],\n [_rowsPerPageOptions]\n );\n\n const handleSelect = React.useCallback(\n (current, checked) => {\n if (checked) {\n onSelectedRows?.(prevState => [...prevState, current]);\n return;\n }\n\n onSelectedRows?.(prevState => {\n const idx = prevState.findIndex(\n el => rowKeyExtractor(el) === rowKeyExtractor(current)\n );\n return [...removeElement(prevState, idx)];\n });\n },\n [onSelectedRows, rowKeyExtractor]\n );\n\n return (\n <TableContainer {...rest}>\n <TableToolbar\n title={toolbarTitle}\n rightIcons={toolbarRightIcons}\n footer={toolbarFooter}\n />\n <Table>\n <Header\n selectable={selectable}\n headers={headers}\n data={data}\n rowsCount={rowsCount ?? data.length}\n rowKeyExtractor={rowKeyExtractor}\n selectedRows={selectedRows}\n onSelected={onSelectedRows}\n />\n\n {!loading ? (\n <TBody>\n {data.length > 0 ? (\n getData(data, rowsCount, page, rowsPerPage, pagination).map(\n item => (\n <Row\n key={rowKeyExtractor(item)}\n rowKeyExtractor={rowKeyExtractor}\n handleSelect={handleSelect}\n selectable={selectable}\n headers={headers}\n data={item}\n checked={selectedRows?.some(\n sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n )}\n />\n )\n )\n ) : (\n <tr>\n <td colSpan={99}>{emptyPlaceholder}</td>\n </tr>\n )}\n </TBody>\n ) : (\n <TBody>\n {[...Array(rowsPerPage).keys()].map(idx => (\n <Tr key={`skeleton-${idx}`}>\n <Td colSpan={99} style={{ padding: 0 }}>\n {skeletonComponent ?? (\n <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n <div style={{ width: '100%' }} />\n </Skeleton>\n )}\n </Td>\n </Tr>\n ))}\n </TBody>\n )}\n\n {(Number(rowsCount) > 0 \|\| data.length > 0) && (\n <Footer\n exportFunction={exportFunction}\n exportLabel={exportLabel}\n rowsPerPageLabel={rowsPerPageLabel}\n rowsPerPage={rowsPerPage}\n onRowsPerPageChange={onRowsPerPageChange}\n rowsPerPageOptions={rowsPerPageOptions}\n rowsCount={rowsCount ?? data.length}\n page={page}\n onPageChange={onPageChange}\n pagination={pagination}\n exportComponent={exportComponent}\n />\n )}\n </Table>\n </TableContainer>\n );\n};\n\nexport default DataGrid;\n"],"mappings":"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"}

package/dist/components/organisms/DataGrid/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/~~Footer~~/Footer~~.~~tsx~~"],"names":["Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","React","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AA4BA,MAAMA,MAAqC,GAAG,CAAC;AAC7CC,EAAAA,WAD6C;AAE7CC,EAAAA,mBAF6C;AAG7CC,EAAAA,kBAH6C;AAI7CC,EAAAA,gBAJ6C;AAK7CC,EAAAA,cAL6C;AAM7CC,EAAAA,WAN6C;AAO7CC,EAAAA,SAP6C;AAQ7CC,EAAAA,IAR6C;AAS7CC,EAAAA,YAT6C;AAU7CC,EAAAA,UAV6C;AAW7CC,EAAAA;AAX6C,CAAD,KAYxC;AACJ,MAAID,UAAU,KAAK,CAACD,YAAD,IAAiB,CAACP,mBAAvB,CAAd,EAA2D;AACzD,UAAM,IAAIU,KAAJ,CACJ,uFADI,CAAN;AAGD;;AAED,QAAMC,kBAAkB,GAAG,MAAsC;AAC/D,UAAMC,UAAU,GAAGC,IAAI,CAACC,IAAL,CAAUT,SAAS,GAAGN,WAAtB,CAAnB;;AACA,QAAIa,UAAU,GAAG,CAAjB,EAAoB;AAClB,aAAO;AAAEG,QAAAA,KAAK,EAAE,CAAT;AAAYC,QAAAA,GAAG,EAAEJ;AAAjB,OAAP;AACD;;AACD,QAAIN,IAAI,KAAK,CAAb,EAAgB;AACd,aAAO;AAAES,QAAAA,KAAK,EAAET,IAAT;AAAeU,QAAAA,GAAG,EAAEV,IAAI,GAAG;AAA3B,OAAP;AACD;;AACD,QAAIA,IAAI,KAAKM,UAAU,GAAG,CAA1B,EAA6B;AAC3B,aAAO;AAAEG,QAAAA,KAAK,EAAET,IAAI,GAAG,CAAhB;AAAmBU,QAAAA,GAAG,EAAEV,IAAI,GAAG;AAA/~~B,OAAP;AACD;;AACD,WAAO;AAAES,MAAAA,KAAK,EAAET,IAAI,GAAG,CAAhB;AAAmBU,MAAAA,GAAG,EAAEV,IAAI,GAAG;AAA~~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","sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n FooterContainer,\n FooterContainerEnd,\n FooterContainerStart,\n HoveredText,\n NavigationButton,\n PageButton,\n PagesContainer,\n SelectContainer,\n TdFooterStyled,\n TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n rowsPerPage: number;\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions: number[];\n rowsPerPageLabel: (value: number) => string;\n exportLabel?: string;\n exportFunction?: () => void;\n /** Total data elements /\n rowsCount: number;\n page: number;\n onPageChange?: (page: number) => void;\n pagination: boolean;\n exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n rowsPerPage,\n onRowsPerPageChange,\n rowsPerPageOptions,\n rowsPerPageLabel,\n exportFunction,\n exportLabel,\n rowsCount,\n page,\n onPageChange,\n pagination,\n exportComponent,\n}) => {\n if (pagination && (!onPageChange \|\| !onRowsPerPageChange)) {\n throw new Error(\n '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n );\n }\n\n const getPaginationSlice = (): { start: number; end: number } => {\n const totalPages = Math.ceil(rowsCount / rowsPerPage);\n if (totalPages < 4) {\n return { start: 0, end: totalPages };\n }\n if (page === 0) {\n return { start: page, end: page + 3 };\n }\n if (page === totalPages - 1) {\n return { start: page - 2, end: page + 1 };\n }\n return { start: page - 1, end: page + 2 };\n };\n\n const handleRowsPerPage = React.useCallback(\n value => {\n onRowsPerPageChange?.(value as number);\n onPageChange?.(0);\n },\n [onPageChange, onRowsPerPageChange]\n );\n const currentInitItem = page rowsPerPage + 1;\n const currentFinalItem =\n (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n return (\n <TFoot>\n <Tr>\n <TdFooterStyled colSpan={99}>\n <FooterContainer>\n <FooterContainerStart>\n {pagination && (\n <SelectContainer>\n <Select\n options={rowsPerPageOptions}\n onSelect={handleRowsPerPage}\n value={rowsPerPage}\n type={'single'}\n keyExtractor={value => String(value)}\n labelExtractor={rowsPerPageLabel}\n anchor=\"top\"\n />\n </SelectContainer>\n )}\n {exportComponent && !exportFunction && <>{exportComponent}</>}\n {exportFunction && (\n <HoveredText>\n <Button variant=\"outlined\" onPress={() => exportFunction()}>\n <Text fontColor=\"orange\" fontWeight=\"bold\">\n {exportLabel}\n </Text>\n </Button>\n </HoveredText>\n )}\n </FooterContainerStart>\n {pagination && (\n <>\n <TextPagination\n fontWeight={'bold'}\n fontColor={'medium'}\n >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n <FooterContainerEnd>\n <NavigationButton\n onPress={() => onPageChange?.(page - 1)}\n disabled={page === 0}\n >\n <Icon\n name={'chevron-left'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n <PagesContainer>\n {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n .slice(\n getPaginationSlice().start,\n getPaginationSlice().end\n )\n .map(value => (\n <HoveredText key={`page-${value}`}>\n <PageButton\n variant={page === value ? 'outlined' : 'text'}\n onPress={() => onPageChange?.(value)}\n >\n <Text fontColor=\"medium\" fontWeight=\"bold\">\n {value + 1}\n </Text>\n </PageButton>\n </HoveredText>\n ))}\n </PagesContainer>\n <NavigationButton\n onPress={() => onPageChange?.(page + 1)}\n disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n >\n <Icon\n name={'chevron-right'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n </FooterContainerEnd>\n </>\n )}\n </FooterContainer>\n </TdFooterStyled>\n </Tr>\n </TFoot>\n );\n};\n\nexport default React.memo(Footer);\n"],"~~file~~":"~~Footer.js~~"}
1	+ {"version":3,"file":"Footer.js","names":["Footer","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","rowsPerPageLabel","exportFunction","exportLabel","rowsCount","page","onPageChange","pagination","exportComponent","Error","getPaginationSlice","totalPages","Math","ceil","start","end","handleRowsPerPage","React","useCallback","value","currentInitItem","currentFinalItem","String","Array","keys","slice","map","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n FooterContainer,\n FooterContainerEnd,\n FooterContainerStart,\n HoveredText,\n NavigationButton,\n PageButton,\n PagesContainer,\n SelectContainer,\n TdFooterStyled,\n TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n rowsPerPage: number;\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions: number[];\n rowsPerPageLabel: (value: number) => string;\n exportLabel?: string;\n exportFunction?: () => void;\n /** Total data elements /\n rowsCount: number;\n page: number;\n onPageChange?: (page: number) => void;\n pagination: boolean;\n exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n rowsPerPage,\n onRowsPerPageChange,\n rowsPerPageOptions,\n rowsPerPageLabel,\n exportFunction,\n exportLabel,\n rowsCount,\n page,\n onPageChange,\n pagination,\n exportComponent,\n}) => {\n if (pagination && (!onPageChange \|\| !onRowsPerPageChange)) {\n throw new Error(\n '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n );\n }\n\n const getPaginationSlice = (): { start: number; end: number } => {\n const totalPages = Math.ceil(rowsCount / rowsPerPage);\n if (totalPages < 4) {\n return { start: 0, end: totalPages };\n }\n if (page === 0) {\n return { start: page, end: page + 3 };\n }\n if (page === totalPages - 1) {\n return { start: page - 2, end: page + 1 };\n }\n return { start: page - 1, end: page + 2 };\n };\n\n const handleRowsPerPage = React.useCallback(\n value => {\n onRowsPerPageChange?.(value as number);\n onPageChange?.(0);\n },\n [onPageChange, onRowsPerPageChange]\n );\n const currentInitItem = page rowsPerPage + 1;\n const currentFinalItem =\n (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n return (\n <TFoot>\n <Tr>\n <TdFooterStyled colSpan={99}>\n <FooterContainer>\n <FooterContainerStart>\n {pagination && (\n <SelectContainer>\n <Select\n options={rowsPerPageOptions}\n onSelect={handleRowsPerPage}\n value={rowsPerPage}\n type={'single'}\n keyExtractor={value => String(value)}\n labelExtractor={rowsPerPageLabel}\n anchor=\"top\"\n />\n </SelectContainer>\n )}\n {exportComponent && !exportFunction && <>{exportComponent}</>}\n {exportFunction && (\n <HoveredText>\n <Button variant=\"outlined\" onPress={() => exportFunction()}>\n <Text fontColor=\"orange\" fontWeight=\"bold\">\n {exportLabel}\n </Text>\n </Button>\n </HoveredText>\n )}\n </FooterContainerStart>\n {pagination && (\n <>\n <TextPagination\n fontWeight={'bold'}\n fontColor={'medium'}\n >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n <FooterContainerEnd>\n <NavigationButton\n onPress={() => onPageChange?.(page - 1)}\n disabled={page === 0}\n >\n <Icon\n name={'chevron-left'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n <PagesContainer>\n {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n .slice(\n getPaginationSlice().start,\n getPaginationSlice().end\n )\n .map(value => (\n <HoveredText key={`page-${value}`}>\n <PageButton\n variant={page === value ? 'outlined' : 'text'}\n onPress={() => onPageChange?.(value)}\n >\n <Text fontColor=\"medium\" fontWeight=\"bold\">\n {value + 1}\n </Text>\n </PageButton>\n </HoveredText>\n ))}\n </PagesContainer>\n <NavigationButton\n onPress={() => onPageChange?.(page + 1)}\n disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n >\n <Icon\n name={'chevron-right'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n </FooterContainerEnd>\n </>\n )}\n </FooterContainer>\n </TdFooterStyled>\n </Tr>\n </TFoot>\n );\n};\n\nexport default React.memo(Footer);\n"],"mappings":"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"}

package/dist/components/organisms/DataGrid/Footer/index.js.map CHANGED Viewed

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

package/dist/components/organisms/DataGrid/Footer/styled.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextPagination = exports.HoveredText = exports.PagesContainer = exports.PageButton = exports.NavigationButton = exports.SelectContainer = exports.FooterContainerEnd = exports.FooterContainerStart = exports.FooterContainer = exports.FlexContainer = exports.TdFooterStyled = void 0;
+exports.TextPagination = exports.TdFooterStyled = exports.SelectContainer = exports.PagesContainer = exports.PageButton = exports.NavigationButton = exports.HoveredText = exports.FooterContainerStart = exports.FooterContainerEnd = exports.FooterContainer = exports.FlexContainer = void 0;
 var _styled = _interopRequireDefault(require("@emotion/styled"));

package/dist/components/organisms/DataGrid/Footer/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/Footer/~~styled.ts"],"names":["TdFooterStyled","Td","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","Button","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination","Text"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,SAAP,CAAgC;AAC9D,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAChD,CAFO;;AAIA,MAAMC,aAAa,GAAG,qBAAO,KAAP,CAAc;AAC3C;AACA;AACA,CAHO;;AAKA,MAAMC,eAAe,GAAG,qBAAOD,aAAP,CAAsB;AACrD;AACA;AACA,CAHO;;AAKA,MAAME,oBAAoB,GAAG,qBAAOF,aAAP,CAAsB;AAC1D;AACA,CAFO;;AAIA,MAAMG,kBAAkB,GAAG,qBAAOH,aAAP,CAAsB;AACxD;AACA,CAFO;;AAIA,MAAMI,eAAe,GAAG,qBAAO,KAAP,CAAmC;AAClE,kBAAkB,CAAC;AAAEP,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD,CAFO;;AAIA,MAAMC,gBAAgB,GAAG,qBAAaC,cAAb,CAA0C;AAC1E,qBAAqB,CAAC;AAAEV,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAK;AAC5D;AACA;AACA,eAAe,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAClD;AACA,CANO;;AASA,MAAMW,UAAU,GAAG,qBAAaJ,gBAAb,CAAoD;AAC9E,qBAAqB,CAAC;AAAET,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACvD,oBAAoB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACtD,qBAAqB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACW,YAAN,CAAmBC,IAAK;AAC5D;AACA,mBAAmB,CAAC;AAAEZ,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAca,KAAM;AACtD,oBAAoB,CAAC;AAAEd,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAca,KAAM;AACvD,CAPO;;AASA,MAAMC,cAAc,GAAG,qBAAO,KAAP,CAAmC;AACjE;AACA;AACA,CAHO;;AAKA,MAAMC,WAAW,GAAG,qBAAO,KAAP,CAAmC;AAC9D;AACA;AACA,aAAa,CAAC;AAAEhB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACiB,IAAN,CAAWC,KAAX,CAAiBC,KAAM;AACnD;AACA,CALO;;AAOA,MAAMC,cAAc,GAAG,qBAAaC,iBAAb,CAAwC;AACtE,mBAAmB,CAAC;AAAErB,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACrD,kBAAkB,CAAC;AAAER,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD;AACA,CAJO","sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n display: flex;\n flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>` \n border-radius: ${({ theme }) => theme.borderRadius.mili};\n height: 44px;\n justify-content: center;\n padding: ${({ theme }) => theme.spacing.centi};\n width: 44px; \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n padding-right: ${({ theme }) => theme.spacing.deca};\n padding-left: ${({ theme }) => theme.spacing.deca};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n justify-content: center;\n margin-left: ${({ theme }) => theme.spacing.micro};\n margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n margin: 0 20px;\n display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n user-select: none;\n &:hover * {\n color: ${({ theme }) => theme.font.color.light};\n }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n padding-right: ${({ theme }) => theme.spacing.deca};\n padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["TdFooterStyled","styled","Td","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","nativeStyled","Button","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination","Text"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n display: flex;\n flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>` \n border-radius: ${({ theme }) => theme.borderRadius.mili};\n height: 44px;\n justify-content: center;\n padding: ${({ theme }) => theme.spacing.centi};\n width: 44px; \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n padding-right: ${({ theme }) => theme.spacing.deca};\n padding-left: ${({ theme }) => theme.spacing.deca};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n justify-content: center;\n margin-left: ${({ theme }) => theme.spacing.micro};\n margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n margin: 0 20px;\n display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n user-select: none;\n &:hover * {\n color: ${({ theme }) => theme.font.color.light};\n }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n padding-right: ${({ theme }) => theme.spacing.deca};\n padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAgC;AAC9D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAChD,CAFO;;AAIA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAc;AAC3C;AACA;AACA,CAHO;;AAKA,MAAMM,eAAe,GAAG,IAAAN,eAAA,EAAOK,aAAP,CAAsB;AACrD;AACA;AACA,CAHO;;AAKA,MAAME,oBAAoB,GAAG,IAAAP,eAAA,EAAOK,aAAP,CAAsB;AAC1D;AACA,CAFO;;AAIA,MAAMG,kBAAkB,GAAG,IAAAR,eAAA,EAAOK,aAAP,CAAsB;AACxD;AACA,CAFO;;AAIA,MAAMI,eAAe,GAAG,IAAAT,eAAA,EAAO,KAAP,CAAmC;AAClE,kBAAkB,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD,CAFO;;AAIA,MAAMC,gBAAgB,GAAG,IAAAC,eAAA,EAAaC,cAAb,CAA0C;AAC1E,qBAAqB,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC5D;AACA;AACA,eAAe,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAClD;AACA,CANO;;AASA,MAAMY,UAAU,GAAG,IAAAJ,eAAA,EAAaD,gBAAb,CAAoD;AAC9E,qBAAqB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACvD,oBAAoB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACtD,qBAAqB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC5D;AACA,mBAAmB,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcc,KAAM;AACtD,oBAAoB,CAAC;EAAEf;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcc,KAAM;AACvD,CAPO;;AASA,MAAMC,cAAc,GAAG,IAAAlB,eAAA,EAAO,KAAP,CAAmC;AACjE;AACA;AACA,CAHO;;AAKA,MAAMmB,WAAW,GAAG,IAAAnB,eAAA,EAAO,KAAP,CAAmC;AAC9D;AACA;AACA,aAAa,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACkB,IAAN,CAAWC,KAAX,CAAiBC,KAAM;AACnD;AACA,CALO;;AAOA,MAAMC,cAAc,GAAG,IAAAX,eAAA,EAAaY,iBAAb,CAAwC;AACtE,mBAAmB,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACrD,kBAAkB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD;AACA,CAJO"}

package/dist/components/organisms/DataGrid/Header/Header.d.ts CHANGED Viewed

@@ -8,5 +8,5 @@ export interface DataGridHeaderProps<Data> {
     rowsCount: number;
     selectable?: boolean;
 }
-declare const Header: <Data extends unknown>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
+declare const Header: <Data>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
 export default Header;

package/dist/components/organisms/DataGrid/Header/Header.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/~~Header~~/Header~~.~~tsx~~"],"names":["Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","sortDirection","setSortDirection","React","useState","NEXT_STATE","initial","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","unselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAkBA,MAAMA,MAAM,GAAG,CAAuB;AACpCC,EAAAA,UADoC;AAEpCC,EAAAA,SAFoC;AAGpCC,EAAAA,OAHoC;AAIpCC,EAAAA,IAJoC;AAKpCC,EAAAA,eALoC;AAMpCC,EAAAA,YANoC;AAOpCC,EAAAA;AAPoC,CAAvB,KAQ+B;AAC5C,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,eAAMC,QAAN,CACxCC,kBAAWC,OAD6B,CAA1C;;AAIA,QAAMC,mBAAmB,GAAGC,IAAI,IAAI;AAClCA,IAAAA,IAAI,CAACH,kBAAWJ,aAAX,CAAD,CAAJ;AACAC,IAAAA,gBAAgB,CAACG,kBAAWJ,aAAX,CAAD,CAAhB;AACD,GAHD;;AAKA,QAAMQ,eAAe,GAAGC,OAAO,IAAI;AACjC,QAAI,CAACA,OAAL,EAAc;AACZV,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG,EAAH,CAAV;AACA;AACD;;AAED,UAAMW,kBAAkB,GAAG,mCACzBZ,YADyB,EAEzBF,IAFyB,EAGzBC,eAHyB,CAA3B;AAMA,UAAMc,qBAAqB,GAAG,sCAC5Bb,YAD4B,EAE5BF,IAF4B,EAG5BC,eAH4B,CAA9B;;AAMA,QAAIY,OAAO,IAAIX,YAAY,CAACc,MAAb,GAAsB,CAArC,EAAwC;AACtCb,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGH,IAAH,CAAV;AACA;AACD;;AACD,QAAIa,OAAO,IAAIC,kBAAkB,CAACE,MAAnB,GAA4B,CAA3C,EAA8C;AAC5Cb,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGY,qBAAqB,CAACE,MAAtB,CAA6Bf,YAA7B,CAAH,CAAV;AACA;AACD;;AACDC,IAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGD,YAAY,CAACe,MAAb,CAAoBF,qBAApB,CAAH,CAAV;AACD,GA3BD;;AA6BA,SACE,6BAAC,YAAD,QACE,6BAAC,SAAD,QACGlB,UAAU,IACT,6BAAC,sBAAD,QACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEC,SAAS,MAAKI,YAAL,aAAKA,YAAL,uBAAKA,YAAY,CAAEc,MAAnB,CADpB;AAEE,IAAA,QAAQ,EAAEJ;AAFZ,IADF,CAFJ,EASGb,OAAO,CAACmB,GAAR,CAAY,CAAC;AAAEC,IAAAA,KAAF;AAASR,IAAAA,IAAT;AAAeS,IAAAA,cAAc,GAAG;AAAhC,GAAD,KACX,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAED;AAAT,KACE;AACE,IAAA,KAAK,EAAE;AACLE,MAAAA,OAAO,EAAE,MADJ;AAELC,MAAAA,UAAU,EAAE,QAFP;AAGLF,MAAAA;AAHK;AADT,KAOGD,KAPH,EAQGR,IAAI,IACH;AAAK,IAAA,KAAK,EAAE;AAAEY,MAAAA,UAAU,EAAE;AAAd;AAAZ,KACE,6BAAC,2BAAD;AAAkB,IAAA,OAAO,EAAE,MAAMb,mBAAmB,CAACC,IAAD;AAApD,KACE,6BAAC,eAAD;AACE,IAAA,IAAI,EAAG,qBAAoB,0BAAcP,aAAd,CAA6B,EAD1D;AAEE,IAAA,IAAI,EAAE,oBAFR;AAGE,IAAA,SAAS,EAAE,yBAAaA,aAAb;AAHb,IADF,CADF,CATJ,CADF,CADD,CATH,CADF,CADF;AAsCD,CArFD;;eAuFeR,M","sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n findCurrentItemsOnData,\n findUnselectedItemsOnData,\n getIconColor,\n getIconSuffix,\n NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n headers: HeadersType<Data>[];\n data: Data[];\n selectedRows: Data[];\n onSelected?: (data: Data[]) => void;\n rowKeyExtractor: (data: Data) => string;\n rowsCount: number;\n selectable?: boolean;\n}\n\nconst Header = <Data ~~extends unknown>~~({\n selectable,\n rowsCount,\n headers,\n data,\n rowKeyExtractor,\n selectedRows,\n onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n const [sortDirection, setSortDirection] = React.useState<SortState>(\n NEXT_STATE.initial\n );\n\n const handleSortDirection = sort => {\n sort(NEXT_STATE[sortDirection]);\n setSortDirection(NEXT_STATE[sortDirection]);\n };\n\n const handleSelectAll = checked => {\n if (!checked) {\n onSelected?.([]);\n return;\n }\n\n const currentItemsOnData = findCurrentItemsOnData(\n selectedRows,\n data,\n rowKeyExtractor\n );\n\n const unselectedItemsOnData = findUnselectedItemsOnData(\n selectedRows,\n data,\n rowKeyExtractor\n );\n\n if (checked && selectedRows.length < 1) {\n onSelected?.(data);\n return;\n }\n if (checked && currentItemsOnData.length < 1) {\n onSelected?.(unselectedItemsOnData.concat(selectedRows));\n return;\n }\n onSelected?.(selectedRows.concat(unselectedItemsOnData));\n };\n\n return (\n <THead>\n <Tr>\n {selectable && (\n <CheckboxHeader>\n <Checkbox\n checked={rowsCount === selectedRows?.length}\n onChange={handleSelectAll}\n />\n </CheckboxHeader>\n )}\n {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n <Th key={label}>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent,\n }}\n >\n {label}\n {sort && (\n <div style={{ marginLeft: 8 }}>\n <PressableSurface onPress={() => handleSortDirection(sort)}>\n <Icon\n name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n type={'material-community'}\n fontColor={getIconColor(sortDirection)}\n />\n </PressableSurface>\n </div>\n )}\n </div>\n </Th>\n ))}\n </Tr>\n </THead>\n );\n};\n\nexport default Header;\n"],"~~file~~":"~~Header.js~~"}
1	+ {"version":3,"file":"Header.js","names":["Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","sortDirection","setSortDirection","React","useState","NEXT_STATE","initial","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","findCurrentItemsOnData","unselectedItemsOnData","findUnselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft","getIconSuffix","getIconColor"],"sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n findCurrentItemsOnData,\n findUnselectedItemsOnData,\n getIconColor,\n getIconSuffix,\n NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n headers: HeadersType<Data>[];\n data: Data[];\n selectedRows: Data[];\n onSelected?: (data: Data[]) => void;\n rowKeyExtractor: (data: Data) => string;\n rowsCount: number;\n selectable?: boolean;\n}\n\nconst Header = <Data,>({\n selectable,\n rowsCount,\n headers,\n data,\n rowKeyExtractor,\n selectedRows,\n onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n const [sortDirection, setSortDirection] = React.useState<SortState>(\n NEXT_STATE.initial\n );\n\n const handleSortDirection = sort => {\n sort(NEXT_STATE[sortDirection]);\n setSortDirection(NEXT_STATE[sortDirection]);\n };\n\n const handleSelectAll = checked => {\n if (!checked) {\n onSelected?.([]);\n return;\n }\n\n const currentItemsOnData = findCurrentItemsOnData(\n selectedRows,\n data,\n rowKeyExtractor\n );\n\n const unselectedItemsOnData = findUnselectedItemsOnData(\n selectedRows,\n data,\n rowKeyExtractor\n );\n\n if (checked && selectedRows.length < 1) {\n onSelected?.(data);\n return;\n }\n if (checked && currentItemsOnData.length < 1) {\n onSelected?.(unselectedItemsOnData.concat(selectedRows));\n return;\n }\n onSelected?.(selectedRows.concat(unselectedItemsOnData));\n };\n\n return (\n <THead>\n <Tr>\n {selectable && (\n <CheckboxHeader>\n <Checkbox\n checked={rowsCount === selectedRows?.length}\n onChange={handleSelectAll}\n />\n </CheckboxHeader>\n )}\n {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n <Th key={label}>\n <div\n style={{\n display: 'flex',\n alignItems: 'center',\n justifyContent,\n }}\n >\n {label}\n {sort && (\n <div style={{ marginLeft: 8 }}>\n <PressableSurface onPress={() => handleSortDirection(sort)}>\n <Icon\n name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n type={'material-community'}\n fontColor={getIconColor(sortDirection)}\n />\n </PressableSurface>\n </div>\n )}\n </div>\n </Th>\n ))}\n </Tr>\n </THead>\n );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAkBA,MAAMA,MAAM,GAAG,CAAQ;EACrBC,UADqB;EAErBC,SAFqB;EAGrBC,OAHqB;EAIrBC,IAJqB;EAKrBC,eALqB;EAMrBC,YANqB;EAOrBC;AAPqB,CAAR,KAQ+B;EAC5C,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,cAAA,CAAMC,QAAN,CACxCC,iBAAA,CAAWC,OAD6B,CAA1C;;EAIA,MAAMC,mBAAmB,GAAGC,IAAI,IAAI;IAClCA,IAAI,CAACH,iBAAA,CAAWJ,aAAX,CAAD,CAAJ;IACAC,gBAAgB,CAACG,iBAAA,CAAWJ,aAAX,CAAD,CAAhB;EACD,CAHD;;EAKA,MAAMQ,eAAe,GAAGC,OAAO,IAAI;IACjC,IAAI,CAACA,OAAL,EAAc;MACZV,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG,EAAH,CAAV;MACA;IACD;;IAED,MAAMW,kBAAkB,GAAG,IAAAC,6BAAA,EACzBb,YADyB,EAEzBF,IAFyB,EAGzBC,eAHyB,CAA3B;IAMA,MAAMe,qBAAqB,GAAG,IAAAC,gCAAA,EAC5Bf,YAD4B,EAE5BF,IAF4B,EAG5BC,eAH4B,CAA9B;;IAMA,IAAIY,OAAO,IAAIX,YAAY,CAACgB,MAAb,GAAsB,CAArC,EAAwC;MACtCf,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGH,IAAH,CAAV;MACA;IACD;;IACD,IAAIa,OAAO,IAAIC,kBAAkB,CAACI,MAAnB,GAA4B,CAA3C,EAA8C;MAC5Cf,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGa,qBAAqB,CAACG,MAAtB,CAA6BjB,YAA7B,CAAH,CAAV;MACA;IACD;;IACDC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGD,YAAY,CAACiB,MAAb,CAAoBH,qBAApB,CAAH,CAAV;EACD,CA3BD;;EA6BA,OACE,6BAAC,YAAD,QACE,6BAAC,SAAD,QACGnB,UAAU,IACT,6BAAC,sBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEC,SAAS,MAAKI,YAAL,aAAKA,YAAL,uBAAKA,YAAY,CAAEgB,MAAnB,CADpB;IAEE,QAAQ,EAAEN;EAFZ,EADF,CAFJ,EASGb,OAAO,CAACqB,GAAR,CAAY,CAAC;IAAEC,KAAF;IAASV,IAAT;IAAeW,cAAc,GAAG;EAAhC,CAAD,KACX,6BAAC,SAAD;IAAI,GAAG,EAAED;EAAT,GACE;IACE,KAAK,EAAE;MACLE,OAAO,EAAE,MADJ;MAELC,UAAU,EAAE,QAFP;MAGLF;IAHK;EADT,GAOGD,KAPH,EAQGV,IAAI,IACH;IAAK,KAAK,EAAE;MAAEc,UAAU,EAAE;IAAd;EAAZ,GACE,6BAAC,2BAAD;IAAkB,OAAO,EAAE,MAAMf,mBAAmB,CAACC,IAAD;EAApD,GACE,6BAAC,eAAD;IACE,IAAI,EAAG,qBAAoB,IAAAe,oBAAA,EAActB,aAAd,CAA6B,EAD1D;IAEE,IAAI,EAAE,oBAFR;IAGE,SAAS,EAAE,IAAAuB,mBAAA,EAAavB,aAAb;EAHb,EADF,CADF,CATJ,CADF,CADD,CATH,CADF,CADF;AAsCD,CArFD;;eAuFeR,M"}

package/dist/components/organisms/DataGrid/Header/index.js.map CHANGED Viewed

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

package/dist/components/organisms/DataGrid/Header/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/Header/~~styled.ts"],"names":["CheckboxHeader","Th","theme","spacing","mili"],"~~mappings~~":"~~;;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,cAAc,GAAG,qBAAOC,SAAP,CAAgC;AAC9D,mBAAmB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CALO~~","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n & * {\n user-select: none;\n }\n`;\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["CheckboxHeader","styled","Th","theme","spacing","mili"],"sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n & * {\n user-select: none;\n }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAgC;AAC9D,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CALO"}

package/dist/components/organisms/DataGrid/Header/utils.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findCurrentItemsOnData = exports.findUnselectedItemsOnData = exports.getIconColor = exports.getIconSuffix = exports.NEXT_STATE = void 0;
+exports.getIconSuffix = exports.getIconColor = exports.findUnselectedItemsOnData = exports.findCurrentItemsOnData = exports.NEXT_STATE = void 0;
 const NEXT_STATE = {
   unsorted: 'ascending',
   ascending: 'descending',

package/dist/components/organisms/DataGrid/Header/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/Header/~~utils.ts"],"names":["NEXT_STATE","unsorted","ascending","descending","initial","getIconSuffix","state","getIconColor","findUnselectedItemsOnData","selected","data","rowKeyExtractor","length","filter","item","every","rowData","findCurrentItemsOnData","some"],"~~mappings~~":";;;;;;AAEO,MAAMA,UAAwC,GAAG;AACtDC,EAAAA,QAAQ,EAAE,WAD4C;AAEtDC,EAAAA,SAAS,EAAE,YAF2C;AAGtDC,EAAAA,UAAU,EAAE,UAH0C;AAItDC,EAAAA,OAAO,EAAE;AAJ6C,CAAjD;;;AAOA,MAAMC,aAAa,GAAIC,KAAD,IAC3BA,KAAK,KAAK,UAAV,GAAuB,WAAvB,GAAqCA,KADhC;;;;AAGA,MAAMC,YAAY,GAAID,KAAD,IAC1BA,KAAK,KAAK,UAAV,GAAuB,QAAvB,GAAkC,QAD7B;;;;AAGA,MAAME,yBAAyB,GAAG,CACvCC,QADuC,EAEvCC,IAFuC,EAGvCC,eAHuC,KAKvCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIF,IAAI,CAACG,MAAL,CAAYC,IAAI,IACdL,QAAQ,CAACM,KAAT,CACEC,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CADzD,CADF,CADJ,GAMI,EAXC;;;;AAaA,MAAMG,sBAAsB,GAAG,CACpCR,QADoC,EAEpCC,IAFoC,EAGpCC,eAHoC,KAKpCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIH,QAAQ,CAACI,MAAT,CAAgBC,IAAI,IAClBJ,IAAI,CAACQ,IAAL,CAAUF,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAjE,CADF,CADJ,GAII,EATC","sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n unsorted: 'ascending',\n ascending: 'descending',\n descending: 'unsorted',\n initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' \| 'orange' =>\n state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n selected: T[],\n data: T[],\n rowKeyExtractor: (t: T) => string\n): T[] =>\n selected.length > 0\n ? data.filter(item =>\n selected.every(\n rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n )\n )\n : [];\n\nexport const findCurrentItemsOnData = <T>(\n selected: T[],\n data: T[],\n rowKeyExtractor: (t: T) => string\n): T[] =>\n selected.length > 0\n ? selected.filter(item =>\n data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n )\n : [];\n"],"~~file~~":"~~utils.js~~"}
1	+ {"version":3,"file":"utils.js","names":["NEXT_STATE","unsorted","ascending","descending","initial","getIconSuffix","state","getIconColor","findUnselectedItemsOnData","selected","data","rowKeyExtractor","length","filter","item","every","rowData","findCurrentItemsOnData","some"],"sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n unsorted: 'ascending',\n ascending: 'descending',\n descending: 'unsorted',\n initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' \| 'orange' =>\n state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n selected: T[],\n data: T[],\n rowKeyExtractor: (t: T) => string\n): T[] =>\n selected.length > 0\n ? data.filter(item =>\n selected.every(\n rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n )\n )\n : [];\n\nexport const findCurrentItemsOnData = <T>(\n selected: T[],\n data: T[],\n rowKeyExtractor: (t: T) => string\n): T[] =>\n selected.length > 0\n ? selected.filter(item =>\n data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n )\n : [];\n"],"mappings":";;;;;;AAEO,MAAMA,UAAwC,GAAG;EACtDC,QAAQ,EAAE,WAD4C;EAEtDC,SAAS,EAAE,YAF2C;EAGtDC,UAAU,EAAE,UAH0C;EAItDC,OAAO,EAAE;AAJ6C,CAAjD;;;AAOA,MAAMC,aAAa,GAAIC,KAAD,IAC3BA,KAAK,KAAK,UAAV,GAAuB,WAAvB,GAAqCA,KADhC;;;;AAGA,MAAMC,YAAY,GAAID,KAAD,IAC1BA,KAAK,KAAK,UAAV,GAAuB,QAAvB,GAAkC,QAD7B;;;;AAGA,MAAME,yBAAyB,GAAG,CACvCC,QADuC,EAEvCC,IAFuC,EAGvCC,eAHuC,KAKvCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIF,IAAI,CAACG,MAAL,CAAYC,IAAI,IACdL,QAAQ,CAACM,KAAT,CACEC,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CADzD,CADF,CADJ,GAMI,EAXC;;;;AAaA,MAAMG,sBAAsB,GAAG,CACpCR,QADoC,EAEpCC,IAFoC,EAGpCC,eAHoC,KAKpCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIH,QAAQ,CAACI,MAAT,CAAgBC,IAAI,IAClBJ,IAAI,CAACQ,IAAL,CAAUF,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAjE,CADF,CADJ,GAII,EATC"}

package/dist/components/organisms/DataGrid/Row/Row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../../src/components/organisms/DataGrid/~~Row~~/Row~~.~~tsx~~"],"names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AACXC,EAAAA,eADW;AAEXC,EAAAA,IAFW;AAGXC,EAAAA,OAAO,EAAEC,QAHE;AAIXC,EAAAA,YAJW;AAKXC,EAAAA,UALW;AAMXC,EAAAA;AANW,CAAD,KAON;AACJ,SACE,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAEN,eAAe,CAACC,IAAD;AAAxB,KACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;AACE,IAAA,OAAO,EAAEF,QADX;AAEE,IAAA,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;AAFnC,IADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY,CAAC;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAD,KACX,6BAAC,SAAD;AAAI,IAAA,GAAG,EAAG,OAAMT,eAAe,CAACC,IAAD,CAAO,WAAUO,KAAM;AAAtD,KACGC,MAAM,CAACR,IAAD,CADT,CADD,CATH,CADF;AAiBD,CAzBD;;eA2BeS,eAAMC,IAAN,CAAWZ,GAAX,C","sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n rowKeyExtractor,\n data,\n checked: _checked,\n handleSelect,\n selectable,\n headers,\n}) => {\n return (\n <Tr key={rowKeyExtractor(data)}>\n {selectable && (\n <CheckboxCell>\n <Checkbox\n checked={_checked}\n onChange={checked => handleSelect(data, checked)}\n />\n </CheckboxCell>\n )}\n {headers.map(({ label, render }) => (\n <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n {render(data)}\n </Td>\n ))}\n </Tr>\n );\n};\n\nexport default React.memo(Row);\n"],"~~file~~":"~~Row.js~~"}
1	+ {"version":3,"file":"Row.js","names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n rowKeyExtractor,\n data,\n checked: _checked,\n handleSelect,\n selectable,\n headers,\n}) => {\n return (\n <Tr key={rowKeyExtractor(data)}>\n {selectable && (\n <CheckboxCell>\n <Checkbox\n checked={_checked}\n onChange={checked => handleSelect(data, checked)}\n />\n </CheckboxCell>\n )}\n {headers.map(({ label, render }) => (\n <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n {render(data)}\n </Td>\n ))}\n </Tr>\n );\n};\n\nexport default React.memo(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;EACXC,eADW;EAEXC,IAFW;EAGXC,OAAO,EAAEC,QAHE;EAIXC,YAJW;EAKXC,UALW;EAMXC;AANW,CAAD,KAON;EACJ,OACE,6BAAC,SAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEF,QADX;IAEE,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;EAFnC,EADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY,CAAC;IAAEC,KAAF;IAASC;EAAT,CAAD,KACX,6BAAC,SAAD;IAAI,GAAG,EAAG,OAAMT,eAAe,CAACC,IAAD,CAAO,WAAUO,KAAM;EAAtD,GACGC,MAAM,CAACR,IAAD,CADT,CADD,CATH,CADF;AAiBD,CAzBD;;eA2BeS,cAAA,CAAMC,IAAN,CAAWZ,GAAX,C"}

package/dist/components/organisms/DataGrid/Row/index.js.map CHANGED Viewed

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

package/dist/components/organisms/DataGrid/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/organisms/DataGrid/index.ts"],"~~names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","~~sourcesContent":["export { default as DataGrid, DataGridProps } from './DataGrid';\nexport * from './types';\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/organisms/DataGrid/index.ts"],"sourcesContent":["export { default as DataGrid, DataGridProps } from './DataGrid';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/components/organisms/DataGrid/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/organisms/DataGrid/~~styled.ts"],"names":["CheckboxCell","Td","theme","spacing","mili"],"~~mappings~~":"~~;;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,YAAY,GAAG,qBAAOC,SAAP,CAAgC;AAC5D,aAAa,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC~~/~~C;AACA;AACA;AACA,CALO~~","sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.mili};\n & * {\n user-select: none;\n }\n`;\n"],"~~file~~":"~~styled.js~~"}
1	+ {"version":3,"file":"styled.js","names":["CheckboxCell","styled","Td","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.mili};\n & * {\n user-select: none;\n }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAgC;AAC5D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA;AACA,CALO"}

package/dist/components/organisms/DataGrid/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":[],"names":[],"~~mappings~~":"","sourcesContent":[],"~~file~~":"~~types.js~~"}
1	+ {"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/organisms/DataGrid/types.ts"],"sourcesContent":["import React from 'react';\n\nexport type SortState = 'ascending' \| 'descending' \| 'unsorted';\n\nexport type HeadersType<Data> = {\n /** Column header label /\n label: string;\n /* Table cell renderer /\n render: (data: Data) => React.ReactNode;\n sort?: (direction: SortState) => void;\n /* Header alignment */\n justifyContent?: 'flex-start' \| 'center' \| 'flex-end';\n};\n"],"mappings":""}

package/dist/components/organisms/DataGrid/utils.js CHANGED Viewed

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeElement = removeElement;
 exports.getData = void 0;
+exports.removeElement = removeElement;
 function removeElement(arr, index) {
   const data = [...arr];

package/dist/components/organisms/DataGrid/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../../../src/components/organisms/DataGrid/~~utils.ts"],"names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"~~mappings~~":";;;;;;;;AAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;AAC7D,QAAMC,IAAI,GAAG,CAAC,GAAGF,GAAJ,CAAb;AACAE,EAAAA,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;AACA,SAAOC,IAAP;AACD;;AAEM,MAAME,OAAO,GAAG,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB,KAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATC","sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n data.splice(index, 1);\n return data;\n}\n\nexport const getData = <Data>(\n data: Data[],\n rowsCount: number \| undefined,\n page: number,\n rowsPerPage: number,\n pagination: boolean\n): Data[] =>\n rowsCount \|\| !pagination\n ? data\n : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"~~file~~":"~~utils.js~~"}
1	+ {"version":3,"file":"utils.js","names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n data.splice(index, 1);\n return data;\n}\n\nexport const getData = <Data>(\n data: Data[],\n rowsCount: number \| undefined,\n page: number,\n rowsPerPage: number,\n pagination: boolean\n): Data[] =>\n rowsCount \|\| !pagination\n ? data\n : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"mappings":";;;;;;;;AAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,MAAMC,IAAI,GAAG,CAAC,GAAGF,GAAJ,CAAb;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;;AAEM,MAAME,OAAO,GAAG,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB,KAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATC"}

package/dist/hooks/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../src/hooks/~~index.ts"],"names":[],"~~mappings~~":"~~;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA~~","sourcesContent":["export { useBreakpoints } from './useBreakpoints';\nexport { useClickAwayListener } from './useClickAwayListener';\nexport { useWindowSize } from './useWindowSize';\n"],"~~file~~":"~~index.js~~"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useBreakpoints } from './useBreakpoints';\nexport { useClickAwayListener } from './useClickAwayListener';\nexport { useWindowSize } from './useWindowSize';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}

package/dist/hooks/useBreakpoints.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~sources~~":["~~../../src/hooks/~~useBreakpoints.ts"],"names":["useBreakpoints","width","breakpoints","sm","Number","md","lg"],"~~mappings~~":";;;;;;;AAAA;;AACA;;AAQO,MAAMA,cAAc,GAAG,MAA4B;AACxD,QAAM;AAAEC,IAAAA;AAAF,MAAY,mCAAlB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,0BAAxB;AACA,SAAO;AACLC,IAAAA,EAAE,EAAEC,MAAM,CAACH,KAAD,CAAN,IAAiB,CAAjB,IAAsBG,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACC,EADlD;AAELE,IAAAA,EAAE,EAAED,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACC,EAA5B,IAAkCC,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACG,EAF9D;AAGLC,IAAAA,EAAE,EAAEF,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACG;AAH3B,GAAP;AAKD,CARM","sourcesContent":["import { useTheme } from '@tecsinapse/react-core';\nimport { useWindowSize } from './useWindowSize';\n\nexport type UseBreakpointsReturn = {\n sm: boolean;\n md: boolean;\n lg: boolean;\n};\n\nexport const useBreakpoints = (): UseBreakpointsReturn => {\n const { width } = useWindowSize();\n const { breakpoints } = useTheme();\n return {\n sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,\n md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,\n lg: Number(width) > breakpoints.md,\n };\n};\n"],"~~file~~":"~~useBreakpoints.js~~"}
1	+ {"version":3,"file":"useBreakpoints.js","names":["useBreakpoints","width","useWindowSize","breakpoints","useTheme","sm","Number","md","lg"],"sources":["../../src/hooks/useBreakpoints.ts"],"sourcesContent":["import { useTheme } from '@tecsinapse/react-core';\nimport { useWindowSize } from './useWindowSize';\n\nexport type UseBreakpointsReturn = {\n sm: boolean;\n md: boolean;\n lg: boolean;\n};\n\nexport const useBreakpoints = (): UseBreakpointsReturn => {\n const { width } = useWindowSize();\n const { breakpoints } = useTheme();\n return {\n sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,\n md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,\n lg: Number(width) > breakpoints.md,\n };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQO,MAAMA,cAAc,GAAG,MAA4B;EACxD,MAAM;IAAEC;EAAF,IAAY,IAAAC,4BAAA,GAAlB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,mBAAA,GAAxB;EACA,OAAO;IACLC,EAAE,EAAEC,MAAM,CAACL,KAAD,CAAN,IAAiB,CAAjB,IAAsBK,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACE,EADlD;IAELE,EAAE,EAAED,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACE,EAA5B,IAAkCC,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACI,EAF9D;IAGLC,EAAE,EAAEF,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACI;EAH3B,CAAP;AAKD,CARM"}