w-design-system 0.0.83 → 0.0.85

package/dist/components/Sidebar/SidebarLogo/index.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { chevronLeftSVG, chevronRightSVG } from '../../../assets/icon';
-import { IconWrapper } from '../../IconWrapper';
-import { SidebarLogoContainer } from './styles';
-const SidebarLogo = ({ sidebarOpen, setSidebarOpen, logoOpacity, logoUrl, baseColor }) => {
-    return (React.createElement(SidebarLogoContainer, { "$logoUrl": logoUrl, "$logoOpacity": logoOpacity, "$sidebarOpen": sidebarOpen, "$baseColor": baseColor },
-        React.createElement("button", { type: "button", onClick: () => setSidebarOpen(!sidebarOpen), className: "close", "aria-label": "Fechar menu" },
-            React.createElement(IconWrapper, { src: sidebarOpen ? chevronLeftSVG : chevronRightSVG, color: "#fff", width: "12px", height: "12px" })),
-        React.createElement("div", { className: "logo" })));
-};
-export default SidebarLogo;
-//# sourceMappingURL=index.js.map

package/dist/components/Sidebar/SidebarLogo/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarLogo/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAU/C,MAAM,WAAW,GAAG,CAAC,EAAE,WAAW,EAAE,cAAc,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAoB,EAAE,EAAE;IACzG,OAAO,CACL,oBAAC,oBAAoB,gBAAW,OAAO,kBAAgB,WAAW,kBAAgB,WAAW,gBAAc,SAAS;QAClH,gCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,EAAE,SAAS,EAAC,OAAO,gBAAY,aAAa;YAC3G,oBAAC,WAAW,IAAC,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,CACrG;QACT,6BAAK,SAAS,EAAC,MAAM,GAAG,CACH,CACxB,CAAA;AACH,CAAC,CAAA;AACD,eAAe,WAAW,CAAA"}

package/dist/components/Sidebar/SidebarLogo/styles.js

