npm - @tecsinapse/react-web-kit - Versions diffs - 1.22.1-beta.2 → 1.22.1-beta.4 - Mend

@tecsinapse/react-web-kit 1.22.1-beta.2 → 1.22.1-beta.4

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 (315) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Snackbar.js","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\nconst 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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,QAAA,GAAuC,CAAC,EAIxC,KAAA;AAJwC,EAC5C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,SAAY,GAAA,EAAE,YAAc,EAAA,SAAA,EAAW,WAAW,QAAS,EAAA;AAAA,GAf7D,GAa8C,EAGzC,EAAA,IAAA,GAAA,SAAA,CAHyC,EAGzC,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,cAAA,CAAA,EAAA,EAAmB,IAClB,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,uCAAS,SAAT,CAAA,EAAA;AAAA,IAAoB,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,MAAA;AAAA,GAAA,CAAA,EAC/C,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/Snackbar/{styled.mjs → styled.js} RENAMED Viewed

@@ -21,4 +21,4 @@ const SnackbarStyled = nativeStyled(Snackbar)(
 );
 export { SnackbarStyled };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","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"],"names":["styled","SnackbarCore"],"mappings":";;;AAGA,MAAM,aAAa,MAAM;AAAA,EACvB,GAAI,CAAA;AAAA,IACF,IAAM,EAAA,KAAA;AAAA,IACN,QAAU,EAAA,OAAA;AAAA,IACV,SAAW,EAAA,CAAC,EAAE,UAAA,EAAY,QAAe,CAAA;AAAA,GAC1C,CAAA;AACH,CAAA,CAAA;AAEA,MAAM,YAAY,MAAM;AAAA,EACtB,GAAA,CAAA;AAAA;AAAA,EAAA,CAAA;AAGF,CAAA,CAAA;AAEa,MAAA,cAAA,GAAiBA,aAAOC,QAAY,CAAA;AAAA,EAC/C,MAAM,GAAA,CAAA;AAAA,IAAA,EACF,UAAW,EAAA,CAAA;AAAA,IAAA,EACX,SAAU,EAAA,CAAA;AAAA,EAAA,CAAA;AAEhB;;;;"}