@@ -1,48 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../Themes';
-export const SidebarLogoContainer = styled.div `
-  position: relative;
-
-  --padding: 8px;
-
-
-  margin-bottom: 32px;
-
-  .logo {
-    height: 40px;
-
-    background: url(${({ $logoUrl: logoUrl }) => logoUrl});
-    background-size: ${({ $sidebarOpen: sidebarOpen }) => (sidebarOpen ? `202px 40px` : '141px 28px')};
-    background-repeat: no-repeat;
-    background-position: -8px 0px;
-
-    opacity: ${({ $logoOpacity: logoOpacity }) => logoOpacity !== null && logoOpacity !== void 0 ? logoOpacity : 1};
-  }
-
-  .close {
-    --width: 28px;
-    --height: 32px;
-    display: flex;
-    position: absolute;
-
-    align-items: center;
-    justify-content: center;
-
-    height: var(--height);
-    width: var(--width);
-
-    background: ${({ $baseColor: baseColor }) => baseColor || theme.colors.cyan50};
-    color: #fff;
-
-    border-radius: 0 var(--width) var(--width) 0;
-
-    top: 42px;
-    right: calc((var(--padding) + var(--width)) * -1);
-
-    border: none;
-    cursor: pointer;
-
-    z-index: 2;
-  }
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/Sidebar/SidebarLogo/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Sidebar/SidebarLogo/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AASpC,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAA2B;;;;;;;;;;;sBAWnD,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;uBACjC,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC;;;;eAItF,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC;;;;;;;;;;;;;;;kBAehD,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;CAahF,CAAA"}

package/dist/components/Sidebar/index.js

@@ -1,45 +0,0 @@
-import { useState } from 'react';
-import SidebarGroup from './SidebarGroup';
-import SidebarItem from './SidebarItem';
-import SidebarLogo from './SidebarLogo';
-import React from 'react';
-import { SidebarContainer, SidebarScrollContainer, SidebarScrollWrapperContainer, SidebarSpacer } from './styles';
-export const Sidebar = ({ logoUrl, layout, currentItemId, currentGroupId, setLink, items, logoOpacity, groups, baseColor, }) => {
-    const [sidebarOpen, setSidebarOpen] = useState(true);
-    const sidebarItemClickHandler = (itemId) => {
-        const item = items[itemId];
-        const link = item === null || item === void 0 ? void 0 : item.link;
-        if (link)
-            setLink(link);
-    };
-    return (React.createElement(SidebarContainer, { "$sidebarOpen": sidebarOpen, "$baseColor": baseColor },
-        React.createElement(SidebarLogo, { logoUrl: logoUrl, sidebarOpen: sidebarOpen, setSidebarOpen: setSidebarOpen, logoOpacity: logoOpacity, baseColor: baseColor }),
-        React.createElement(SidebarScrollWrapperContainer, null,
-            React.createElement(SidebarScrollContainer, null, layout
-                .map((item, index) => (Object.assign({ id: index, disabled: undefined }, item)))
-                .map(item => {
-                var _a, _b, _c, _d;
-                if (item.type === 'spacer')
-                    return React.createElement(SidebarSpacer, { key: item.id });
-                if (item.type === 'item')
-                    return (React.createElement(SidebarItem, { key: item.id, title: (_a = items[item.id]) === null || _a === void 0 ? void 0 : _a.menuTitle, icon: (_b = items[item.id]) === null || _b === void 0 ? void 0 : _b.icon, disabled: (_c = items[item.id]) === null || _c === void 0 ? void 0 : _c.disabled, onClick: () => sidebarItemClickHandler(item.id), sidebarOpen: sidebarOpen, isCurrentItem: currentItemId === item.id }));
-                if (item.type === 'group') {
-                    const group = groups[item.id];
-                    const itemShowInMenu = (_d = group.itemIds) === null || _d === void 0 ? void 0 : _d.some(id => { var _a; return ((_a = items[id]) === null || _a === void 0 ? void 0 : _a.showInMenu) !== false; });
-                    if (group.itemIds == null || group.itemIds.length === 0 || !itemShowInMenu) {
-                        const itemRouter = items[item.id];
-                        return React.createElement(SidebarItem, { key: item.id, onClick: () => sidebarItemClickHandler(item.id), sidebarOpen: sidebarOpen, isCurrentItem: currentGroupId === item.id, disabled: itemRouter.disabled, title: itemRouter.menuTitle, icon: itemRouter.icon });
-                    }
-                    else {
-                        return (React.createElement(SidebarGroup, { disabled: group.itemIds.every(id => { var _a; return (_a = items[id]) === null || _a === void 0 ? void 0 : _a.disabled; }), key: item.id, title: group.name, icon: group.icon, sidebarOpen: sidebarOpen, onClick: () => group.link && setLink(group.link), isCurrentGroup: currentGroupId === item.id }, group.itemIds
-                            .filter(id => { var _a; return ((_a = items[id]) === null || _a === void 0 ? void 0 : _a.showInMenu) !== false; })
-                            .map(id => {
-                            var _a, _b;
-                            return (React.createElement(SidebarItem, { key: id, title: (_a = items[id]) === null || _a === void 0 ? void 0 : _a.menuTitle, disabled: (_b = items[id]) === null || _b === void 0 ? void 0 : _b.disabled, onClick: () => sidebarItemClickHandler(id), isCurrentItem: currentItemId === id, sidebarOpen: sidebarOpen, isInsideGroup: true }));
-                        })));
-                    }
-                }
-                return null;
-            })))));
-};
-//# sourceMappingURL=index.js.map

package/dist/components/Sidebar/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Sidebar/stories.js

@@ -1,94 +0,0 @@
-import React from 'react';
-import { Sidebar } from './index';
-import { action } from '@storybook/addon-actions';
-import { dashboardSVG } from '../../assets/icon';
-const meta = {
-    title: 'Components/Sidebar',
-    tags: ['autodocs'],
-    component: Sidebar,
-    argTypes: {
-        layout: {
-            control: 'object',
-            description: 'Array of sidebar layout',
-        },
-        currentItemId: {
-            control: 'text',
-            description: 'Current item id',
-        },
-        currentGroupId: {
-            control: 'text',
-            description: 'Current group id',
-        },
-        setLink: {
-            action: 'setLink',
-            description: 'Function to set link',
-        },
-        items: {
-            control: 'object',
-            description: 'Items data',
-        },
-        groups: {
-            control: 'object',
-            description: 'Groups data',
-        },
-        logoUrl: {
-            control: 'text',
-            description: 'Logo url',
-        },
-    },
-    args: {
-        layout: [
-            {
-                type: 'item',
-                id: 'DASHBOARD',
-            },
-            { type: 'group', id: 'group1' },
-        ],
-        currentItemId: 'DASHBOARD',
-        currentGroupId: 'DASHBOARD',
-        items: {
-            DASHBOARD: {
-                menuTitle: 'Dashboard',
-                icon: dashboardSVG,
-                link: '/dashboard',
-                disabled: true,
-            },
-        },
-        groups: {
-            group1: {
-                name: 'Group 1',
-                icon: dashboardSVG,
-                itemIds: ['DASHBOARD'],
-            },
-        },
-        logoUrl: '',
-        baseColor: '',
-    },
-};
-export default meta;
-export const Playground = {
-    render: args => {
-        return (React.createElement(Sidebar, Object.assign({}, args, { layout: [
-                {
-                    type: 'item',
-                    id: 'DASHBOARD',
-                },
-                { type: 'group', id: 'DASHBOARD' },
-            ], items: {
-                DASHBOARD: {
-                    menuTitle: 'Dashboard',
-                    icon: dashboardSVG,
-                    link: '/dashboard',
-                    disabled: false,
-                    showInMenu: false
-                }
-            }, currentItemId: args.currentItemId, currentGroupId: args.currentGroupId, setLink: action('setLink'), groups: {
-                DASHBOARD: {
-                    name: 'Group 1',
-                    icon: dashboardSVG,
-                    itemIds: ['DASHBOARD'],
-                },
-            }, logoUrl: '' })));
-    },
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/Sidebar/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Sidebar/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,MAAM,IAAI,GAAyB;IACjC,KAAK,EAAE,oBAAoB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,yBAAyB;SACvC;QACD,aAAa,EAAE;YACb,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iBAAiB;SAC/B;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,kBAAkB;SAChC;QACD,OAAO,EAAE;YACP,MAAM,EAAE,SAAS;YACjB,WAAW,EAAE,sBAAsB;SACpC;QACD,KAAK,EAAE;YACL,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,YAAY;SAC1B;QACD,MAAM,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,WAAW,EAAE,aAAa;SAC3B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,UAAU;SACxB;KACF;IACD,IAAI,EAAE;QACJ,MAAM,EAAE;YACN;gBACE,IAAI,EAAE,MAAM;gBACZ,EAAE,EAAE,WAAW;aAChB;YACD,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE;SAChC;QACD,aAAa,EAAE,WAAW;QAC1B,cAAc,EAAE,WAAW;QAC3B,KAAK,EAAE;YACL,SAAS,EAAE;gBACT,SAAS,EAAE,WAAW;gBACtB,IAAI,EAAE,YAAY;gBAClB,IAAI,EAAE,YAAY;gBAClB,QAAQ,EAAE,IAAI;aACf;SACF;QACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,IAAI,EAAE,SAAS;gBACf,IAAI,EAAE,YAAY;gBAClB,OAAO,EAAE,CAAC,WAAW,CAAC;aACvB;SACF;QACD,OAAO,EAAE,EAAE;QACX,SAAS,EAAE,EAAE;KACd;CAC6B,CAAA;AAEhC,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,IAAI,CAAC,EAAE;QACb,OAAO,CACL,oBAAC,OAAO,oBACF,IAAI,IACR,MAAM,EAAE;gBACN;oBACE,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,WAAW;iBAChB;gBACD,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,WAAW,EAAE;aACnC,EACD,KAAK,EAAE;gBACL,SAAS,EAAE;oBACT,SAAS,EAAE,WAAW;oBACtB,IAAI,EAAE,YAAY;oBAClB,IAAI,EAAE,YAAY;oBAClB,QAAQ,EAAE,KAAK;oBACf,UAAU,EAAE,KAAK;iBAClB;aACF,EACD,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,OAAO,EAAE,MAAM,CAAC,SAAS,CAAC,EAC1B,MAAM,EAAE;gBACN,SAAS,EAAE;oBACT,IAAI,EAAE,SAAS;oBACf,IAAI,EAAE,YAAY;oBAClB,OAAO,EAAE,CAAC,WAAW,CAAC;iBACvB;aACF,EACD,OAAO,EAAE,EAAE,IACX,CACH,CAAA;IACH,CAAC;CACF,CAAA"}

package/dist/components/Sidebar/styles.js

@@ -1,73 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../Themes';
-export const SidebarContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  grid-area: sidebar;
-  position: relative;
-  box-sizing: border-box;
-  color: white;
-  height: 100vh;
-  height: 100dvh;
-  padding: 16px 16px 0 16px;
-  width: min-content;
-  min-width: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '215px'};
-  border-radius: ${({ $sidebarOpen: sidebarOpen }) => sidebarOpen && '0 60px 0px 0;'};
-  background: ${({ $baseColor: baseColor }) => baseColor || theme.colors.cyan50};
-  /* Mantenha o estilo do container ao passar o mouse */
-  &:hover {
-    &::-webkit-scrollbar {
-      width: 0;
-    }
-
-    &::-webkit-scrollbar-track {
-      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-    }
-
-    &::-webkit-scrollbar-thumb {
-      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
-    }
-  }
-`;
-export const SidebarScrollContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-  min-height: calc(100% - 36px);
-  margin-bottom: 36px;
-`;
-export const SidebarScrollWrapperContainer = styled.div `
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-
-  &::-webkit-scrollbar {
-    width: 0;
-  }
-
-  &::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-  }
-
-  &::-webkit-scrollbar-thumb {
-    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
-  }
-
-  &:hover {
-    &::-webkit-scrollbar {
-      width: 0;
-    }
-
-    &::-webkit-scrollbar-track {
-      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-    }
-
-    &::-webkit-scrollbar-thumb {
-      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
-    }
-  }
-`;
-export const SidebarSpacer = styled.div `
-  flex-grow: 1;
-`;
-//# sourceMappingURL=styles.js.map

package/dist/components/Sidebar/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Sidebar/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAOjC,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAuB;;;;;;;;;;;eAWlD,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,OAAO;mBACrD,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW,IAAI,eAAe;gBACpE,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,SAAS,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;CAe9E,CAAA;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAM/C,CAAA;AAED,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BtD,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtC,CAAA"}

package/dist/components/Table/index.js

@@ -1,95 +0,0 @@
-import React, { useState } from 'react';
-import styled from 'styled-components';
-import { Paragraph } from '../Paragraph';
-import { theme } from '../Themes';
-import { ContainerLoading } from '../Loading';
-import { EmptyState } from '../EmptyState';
-const TableContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  overflow-x: auto;
-`;
-const StyledTable = styled.table `
-  width: 100%;
-  border-collapse: collapse;
-  height: 100%;
-`;
-const Thead = styled.thead `
-  display: table-header-group;
-  border-bottom: 1px solid #ddd;
-`;
-const Tbody = styled.tbody `
-  display: block;
-  width: 100%;
-  overflow-y: auto;
-  height: ${props => props.height || '100%'};
-`;
-const Tr = styled.tr `
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-`;
-const TrRow = styled.tr `
-  display: table;
-  width: 100%;
-  table-layout: fixed;
-  &:nth-of-type(n + 2) {
-    background-color: ${props => (props.striped ? '#f9f9f9' : 'transparent')};
-  }
-  &:nth-of-type(odd) {
-    background-color: ${props => (props.striped ? '#fff' : 'transparent')};
-  }
-`;
-const Th = styled.th `
-  padding: 10px;
-  text-align: ${props => props.align || 'left'};
-  width: ${props => props.width || 'auto'};
-`;
-const Td = styled.td `
-  padding: 12px;
-  width: ${props => (props === null || props === void 0 ? void 0 : props.width) || 'auto'};
-  text-align: ${props => (props === null || props === void 0 ? void 0 : props.align) || 'left'};
-`;
-const ExpandableRow = styled.div `
-  padding: 8px;
-  min-height: 50px;
-`;
-const LoadingWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-`;
-const EmptyStateWrapper = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  padding: 20px;
-`;
-export const Table = ({ columns, data, height = '100%', loading = false, emptyStateMessage = {
-    title: 'Nenhum registro encontrado',
-    subTitle: 'Não há registros para exibir',
-    description: 'Não há registros para exibir',
-}, striped = false, }) => {
-    const [expandedRow, setExpandedRow] = useState(null);
-    const handleExpandClick = (id) => {
-        setExpandedRow(expandedRow === id ? null : id);
-    };
-    // @ts-ignore
-    return (React.createElement(TableContainer, null,
-        React.createElement(StyledTable, null,
-            React.createElement(Thead, null,
-                React.createElement(Tr, { striped: striped }, columns.map((col, index) => (React.createElement(Th, { key: index, width: col.width, align: col.align },
-                    React.createElement(Paragraph, { color: theme.colors.shade30, textTransform: 'uppercase', strongBod: true }, col.header)))))),
-            React.createElement(Tbody, { height: height }, loading ? (React.createElement(LoadingWrapper, null,
-                React.createElement(ContainerLoading, { size: 'small' }))) : data.length === 0 ? (React.createElement(EmptyStateWrapper, null,
-                React.createElement(EmptyState, { title: emptyStateMessage === null || emptyStateMessage === void 0 ? void 0 : emptyStateMessage.title, subTitle: emptyStateMessage === null || emptyStateMessage === void 0 ? void 0 : emptyStateMessage.subTitle, description: emptyStateMessage === null || emptyStateMessage === void 0 ? void 0 : emptyStateMessage.description }))) : (data.map((row, rowIndex) => (React.createElement(React.Fragment, { key: row.id },
-                React.createElement(TrRow, { striped: striped }, columns.map((col, colIndex) => (React.createElement(Td, { key: colIndex, width: col === null || col === void 0 ? void 0 : col.width, align: col === null || col === void 0 ? void 0 : col.align }, col.Cell ? (col.Cell(row, handleExpandClick)) : (React.createElement(Paragraph, { color: theme.colors.shade40 }, row[col.accessor])))))),
-                expandedRow === row.id && row.containerColapsed && (React.createElement(ExpandableRow, null, row.containerColapsed(row)))))))))));
-};
-//# sourceMappingURL=index.js.map