package/dist/components/molecules/TextArea/{TextArea.mjs → TextArea.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import React from 'react';
 import { useInputFocus, TextArea as TextArea$1, Text } from '@tecsinapse/react-core';
-import { StyledWebInput } from './styled.mjs';
+import { StyledWebInput } from './styled.js';
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -125,4 +125,4 @@ const TextArea = (_a) => {
 };
 export { TextArea as default };
-//# sourceMappingURL=TextArea.mjs.map
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"TextArea.js","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"],"names":["TACore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,QAAA,GAA8B,CAAC,EAyB/B,KAAA;AAzB+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GAlCF,GAWqC,EAwBhC,EAAA,IAAA,GAAA,SAAA,CAxBgC,EAwBhC,EAAA;AAAA,IAvBH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,qBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,UAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,IACf,SAAA;AAAA,GAEA,kBAAA,KAAA,CAAA,aAAA,CAAC,iDACK,IADL,CAAA,EAAA;AAAA,IAEC,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,GAAA,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/TextArea/{styled.mjs → styled.js} RENAMED Viewed

@@ -8,4 +8,4 @@ const StyledWebInput = nativeStyled(TextAreaInputBase)`
 `;
 export { StyledWebInput };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","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"],"names":["styled"],"mappings":";;;AAca,MAAA,cAAA,GAAiBA,aAAO,iBAAiB,CAAA,CAAA;AAAA,eAGrC,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,eACL,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/{DataGrid.mjs → DataGrid.js} RENAMED Viewed

@@ -1,17 +1,17 @@
 import React from 'react';
-import TBody from '../../atoms/Table/Body/TBody.mjs';
-import Td from '../../atoms/Table/Cell/Td.mjs';
-import TableContainer from '../../atoms/Table/Container/TableContainer.mjs';
-import '../../atoms/Table/Footer/styled.mjs';
-import '../../atoms/Table/Header/styled.mjs';
-import Tr from '../../atoms/Table/Row/Tr.mjs';
-import TableToolbar from '../../atoms/Table/Toolbar/TableToolbar.mjs';
-import Table from '../../atoms/Table/Table.mjs';
-import Header from './Header/Header.mjs';
-import Row from './Row/Row.mjs';
-import Footer from './Footer/Footer.mjs';
-import Skeleton from '../../atoms/Skeleton/Skeleton.mjs';
-import { removeElement, getData } from './utils.mjs';
+import TBody from '../../atoms/Table/Body/TBody.js';
+import Td from '../../atoms/Table/Cell/Td.js';
+import TableContainer from '../../atoms/Table/Container/TableContainer.js';
+import '../../atoms/Table/Footer/styled.js';
+import '../../atoms/Table/Header/styled.js';
+import Tr from '../../atoms/Table/Row/Tr.js';
+import TableToolbar from '../../atoms/Table/Toolbar/TableToolbar.js';
+import Table from '../../atoms/Table/Table.js';
+import Header from './Header/Header.js';
+import Row from './Row/Row.js';
+import Footer from './Footer/Footer.js';
+import Skeleton from '../../atoms/Skeleton/Skeleton.js';
+import { removeElement, getData } from './utils.js';
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -172,4 +172,4 @@ const DataGrid = (_a) => {
 };
 export { DataGrid as default };
-//# sourceMappingURL=DataGrid.mjs.map
+//# sourceMappingURL=DataGrid.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DataGrid.js","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"],"names":[],"mappings":"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"}

package/dist/components/organisms/DataGrid/Footer/{Footer.mjs → Footer.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import React from 'react';
-import Button from '../../../atoms/Button/Button.mjs';
+import Button from '../../../atoms/Button/Button.js';
 import { Text, Icon } from '@tecsinapse/react-core';
-import Select from '../../../molecules/Select/Select.mjs';
-import '../../../atoms/Table/Cell/styled.mjs';
-import '../../../atoms/Table/Container/styled.mjs';
-import TFoot from '../../../atoms/Table/Footer/TFoot.mjs';
-import '../../../atoms/Table/Header/styled.mjs';
-import Tr from '../../../atoms/Table/Row/Tr.mjs';
-import '../../../atoms/Table/Toolbar/styled.mjs';
-import '../../../atoms/Table/styled.mjs';
-import { TdFooterStyled, FooterContainer, FooterContainerStart, SelectContainer, HoveredText, TextPagination, FooterContainerEnd, NavigationButton, PagesContainer, PageButton } from './styled.mjs';
+import Select from '../../../molecules/Select/Select.js';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import TFoot from '../../../atoms/Table/Footer/TFoot.js';
+import '../../../atoms/Table/Header/styled.js';
+import Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
+import { TdFooterStyled, FooterContainer, FooterContainerStart, SelectContainer, HoveredText, TextPagination, FooterContainerEnd, NavigationButton, PagesContainer, PageButton } from './styled.js';
 const Footer = ({
   rowsPerPage,
@@ -100,4 +100,4 @@ const Footer = ({
 var Footer$1 = React.memo(Footer);
 export { Footer$1 as default };
-//# sourceMappingURL=Footer.mjs.map
+//# sourceMappingURL=Footer.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Footer.js","sources":["../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../atoms/Button';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { Select } from '../../../molecules/Select';\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"],"names":[],"mappings":"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"}

package/dist/components/organisms/DataGrid/Footer/{styled.mjs → styled.js} RENAMED Viewed

@@ -2,14 +2,14 @@ import styled from '@emotion/styled';
 import nativeStyled from '@emotion/native';
 import { Text } from '@tecsinapse/react-core';
 import 'react';
-import Td from '../../../atoms/Table/Cell/Td.mjs';
-import '../../../atoms/Table/Container/styled.mjs';
-import '../../../atoms/Table/Footer/styled.mjs';
-import '../../../atoms/Table/Header/styled.mjs';
-import '../../../atoms/Table/Row/styled.mjs';
-import '../../../atoms/Table/Toolbar/styled.mjs';
-import '../../../atoms/Table/styled.mjs';
-import Button from '../../../atoms/Button/Button.mjs';
+import Td from '../../../atoms/Table/Cell/Td.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import '../../../atoms/Table/Header/styled.js';
+import '../../../atoms/Table/Row/styled.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
+import Button from '../../../atoms/Button/Button.js';
 const TdFooterStyled = styled(Td)`
   padding: ${({ theme }) => theme.spacing.centi} 0 0 0;
@@ -63,4 +63,4 @@ const TextPagination = nativeStyled(Text)`
 `;
 export { FlexContainer, FooterContainer, FooterContainerEnd, FooterContainerStart, HoveredText, NavigationButton, PageButton, PagesContainer, SelectContainer, TdFooterStyled, TextPagination };
-//# sourceMappingURL=styled.mjs.map
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps, Text } from '@tecsinapse/react-core';\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"],"names":[],"mappings":";;;;;;;;;;;;;AAMa,MAAA,cAAA,GAAiB,OAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAA,eAAA,GAAkB,OAAO,aAAa,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,oBAAA,GAAuB,OAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAI3C,MAAA,kBAAA,GAAqB,OAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,eAAA,GAAkB,OAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmB,aAAa,MAAM,CAAA,CAAA;AAAA,mBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,aAAA,EAGxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAK/B,MAAA,UAAA,GAAa,aAAa,gBAAgB,CAAA,CAAA;AAAA,mBAAA,EAClC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,mBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,iBAAA,EAEpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,kBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK7B,MAAA,WAAA,GAAc,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAIhC,MAAA,cAAA,GAAiB,aAAa,IAAI,CAAA,CAAA;AAAA,iBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/Header/{Header.mjs → Header.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 import React from 'react';
 import { Checkbox, PressableSurface, Icon } from '@tecsinapse/react-core';
-import '../../../atoms/Table/Cell/styled.mjs';
-import '../../../atoms/Table/Container/styled.mjs';
-import '../../../atoms/Table/Footer/styled.mjs';
-import Th from '../../../atoms/Table/Header/Th.mjs';
-import THead from '../../../atoms/Table/Header/THead.mjs';
-import Tr from '../../../atoms/Table/Row/Tr.mjs';
-import '../../../atoms/Table/Toolbar/styled.mjs';
-import '../../../atoms/Table/styled.mjs';
-import { CheckboxHeader } from './styled.mjs';
-import { NEXT_STATE, getIconSuffix, getIconColor, findCurrentItemsOnData, findUnselectedItemsOnData } from './utils.mjs';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import Th from '../../../atoms/Table/Header/Th.js';
+import THead from '../../../atoms/Table/Header/THead.js';
+import Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
+import { CheckboxHeader } from './styled.js';
+import { NEXT_STATE, getIconSuffix, getIconColor, findCurrentItemsOnData, findUnselectedItemsOnData } from './utils.js';
 const Header = ({
   selectable,
@@ -75,4 +75,4 @@ const Header = ({
 };
 export { Header as default };
-//# sourceMappingURL=Header.mjs.map
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Header.js","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"],"names":[],"mappings":"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"}

package/dist/components/organisms/DataGrid/Header/styled.js ADDED Viewed

@@ -0,0 +1,21 @@
+import styled from '@emotion/styled';
+import 'react';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import Th from '../../../atoms/Table/Header/Th.js';
+import '../../../atoms/Table/Header/styled.js';
+import '../../../atoms/Table/Row/styled.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '@tecsinapse/react-core';
+import '../../../atoms/Table/styled.js';
+const CheckboxHeader = styled(Th)`
+  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
+export { CheckboxHeader };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;;;;;;;;;AAIa,MAAA,cAAA,GAAiB,OAAO,EAAE,CAAA,CAAA;AAAA,iBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/Header/{utils.mjs → utils.js} RENAMED Viewed

@@ -16,4 +16,4 @@ const findCurrentItemsOnData = (selected, data, rowKeyExtractor) => selected.len
 ) : [];
 export { NEXT_STATE, findCurrentItemsOnData, findUnselectedItemsOnData, getIconColor, getIconSuffix };
-//# sourceMappingURL=utils.mjs.map
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAEO,MAAM,UAA2C,GAAA;AAAA,EACtD,QAAU,EAAA,WAAA;AAAA,EACV,SAAW,EAAA,YAAA;AAAA,EACX,UAAY,EAAA,UAAA;AAAA,EACZ,OAAS,EAAA,UAAA;AACX,EAAA;AAEO,MAAM,aAAgB,GAAA,CAAC,KAC5B,KAAA,KAAA,KAAU,aAAa,WAAc,GAAA,MAAA;AAEhC,MAAM,YAAe,GAAA,CAAC,KAC3B,KAAA,KAAA,KAAU,aAAa,QAAW,GAAA,SAAA;AAEvB,MAAA,yBAAA,GAA4B,CACvC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,IAAK,CAAA,MAAA;AAAA,EAAO,UACV,QAAS,CAAA,KAAA;AAAA,IACP,CAAW,OAAA,KAAA,eAAA,CAAgB,OAAO,CAAA,KAAM,gBAAgB,IAAI,CAAA;AAAA,GAC9D;AACF,CAAA,GACA,GAAC;AAEM,MAAA,sBAAA,GAAyB,CACpC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,QAAS,CAAA,MAAA;AAAA,EAAO,CAAA,IAAA,KACd,KAAK,IAAK,CAAA,CAAA,OAAA,KAAW,gBAAgB,OAAO,CAAA,KAAM,eAAgB,CAAA,IAAI,CAAC,CAAA;AACzE,CAAA,GACA;;;;"}

package/dist/components/organisms/DataGrid/Row/{Row.mjs → Row.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 import React from 'react';
 import { Checkbox } from '@tecsinapse/react-core';
-import { CheckboxCell } from '../styled.mjs';
-import Td from '../../../atoms/Table/Cell/Td.mjs';
-import '../../../atoms/Table/Container/styled.mjs';
-import '../../../atoms/Table/Footer/styled.mjs';
-import '../../../atoms/Table/Header/styled.mjs';
-import Tr from '../../../atoms/Table/Row/Tr.mjs';
-import '../../../atoms/Table/Toolbar/styled.mjs';
-import '../../../atoms/Table/styled.mjs';
+import { CheckboxCell } from '../styled.js';
+import Td from '../../../atoms/Table/Cell/Td.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import '../../../atoms/Table/Header/styled.js';
+import Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
 const Row = ({
   rowKeyExtractor,
@@ -29,4 +29,4 @@ const Row = ({
 var Row$1 = React.memo(Row);
 export { Row$1 as default };
-//# sourceMappingURL=Row.mjs.map
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"Row.js","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"],"names":[],"mappings":";;;;;;;;;;;AAKA,MAAM,MAAM,CAAC;AAAA,EACX,eAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAS,EAAA,QAAA;AAAA,EACT,YAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,GAAA,EAAK,gBAAgB,IAAI,CAAA;AAAA,GAC1B,EAAA,UAAA,oBACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,OAAS,EAAA,QAAA;AAAA,IACT,QAAU,EAAA,CAAA,OAAA,KAAW,YAAa,CAAA,IAAA,EAAM,OAAO,CAAA;AAAA,GACjD,CACF,GAED,OAAQ,CAAA,GAAA,CAAI,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,qBAC3B,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,GAAK,EAAA,CAAA,IAAA,EAAO,eAAgB,CAAA,IAAI,CAAY,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,GAAA,EAC7C,MAAO,CAAA,IAAI,CACd,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAe,KAAA,CAAM,KAAK,GAAG,CAAA;;;;"}

package/dist/components/organisms/DataGrid/styled.js ADDED Viewed

@@ -0,0 +1,20 @@
+import styled from '@emotion/styled';
+import 'react';
+import Td from '../../atoms/Table/Cell/Td.js';
+import '../../atoms/Table/Container/styled.js';
+import '../../atoms/Table/Footer/styled.js';
+import '../../atoms/Table/Header/styled.js';
+import '../../atoms/Table/Row/styled.js';
+import '../../atoms/Table/Toolbar/styled.js';
+import '@tecsinapse/react-core';
+import '../../atoms/Table/styled.js';
+const CheckboxCell = styled(Td)`
+  padding: ${({ theme }) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
+export { CheckboxCell };
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;;;;;;;;AAIa,MAAA,YAAA,GAAe,OAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/{utils.mjs → utils.js} RENAMED Viewed

@@ -6,4 +6,4 @@ function removeElement(arr, index) {
 const getData = (data, rowsCount, page, rowsPerPage, pagination) => rowsCount || !pagination ? data : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
 export { getData, removeElement };
-//# sourceMappingURL=utils.mjs.map
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAAgB,SAAA,aAAA,CAAiB,KAAU,KAAoB,EAAA;AAC7D,EAAM,MAAA,IAAA,GAAO,CAAC,GAAG,GAAG,CAAA,CAAA;AACpB,EAAK,IAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,MAAM,UAAU,CACrB,IAAA,EACA,SACA,EAAA,IAAA,EACA,aACA,UAEA,KAAA,SAAA,IAAa,CAAC,UAAA,GACV,OACA,IAAK,CAAA,KAAA,CAAM,OAAO,WAAa,EAAA,IAAA,GAAO,cAAc,WAAW;;;;"}

package/dist/hooks/{useBreakpoints.mjs → useBreakpoints.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { useTheme } from '@tecsinapse/react-core';
-import { useWindowSize } from './useWindowSize.mjs';
+import { useWindowSize } from './useWindowSize.js';
 const useBreakpoints = () => {
   const { width } = useWindowSize();
@@ -12,4 +12,4 @@ const useBreakpoints = () => {
 };
 export { useBreakpoints };
-//# sourceMappingURL=useBreakpoints.mjs.map
+//# sourceMappingURL=useBreakpoints.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"useBreakpoints.js","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"],"names":[],"mappings":";;;AASO,MAAM,iBAAiB,MAA4B;AACxD,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,aAAc,EAAA,CAAA;AAChC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,QAAS,EAAA,CAAA;AACjC,EAAO,OAAA;AAAA,IACL,EAAA,EAAI,OAAO,KAAK,CAAA,IAAK,KAAK,MAAO,CAAA,KAAK,KAAK,WAAY,CAAA,EAAA;AAAA,IACvD,EAAA,EAAI,OAAO,KAAK,CAAA,GAAI,YAAY,EAAM,IAAA,MAAA,CAAO,KAAK,CAAA,IAAK,WAAY,CAAA,EAAA;AAAA,IACnE,EAAI,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,WAAY,CAAA,EAAA;AAAA,GAClC,CAAA;AACF;;;;"}

package/dist/hooks/{useClickAwayListener.mjs → useClickAwayListener.js} RENAMED Viewed

@@ -15,4 +15,4 @@ const useClickAwayListener = (ref, setVisible, event = "mousedown") => {
 };
 export { useClickAwayListener };
-//# sourceMappingURL=useClickAwayListener.mjs.map
+//# sourceMappingURL=useClickAwayListener.js.map

package/dist/hooks/useClickAwayListener.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useClickAwayListener.js","sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n ref: React.MutableRefObject<any>,\n setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n React.useEffect(() => {\n const handleClickOutside = event => {\n if (ref.current && !ref.current.contains(event.target)) {\n setVisible(false);\n }\n };\n document.addEventListener(event, handleClickOutside);\n return () => {\n document.removeEventListener(event, handleClickOutside);\n };\n }, [ref]);\n};\n"],"names":["event"],"mappings":";;AAEO,MAAM,oBAAuB,GAAA,CAClC,GACA,EAAA,UAAA,EACA,QAA6C,WACpC,KAAA;AACT,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,kBAAA,GAAqB,CAAAA,MAAS,KAAA;AAClC,MAAI,IAAA,GAAA,CAAI,WAAW,CAAC,GAAA,CAAI,QAAQ,QAASA,CAAAA,MAAAA,CAAM,MAAM,CAAG,EAAA;AACtD,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AACA,IAAS,QAAA,CAAA,gBAAA,CAAiB,OAAO,kBAAkB,CAAA,CAAA;AACnD,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,OAAO,kBAAkB,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AACV;;;;"}

package/dist/hooks/{useWindowSize.mjs → useWindowSize.js} RENAMED Viewed

@@ -20,4 +20,4 @@ const useWindowSize = () => {
 };
 export { useWindowSize };
-//# sourceMappingURL=useWindowSize.mjs.map
+//# sourceMappingURL=useWindowSize.js.map

package/dist/hooks/useWindowSize.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n width: number | undefined;\n height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n const [windowSize, setWindowSize] = React.useState<WindowSize>({\n width: undefined,\n height: undefined,\n });\n React.useEffect(() => {\n const handleResize = () => {\n setWindowSize({\n width: window.innerWidth,\n height: window.innerHeight,\n });\n };\n window.addEventListener('resize', handleResize);\n handleResize();\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n return windowSize;\n};\n"],"names":[],"mappings":";;AAOO,MAAM,gBAAgB,MAAkB;AAC7C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,MAAM,QAAqB,CAAA;AAAA,IAC7D,KAAO,EAAA,KAAA,CAAA;AAAA,IACP,MAAQ,EAAA,KAAA,CAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,eAAe,MAAM;AACzB,MAAc,aAAA,CAAA;AAAA,QACZ,OAAO,MAAO,CAAA,UAAA;AAAA,QACd,QAAQ,MAAO,CAAA,WAAA;AAAA,OAChB,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC9C,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,GAChE,EAAG,EAAE,CAAA,CAAA;AACL,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/dist/{index.mjs → index.js} RENAMED Viewed

@@ -1,30 +1,30 @@
 export * from '@tecsinapse/react-core';
 export { Icon, Text } from '@tecsinapse/react-core';
-export { default as Accordion } from './components/atoms/Accordion/Accordion.mjs';
-export { default as Badge } from './components/atoms/Badge/Badge.mjs';
-export { default as Button } from './components/atoms/Button/Button.mjs';
-export { useMouseHover } from './components/atoms/Button/hooks/useMouseHover.mjs';
-export { default as Input } from './components/atoms/Input/Input.mjs';
-export { default as InputMask } from './components/atoms/InputMask/InputMask.mjs';
-export { default as Modal } from './components/atoms/Modal/Modal.mjs';
-export { default as Skeleton } from './components/atoms/Skeleton/Skeleton.mjs';
-export { default as Tag } from './components/atoms/Tag/Tag.mjs';
-export { default as Tooltip } from './components/atoms/Tooltip/Tooltip.mjs';
-export { default as Breadcrumbs } from './components/molecules/Breadcrumbs/Breadcrumbs.mjs';
-export { DatePicker } from './components/molecules/DatePicker/DatePicker.mjs';
-export { DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.mjs';
-export { default as Drawer } from './components/molecules/Drawer/Drawer.mjs';
-export { default as GridItem } from './components/molecules/Grid/Item/Item.mjs';
-export { default as Grid } from './components/molecules/Grid/Grid.mjs';
-export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.mjs';
-export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.mjs';
-export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.mjs';
-export { default as Menubar } from './components/molecules/Menubar/Menubar.mjs';
-export { default as Select } from './components/molecules/Select/Select.mjs';
-export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.mjs';
-export { default as TextArea } from './components/molecules/TextArea/TextArea.mjs';
-export { default as DataGrid } from './components/organisms/DataGrid/DataGrid.mjs';
-export { useBreakpoints } from './hooks/useBreakpoints.mjs';
-export { useClickAwayListener } from './hooks/useClickAwayListener.mjs';
-export { useWindowSize } from './hooks/useWindowSize.mjs';
-//# sourceMappingURL=index.mjs.map
+export { default as Accordion } from './components/atoms/Accordion/Accordion.js';
+export { default as Badge } from './components/atoms/Badge/Badge.js';
+export { default as Button } from './components/atoms/Button/Button.js';
+export { useMouseHover } from './components/atoms/Button/hooks/useMouseHover.js';
+export { default as Input } from './components/atoms/Input/Input.js';
+export { default as InputMask } from './components/atoms/InputMask/InputMask.js';
+export { default as Modal } from './components/atoms/Modal/Modal.js';
+export { default as Skeleton } from './components/atoms/Skeleton/Skeleton.js';
+export { default as Tag } from './components/atoms/Tag/Tag.js';
+export { default as Tooltip } from './components/atoms/Tooltip/Tooltip.js';
+export { default as Breadcrumbs } from './components/molecules/Breadcrumbs/Breadcrumbs.js';
+export { DatePicker } from './components/molecules/DatePicker/DatePicker.js';
+export { DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
+export { default as Drawer } from './components/molecules/Drawer/Drawer.js';
+export { default as GridItem } from './components/molecules/Grid/Item/Item.js';
+export { default as Grid } from './components/molecules/Grid/Grid.js';
+export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.js';
+export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.js';
+export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.js';
+export { default as Menubar } from './components/molecules/Menubar/Menubar.js';
+export { default as Select } from './components/molecules/Select/Select.js';
+export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
+export { default as TextArea } from './components/molecules/TextArea/TextArea.js';
+export { default as DataGrid } from './components/organisms/DataGrid/DataGrid.js';
+export { useBreakpoints } from './hooks/useBreakpoints.js';
+export { useClickAwayListener } from './hooks/useClickAwayListener.js';
+export { useWindowSize } from './hooks/useWindowSize.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json CHANGED Viewed

@@ -1,16 +1,16 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.22.1-beta.2+f7c6070",
+  "version": "1.22.1-beta.4+f08b25d",
   "main": "dist/index.cjs",
-  "module": "dist/index.mjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "exports": {
-    "import": "./dist/index.mjs",
-    "default": "./dist/index.js"
+    "import": "./dist/index.js",
+    "default": "./dist/index.cjs"
   },
   "license": "MIT",
   "scripts": {
@@ -27,7 +27,7 @@
     "@emotion/native": "~11.10.0",
     "@emotion/react": "~11.10.0",
     "@emotion/styled": "~11.10.0",
-    "@tecsinapse/react-core": "^1.21.1-beta.2+f7c6070",
+    "@tecsinapse/react-core": "^1.21.1-beta.4+f08b25d",
     "@types/react-native": "^0.64.4",
     "react-native-vector-icons": "~9.2.0",
     "react-transition-group": "~4.4.2"
@@ -46,5 +46,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "f7c6070b4f6718e31584709ed2c1506571443316"
+  "gitHead": "f08b25d2e30c750674a9c48bcc4e6ca82049eea1"
 }

package/dist/components/atoms/Accordion/Accordion.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Accordion.mjs","sources":["../../../../src/components/atoms/Accordion/Accordion.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Icon, Text, ThemeProp } from '@tecsinapse/react-core';\nimport {\n AccordionContainer,\n IconContainer,\n TitleContainer,\n ContentContainer,\n} from './styled';\nimport { Transition } from 'react-transition-group';\nimport {\n contentStyle,\n contentTransition,\n titleStyle,\n titleTransition,\n} from './animations';\nimport { useTheme } from '@emotion/react';\n\nexport interface AccordionProps extends React.HTMLAttributes<HTMLDivElement> {\n open?: boolean;\n onChange?: () => void;\n title: string;\n /** Transition time for collapse effect in ms */\n transition?: number;\n}\n\nconst Accordion: React.FC<AccordionProps> = ({\n title,\n open: _open = false,\n onChange,\n transition = 200,\n children,\n ...rest\n}) => {\n const [open, setOpen] = React.useState(_open);\n const [contentHeight, setContentHeight] = React.useState(0);\n const theme = useTheme() as ThemeProp;\n\n const ref = useRef<HTMLDivElement | null>(null);\n\n React.useEffect(() => setOpen(_open), [_open]);\n\n React.useLayoutEffect(() => {\n const size = Array.from(\n (ref.current?.children || []) as HTMLCollection\n ).reduce((prev, curr) => prev + curr.clientHeight, 0);\n setContentHeight(size);\n }, []);\n\n const handleClick = React.useCallback(() => {\n if (onChange) {\n onChange();\n return;\n }\n setOpen(state => !state);\n }, [onChange]);\n\n return (\n <AccordionContainer {...rest}>\n <TitleContainer onClick={handleClick}>\n <Transition in={open} timeout={transition}>\n {state => (\n <Text\n typography=\"h4\"\n fontWeight=\"bold\"\n style={{\n ...titleStyle(transition, theme),\n ...titleTransition(theme)[state],\n }}\n >\n {title}\n </Text>\n )}\n </Transition>\n <IconContainer>\n <Icon\n type=\"material-community\"\n name={open ? 'chevron-up' : 'chevron-down'}\n size=\"kilo\"\n fontColor=\"medium\"\n />\n </IconContainer>\n </TitleContainer>\n <Transition in={open} timeout={transition}>\n {state => (\n <ContentContainer\n ref={htmlEl => (ref.current = htmlEl)}\n style={{\n ...contentStyle(open, transition, contentHeight, theme),\n ...contentTransition(contentHeight, theme)[state],\n }}\n >\n {children}\n </ContentContainer>\n )}\n </Transition>\n </AccordionContainer>\n );\n};\n\nexport default Accordion;\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBM,MAAA,SAAA,GAAsC,CAAC,EAOvC,KAAA;AAPuC,EAC3C,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,MAAM,KAAQ,GAAA,KAAA;AAAA,IACd,QAAA;AAAA,IACA,UAAa,GAAA,GAAA;AAAA,IACb,QAAA;AAAA,GA9BF,GAyB6C,EAMxC,EAAA,IAAA,GAAA,SAAA,CANwC,EAMxC,EAAA;AAAA,IALH,OAAA;AAAA,IACA,MAAA;AAAA,IACA,UAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAC5C,EAAA,MAAM,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,KAAA,CAAM,SAAS,CAAC,CAAA,CAAA;AAC1D,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAM,MAAA,GAAA,GAAM,OAA8B,IAAI,CAAA,CAAA;AAE9C,EAAA,KAAA,CAAM,UAAU,MAAM,OAAA,CAAQ,KAAK,CAAG,EAAA,CAAC,KAAK,CAAC,CAAA,CAAA;AAE7C,EAAA,KAAA,CAAM,gBAAgB,MAAM;AAzC9B,IAAAA,IAAAA,GAAAA,CAAAA;AA0CI,IAAA,MAAM,OAAO,KAAM,CAAA,IAAA;AAAA,MAAA,CAAA,CAChBA,MAAA,GAAI,CAAA,OAAA,KAAJ,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAa,aAAY,EAAC;AAAA,KAC7B,CAAE,OAAO,CAAC,IAAA,EAAM,SAAS,IAAO,GAAA,IAAA,CAAK,cAAc,CAAC,CAAA,CAAA;AACpD,IAAA,gBAAA,CAAiB,IAAI,CAAA,CAAA;AAAA,GACvB,EAAG,EAAE,CAAA,CAAA;AAEL,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,WAAA,CAAY,MAAM;AAC1C,IAAA,IAAI,QAAU,EAAA;AACZ,MAAS,QAAA,EAAA,CAAA;AACT,MAAA,OAAA;AAAA,KACF;AACA,IAAQ,OAAA,CAAA,CAAA,KAAA,KAAS,CAAC,KAAK,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,kBAAuB,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,OAAS,EAAA,WAAA;AAAA,GAAA,kBACtB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,UAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,UAAW,EAAA,IAAA;AAAA,IACX,UAAW,EAAA,MAAA;AAAA,IACX,KAAA,EAAO,kCACF,UAAW,CAAA,UAAA,EAAY,KAAK,CAC5B,CAAA,EAAA,eAAA,CAAgB,KAAK,CAAE,CAAA,KAAA,CAAA,CAAA;AAAA,GAAA,EAG3B,KACH,CAEJ,CACA,kBAAA,KAAA,CAAA,aAAA,CAAC,qCACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,oBAAA;AAAA,IACL,IAAA,EAAM,OAAO,YAAe,GAAA,cAAA;AAAA,IAC5B,IAAK,EAAA,MAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,UAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACC,GAAA,EAAK,CAAW,MAAA,KAAA,GAAA,CAAI,OAAU,GAAA,MAAA;AAAA,IAC9B,KAAA,EAAO,cACF,CAAA,cAAA,CAAA,EAAA,EAAA,YAAA,CAAa,IAAM,EAAA,UAAA,EAAY,aAAe,EAAA,KAAK,CACnD,CAAA,EAAA,iBAAA,CAAkB,aAAe,EAAA,KAAK,CAAE,CAAA,KAAA,CAAA,CAAA;AAAA,GAG5C,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Accordion/animations.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"animations.mjs","sources":["../../../../src/components/atoms/Accordion/animations.ts"],"sourcesContent":["import { ThemeProp, extractNumbersFromString } from '@tecsinapse/react-core';\n\nexport const contentStyle = (\n open: boolean,\n transition: number,\n value: number,\n theme: ThemeProp\n) => ({\n transition: `padding-bottom ${transition * 2}ms ease-in-out, height ${\n transition * 2\n }ms ease-in-out`,\n paddingBottom: open ? extractNumbersFromString(theme.spacing.kilo) : 0,\n height: open ? value : 0,\n});\n\nexport const contentTransition = (value: number, theme: ThemeProp) => {\n const paddingBottom = extractNumbersFromString(theme.spacing.kilo);\n return {\n entering: {\n paddingBottom,\n height: value,\n },\n entered: {\n paddingBottom,\n height: value,\n },\n exiting: {\n paddingBottom,\n height: value,\n },\n exited: { paddingBottom: 0, height: 0 },\n };\n};\n\nexport const titleStyle = (transition: number, theme: ThemeProp) => ({\n transition: `color ${transition * 2}ms ease-in-out`,\n color: theme.font.color.dark,\n});\n\nexport const titleTransition = (theme: ThemeProp) => ({\n entering: {\n color: theme.font.color.orange,\n },\n entered: {\n color: theme.font.color.orange,\n },\n exiting: {\n color: theme.font.color.orange,\n },\n exited: { color: theme.font.color.dark },\n});\n"],"names":[],"mappings":";;AAEO,MAAM,YAAe,GAAA,CAC1B,IACA,EAAA,UAAA,EACA,OACA,KACI,MAAA;AAAA,EACJ,UAAY,EAAA,CAAA,eAAA,EAAkB,UAAa,GAAA,CAAA,CAAA,uBAAA,EACzC,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAEf,eAAe,IAAO,GAAA,wBAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAI,GAAA,CAAA;AAAA,EACrE,MAAA,EAAQ,OAAO,KAAQ,GAAA,CAAA;AACzB,CAAA,EAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAA,EAAe,KAAqB,KAAA;AACpE,EAAA,MAAM,aAAgB,GAAA,wBAAA,CAAyB,KAAM,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AACjE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,OAAS,EAAA;AAAA,MACP,aAAA;AAAA,MACA,MAAQ,EAAA,KAAA;AAAA,KACV;AAAA,IACA,MAAQ,EAAA,EAAE,aAAe,EAAA,CAAA,EAAG,QAAQ,CAAE,EAAA;AAAA,GACxC,CAAA;AACF,EAAA;AAEa,MAAA,UAAA,GAAa,CAAC,UAAA,EAAoB,KAAsB,MAAA;AAAA,EACnE,UAAA,EAAY,SAAS,UAAa,GAAA,CAAA,CAAA,cAAA,CAAA;AAAA,EAClC,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,IAAA;AAC1B,CAAA,EAAA;AAEa,MAAA,eAAA,GAAkB,CAAC,KAAsB,MAAA;AAAA,EACpD,QAAU,EAAA;AAAA,IACR,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,OAAS,EAAA;AAAA,IACP,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,MAAA;AAAA,GAC1B;AAAA,EACA,QAAQ,EAAE,KAAA,EAAO,KAAM,CAAA,IAAA,CAAK,MAAM,IAAK,EAAA;AACzC,CAAA;;;;"}

package/dist/components/atoms/Accordion/styled.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"styled.mjs","sources":["../../../../src/components/atoms/Accordion/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\n\nexport const IconContainer = styled('div')<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n border: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n`;\n\nexport const TitleContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex: 1;\n flex-direction: row;\n justify-content: space-between;\n cursor: pointer;\n padding: ${({ theme }) => theme.spacing.kilo} 0;\n`;\n\nexport const AccordionContainer = styled('div')<Partial<StyleProps>>`\n display: flex;\n flex-direction: column;\n border-bottom: ${({ theme }) =>\n `${theme.borderWidth.pico} solid ${theme.color.secondary.light}`};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const ContentContainer = styled('div')`\n display: flex;\n flex-direction: column;\n overflow: hidden;\n`;\n"],"names":[],"mappings":";;AAGa,MAAA,aAAA,GAAgB,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACtB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,UACzC,EAAA,CAAC,EAAE,KAAA,EACX,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhD,MAAA,cAAA,GAAiB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAM7B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,kBAAA,GAAqB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,iBAG3B,EAAA,CAAC,EAAE,KAAA,EAClB,KAAA,CAAA,EAAG,MAAM,WAAY,CAAA,IAAA,CAAA,OAAA,EAAc,KAAM,CAAA,KAAA,CAAM,SAAU,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,oBAAA,EACvC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAG5C,MAAA,gBAAA,GAAmB,OAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/components/atoms/Badge/Badge.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Badge.mjs","sources":["../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import {\n BadgeProps,\n Badge as BadgeCore,\n Text,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\nexport interface BadgeWebProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeWebProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["BadgeCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM,MAAA,KAAA,GAA2B,CAAC,EAK5B,KAAA;AAL4B,EAChC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,SAAY,GAAA,OAAA;AAAA,IACZ,KAAA;AAAA,GAhBF,GAakC,EAI7B,EAAA,KAAA,GAAA,SAAA,CAJ6B,EAI7B,EAAA;AAAA,IAHH,UAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,0CACK,KADL,CAAA,EAAA;AAAA,IAEC,uBACG,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,MAAK,SAAA;AAAA,MAAsB,UAAY,EAAA,MAAA;AAAA,MAAQ,UAAY,EAAA,OAAA;AAAA,KAAA,EACzD,KACH,CAAA;AAAA,GAAA,CAAA,EAGD,QACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/atoms/Button/Button.mjs.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Button.mjs","sources":["../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { useMouseHover } from './hooks/useMouseHover';\nimport { useMousePressed } from './hooks/useMousePressed';\nimport { StyledWebButton } from './styled';\n\n/**\n * TODO: Add a property 'defaultElement' to render a default\n * component and provide some button's state to it.\n */\nexport type WebButtonProps = ButtonProps & {\n onMouseOver?: () => void;\n onMouseOut?: () => void;\n onPressIn?: () => void;\n onPressOut?: () => void;\n};\n\nconst Button: FC<WebButtonProps> = ({\n children,\n disabled,\n frozen,\n state,\n variant,\n onMouseOut,\n onMouseOver,\n onPressIn,\n onPressOut,\n ...rest\n}): JSX.Element => {\n const _frozen = frozen || state === 'loading';\n const { mouseOver, handleMouseOut, handleMouseOver } = useMouseHover(\n !disabled && !_frozen,\n onMouseOut,\n onMouseOver\n );\n const { pressed, handlePressIn, handlePressOut } = useMousePressed(\n !disabled && !_frozen,\n onPressIn,\n onPressOut\n );\n\n return (\n <StyledWebButton\n {...rest}\n disabled={disabled}\n frozen={_frozen}\n state={state}\n onMouseOver={handleMouseOver}\n onMouseOut={handleMouseOut}\n mouseOver={mouseOver}\n onPressIn={handlePressIn}\n onPressOut={handlePressOut}\n pressed={pressed}\n variant={variant}\n >\n {children}\n </StyledWebButton>\n );\n};\n\nexport default Button;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,MAAA,GAA6B,CAAC,EAWjB,KAAA;AAXiB,EAClC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,GA1BF,GAiBoC,EAU/B,EAAA,IAAA,GAAA,SAAA,CAV+B,EAU/B,EAAA;AAAA,IATH,UAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,OAAA,GAAU,UAAU,KAAU,KAAA,SAAA,CAAA;AACpC,EAAA,MAAM,EAAE,SAAA,EAAW,cAAgB,EAAA,eAAA,EAAoB,GAAA,aAAA;AAAA,IACrD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,UAAA;AAAA,IACA,WAAA;AAAA,GACF,CAAA;AACA,EAAA,MAAM,EAAE,OAAA,EAAS,aAAe,EAAA,cAAA,EAAmB,GAAA,eAAA;AAAA,IACjD,CAAC,YAAY,CAAC,OAAA;AAAA,IACd,SAAA;AAAA,IACA,UAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,kDACK,IADL,CAAA,EAAA;AAAA,IAEC,QAAA;AAAA,IACA,MAAQ,EAAA,OAAA;AAAA,IACR,KAAA;AAAA,IACA,WAAa,EAAA,eAAA;AAAA,IACb,UAAY,EAAA,cAAA;AAAA,IACZ,SAAA;AAAA,IACA,SAAW,EAAA,aAAA;AAAA,IACX,UAAY,EAAA,cAAA;AAAA,IACZ,OAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,EAEC,QACH,CAAA,CAAA;AAEJ;;;;"}