package/dist/components/Table/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/stories.js

@@ -1,163 +0,0 @@
-import React from 'react';
-import { ButtonRound } from '../ButtonRound';
-import { dumpSVG, editSVG } from '../../assets/icon';
-import { Table } from './index';
-import CardStories from '../CardStories';
-import { Paragraph } from '../Paragraph';
-const meta = {
-    title: 'Components/Table',
-    component: Table,
-    parameters: {
-        layout: 'centered',
-    },
-    tags: ['autodocs'],
-    argTypes: {
-        columns: {
-            control: 'object',
-            description: 'Array of column definitions',
-        },
-        data: {
-            control: 'object',
-            description: 'Array of data objects',
-        },
-        loading: {
-            control: 'boolean',
-            description: 'Loading state of the table',
-        },
-        emptyStateMessage: {
-            control: 'text',
-            description: 'Message to display when there is no data',
-        },
-    },
-};
-export default meta;
-const columns = [
-    {
-        header: 'id',
-        accessor: 'id',
-        width: 'auto',
-    },
-    {
-        header: 'item',
-        accessor: 'item',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'unidades',
-        accessor: 'unidades',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'marca/ fabricante',
-        accessor: 'marca_fabricante',
-        width: 'auto',
-        Cell: (row) => (React.createElement("div", { onClick: () => alert('aqui'), style: {
-                background: 'red',
-                color: 'white',
-                padding: '4px, 2px',
-                borderRadius: '8px',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-            } }, row.marca_fabricante)),
-    },
-    {
-        header: 'modelo',
-        accessor: 'modelo',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'quantidade solitada',
-        accessor: 'quantidade_solitada',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'valor estimado unitario',
-        accessor: 'valor_estimado_unitario',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'valor estimado total',
-        accessor: 'valor_estimado_total',
-        width: 'auto',
-        sortable: true,
-    },
-    {
-        header: 'Actions',
-        accessor: 'valor_estimado_total',
-        width: '100px',
-        align: 'center',
-        Cell: (row, handleExpandClick) => (React.createElement("div", { style: { display: 'flex', gap: '8px', justifyContent: 'center' } },
-            React.createElement(ButtonRound, { icon: editSVG, onClick: () => handleExpandClick(row.id) }),
-            React.createElement(ButtonRound, { icon: dumpSVG, onClick: () => alert(`Delete ID: ${row.id}`), variant: 'danger' }))),
-    },
-];
-export const Default = {
-    args: {
-        height: 'auto',
-        columns: columns,
-        striped: true,
-        loading: false,
-        emptyStateMessage: {
-            title: 'Nenhum registro encontrado',
-            subTitle: 'Não há registros para exibir',
-            description: 'Não há registros para exibir',
-        },
-        data: [
-            {
-                id: 1,
-                item: 'Beetlejuice',
-                unidades: '1988',
-                marca_fabricante: 'adidas',
-                modelo: 'modelo',
-                quantidade_solitada: '10000',
-                valor_estimado_unitario: '1000',
-                valor_estimado_total: '10000000',
-                colapsed: true,
-                containerColapsed: ({ item }) => (React.createElement("div", null,
-                    React.createElement(Paragraph, { size: 'large', heavyBod: true }, item),
-                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
-            },
-            {
-                id: 2,
-                item: 'Beetlejuice',
-                unidades: '1988',
-                marca_fabricante: 'adidas',
-                modelo: 'modelo',
-                quantidade_solitada: '10000',
-                valor_estimado_unitario: '1000',
-                valor_estimado_total: '10000000',
-                containerColapsed: ({ item }) => (React.createElement("div", null,
-                    React.createElement(Paragraph, { size: 'large', heavyBod: true }, item),
-                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
-            },
-            {
-                id: 3,
-                item: 'Beetlejuice',
-                unidades: '1988',
-                marca_fabricante: 'adidas',
-                modelo: 'modelo',
-                quantidade_solitada: '10000',
-                valor_estimado_unitario: '1000',
-                valor_estimado_total: '10000000',
-                containerColapsed: ({ item }) => (React.createElement("div", null,
-                    React.createElement(Paragraph, { size: 'large', heavyBod: true }, item),
-                    React.createElement(Paragraph, null, "Esta \u00E9 uma informa\u00E7\u00E3o adicional sobre ."))),
-            },
-        ],
-    },
-};
-export const LoadingState = {
-    render: () => (React.createElement(CardStories, { title: 'Tabela', subTitle: 'tabela-loading' },
-        React.createElement("div", { style: { width: '900px', height: '800px' } },
-            React.createElement(Table, { columns: columns, loading: true, height: '100%', data: [] })))),
-};
-export const EmptyState = {
-    args: Object.assign(Object.assign({}, Default.args), { data: [] }),
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/Table/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Table/stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/Table/styles.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=styles.js.map

package/dist/components/Table/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Table/styles.ts"],"names":[],"mappings":""}

package/dist/components/Tabs/index.js

@@ -1,13 +0,0 @@
-import React, { useState } from 'react';
-import { TabsContainerStyled, TabStyled } from './styles';
-export const Tabs = ({ tabs, defaultActiveTab, onTabChange }) => {
-    const [activeTab, setActiveTab] = useState(defaultActiveTab || tabs[0]);
-    const handleTabClick = (tab) => {
-        setActiveTab(tab);
-        if (onTabChange) {
-            onTabChange(tab);
-        }
-    };
-    return (React.createElement(TabsContainerStyled, null, tabs.map(tab => (React.createElement(TabStyled, { key: tab, active: tab === activeTab, onClick: () => handleTabClick(tab) }, tab)))));
-};
-//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEzD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,WAAW,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,gBAAgB,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;IAEvE,MAAM,cAAc,GAAG,CAAC,GAAW,EAAE,EAAE;QACrC,YAAY,CAAC,GAAG,CAAC,CAAA;QACjB,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,GAAG,CAAC,CAAA;QAClB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,mBAAmB,QACjB,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACf,oBAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,KAAK,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,IAC/E,GAAG,CACM,CACb,CAAC,CACkB,CACvB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/Tabs/stories.js

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Paragraph } from '../Paragraph';
-import { Tabs } from './index';
-import { useState } from 'react';
-const meta = {
-    title: 'Components/Tabs',
-    component: Tabs,
-};
-export default meta;
-export const Playground = {
-    render: () => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const [activeTab, setActiveTab] = useState('Tab 1');
-        const handleTabChange = (activeTab) => {
-            setActiveTab(activeTab);
-        };
-        return (React.createElement("div", { style: { background: '#e0dede', padding: '50px', height: '100vh' } },
-            React.createElement(Tabs, { tabs: ['Tab 1', 'Tab 2', 'Tab 3'], defaultActiveTab: "Tab 1", onTabChange: handleTabChange }),
-            React.createElement("div", { style: { background: 'white', padding: '50px 20px', borderRadius: '8px', marginTop: '-5px' } },
-                activeTab === 'Tab 1' && (React.createElement(React.Fragment, null,
-                    React.createElement(Paragraph, { size: 'medium', heavyBod: true }, "Tab 1"),
-                    React.createElement(Paragraph, null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic"))),
-                activeTab === 'Tab 2' && (React.createElement(React.Fragment, null,
-                    React.createElement(Paragraph, { size: 'medium', heavyBod: true }, "Tab 2"),
-                    React.createElement(Paragraph, null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic"))),
-                activeTab === 'Tab 3' && (React.createElement(React.Fragment, null,
-                    React.createElement(Paragraph, { size: 'medium', heavyBod: true }, "Tab 3"),
-                    React.createElement(Paragraph, null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic"))))));
-    },
-};
-//# sourceMappingURL=stories.js.map

package/dist/components/Tabs/stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Tabs/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;CACY,CAAA;AAE7B,eAAe,IAAI,CAAA;AAInB,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,MAAM,EAAE,GAAG,EAAE;QACX,sDAAsD;QACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAA;QACnD,MAAM,eAAe,GAAG,CAAC,SAAiB,EAAE,EAAE;YAC5C,YAAY,CAAC,SAAS,CAAC,CAAA;QACzB,CAAC,CAAA;QAED,OAAO,CACL,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE;YACrE,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC,EAAE,gBAAgB,EAAC,OAAO,EAAC,WAAW,EAAE,eAAe,GAAI;YAClG,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE;gBAC9F,SAAS,KAAK,OAAO,IAAI,CACxB;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,kBAEvB;oBACZ,oBAAC,SAAS,2UAKE,CACX,CACJ;gBACA,SAAS,KAAK,OAAO,IAAI,CACxB;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,kBAEvB;oBACZ,oBAAC,SAAS,4oBAQE,CACX,CACJ;gBACA,SAAS,KAAK,OAAO,IAAI,CACxB;oBACE,oBAAC,SAAS,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,kBAEvB;oBACZ,oBAAC,SAAS,2UAKE,CACX,CACJ,CACG,CACF,CACP,CAAA;IACH,CAAC;CACF,CAAA"}