norma-library 0.6.79 → 0.6.80

package/dist/esm/components/UncontrolledTable/index.js

@@ -0,0 +1,122 @@
+import { __assign, __spreadArray } from "tslib";
+import React, { useState, useMemo, useRef } from 'react';
+import * as S from './styles';
+import { flexRender, getCoreRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { DndContext, MouseSensor, closestCenter, useSensor, useSensors, TouchSensor, KeyboardSensor, } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+import { arrayMove, SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { Pagination, Header, SimpleRow, DraggableRow, RowDragHandleCell } from './components';
+import useClickOutside from '../../hooks/useClickOutside';
+var UncontrolledTable = function (props) {
+    var data = props.data, columns = props.columns, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseOut = props.onMouseOut, showTotalResults = props.showTotalResults, showSettings = props.showSettings, onChangePage = props.onChangePage, pagination = props.pagination, totalPages = props.totalPages, showClearFields = props.showClearFields, onClearFieldsClick = props.onClearFieldsClick, onFilterClick = props.onFilterClick, onSortClick = props.onSortClick, customTotalResults = props.customTotalResults, labels = props.labels, tableClassName = props.tableClassName, stickyHeader = props.stickyHeader, stickyHeaderP = props.stickyHeaderP, draggable = props.draggable, onDragEnd = props.onDragEnd;
+    var _a = useState(''), openFilterDialog = _a[0], setOpenFilterDialog = _a[1];
+    var _b = useState([]), sorting = _b[0], setSorting = _b[1];
+    var _c = useState([]), filterByColumn = _c[0], setFilterByColumn = _c[1];
+    var _d = useState([]), globalFilters = _d[0], setGlobalFilters = _d[1];
+    var _e = useState(false), orderSmallest = _e[0], setOrderSmallest = _e[1];
+    var _f = useState(false), orderLargest = _f[0], setOrderLargest = _f[1];
+    var _columns = useMemo(function () {
+        return draggable
+            ? __spreadArray([
+                {
+                    id: 'drag',
+                    header: '',
+                    cell: function (_a) {
+                        var row = _a.row;
+                        return React.createElement(RowDragHandleCell, { rowId: row.id });
+                    },
+                    disableMenu: true,
+                }
+            ], columns.map(function (column) { return (__assign(__assign({}, column), { disableMenu: true })); }), true) : columns;
+    }, [columns]);
+    var reactTableConfig = useMemo(function () {
+        var config = {
+            data: data,
+            columns: _columns,
+            state: {
+                sorting: sorting,
+                columnFilters: filterByColumn,
+                pagination: pagination,
+            },
+            rowCount: totalPages,
+            getCoreRowModel: getCoreRowModel(),
+            getSortedRowModel: getSortedRowModel(),
+            onSortingChange: setSorting,
+            onColumnFiltersChange: setFilterByColumn,
+            manualPagination: true,
+            getRowId: function (row) { return row.id; },
+            debugTable: true,
+            debugHeaders: true,
+            debugColumns: true,
+        };
+        return config;
+    }, [data, sorting, filterByColumn, _columns, pagination]);
+    var table = useReactTable(reactTableConfig);
+    var filterRef = useRef(null);
+    useClickOutside(filterRef, function () { return setOpenFilterDialog(''); });
+    var handleDragEnd = function (event) {
+        var active = event.active, over = event.over;
+        if (active && over && active.id !== over.id && onDragEnd) {
+            var oldIndex = dataIds.indexOf(active.id);
+            var newIndex = dataIds.indexOf(over.id);
+            var _data = arrayMove(data, oldIndex, newIndex);
+            onDragEnd(_data);
+        }
+    };
+    var sensors = useSensors(useSensor(MouseSensor, {}), useSensor(TouchSensor, {}), useSensor(KeyboardSensor, {}));
+    var dataIds = useMemo(function () { return (data === null || data === void 0 ? void 0 : data.map(function (item) { return item.id; })) || []; }, [data]);
+    return (React.createElement(S.Container, null,
+        React.createElement(Header, { table: table, globalFilters: globalFilters, orderSmallest: orderSmallest, orderLargest: orderLargest, showTotalResults: showTotalResults, showSettings: showSettings, setGlobalFilters: setGlobalFilters, setOrderLargest: setOrderLargest, setOrderSmallest: setOrderSmallest, showClearFiels: showClearFields, customTotalResults: customTotalResults, clearLabel: labels === null || labels === void 0 ? void 0 : labels.clearFilter, onClearFieldsClick: function () { return onClearFieldsClick && onClearFieldsClick(); }, customIcons: props.customIcons, hideColumns: props.hideColumns, onColumnVisibilityChange: props.onColumnVisibilityChange }),
+        React.createElement(DndContext, { collisionDetection: closestCenter, modifiers: [restrictToVerticalAxis], onDragEnd: handleDragEnd, sensors: sensors },
+            React.createElement(S.Table, { className: tableClassName || '' },
+                React.createElement(S.Thead, { "$sticky": stickyHeader, "$stickyTopP": stickyHeaderP }, table.getHeaderGroups().map(function (headerGroup) { return (React.createElement(S.TableRow, { key: headerGroup.id }, headerGroup.headers.map(function (header) {
+                    var _a, _b, _c, _d;
+                    return (React.createElement(S.Th, { key: header.id },
+                        React.createElement(S.ColumnContent, { onClick: function () {
+                                var _a, _b;
+                                if (!((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu))
+                                    setOpenFilterDialog(header.column.columnDef.accessorKey);
+                            } },
+                            React.createElement(S.TextColumn, null, !header.isPlaceholder && flexRender(header.column.columnDef.header, header.getContext())),
+                            !((_b = (_a = header === null || header === void 0 ? void 0 : header.column) === null || _a === void 0 ? void 0 : _a.columnDef) === null || _b === void 0 ? void 0 : _b.disableMenu) && (React.createElement(S.IconFilterDialog, null,
+                                React.createElement("svg", { fill: "#666", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24" },
+                                    React.createElement("path", { d: "m7 10 5 5 5-5z" }))))),
+                        openFilterDialog === header.column.columnDef.accessorKey && (React.createElement(S.FilterDialog, { ref: filterRef },
+                            React.createElement(S.ListFilterDialog, null,
+                                React.createElement(S.OptionFilterDialog, { style: {
+                                        background: orderSmallest ? 'rgba(0, 0, 0, 0.04)' : '',
+                                    }, onClick: function () {
+                                        onSortClick && onSortClick(header.column.columnDef.accessorKey, 'asc');
+                                        setOpenFilterDialog('');
+                                    } },
+                                    React.createElement("div", { className: "icon" },
+                                        React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
+                                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
+                                    React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderAsc) || 'Menor primeiro')),
+                                React.createElement(S.OptionFilterDialog, { style: {
+                                        background: orderLargest ? 'rgba(0, 0, 0, 0.04)' : '',
+                                    }, onClick: function () {
+                                        onSortClick && onSortClick(header.column.columnDef.accessorKey, 'desc');
+                                        setOpenFilterDialog('');
+                                    } },
+                                    React.createElement("div", { className: "icon rotate" },
+                                        React.createElement("svg", { fill: "#666", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "20", height: "20" },
+                                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m0 0l6.75-6.75M12 19.5l-6.75-6.75" }))),
+                                    React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.orderDesc) || 'Maior primeiro')),
+                                !((_d = (_c = header === null || header === void 0 ? void 0 : header.column) === null || _c === void 0 ? void 0 : _c.columnDef) === null || _d === void 0 ? void 0 : _d.nofilter) && (React.createElement(S.OptionFilterDialog, { onClick: function () {
+                                        onFilterClick && onFilterClick(header.column.columnDef.accessorKey);
+                                        setOpenFilterDialog('');
+                                    } },
+                                    React.createElement("div", { className: "icon" },
+                                        React.createElement("svg", { fill: "none", stroke: "currentColor", strokeWidth: "1.5", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", width: "16", height: "16" },
+                                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" }))),
+                                    React.createElement("p", null, (labels === null || labels === void 0 ? void 0 : labels.filter) || 'Filtrar por'))))))));
+                }))); })),
+                React.createElement("tbody", null,
+                    React.createElement(SortableContext, { items: dataIds, strategy: verticalListSortingStrategy }, table.getRowModel().rows.map(function (row) {
+                        return draggable ? (React.createElement(DraggableRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut })) : (React.createElement(SimpleRow, { key: row.id, row: row, onClick: onClick, onMouseOver: onMouseOver, onMouseOut: onMouseOut }));
+                    }))))),
+        pagination && (React.createElement(Pagination, { pagination: pagination, count: totalPages, onChangePage: function (page) { return onChangePage(__assign(__assign({}, pagination), { pageIndex: page })); } }))));
+};
+export default UncontrolledTable;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/UncontrolledTable/index.js.map

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

package/dist/esm/components/UncontrolledTable/interface.d.ts

@@ -0,0 +1,46 @@
+import { ColumnDef } from '@tanstack/react-table';
+type Labels = {
+    orderAsc: string;
+    orderDesc: string;
+    filter: string;
+    clearFilter: string;
+};
+interface Pagination {
+    pageIndex: number;
+    pageSize: number;
+}
+export interface UncontrolledTableProps {
+    data: any;
+    columns: ColumnDef<ColumnsTable>[];
+    onClick: any;
+    onMouseOver: any;
+    onMouseOut: any;
+    showTotalResults: boolean;
+    showSettings: boolean;
+    pagination?: Pagination;
+    totalPages: number;
+    showClearFields?: boolean;
+    customTotalResults?: string;
+    labels?: Labels;
+    tableClassName?: string;
+    stickyHeader?: boolean;
+    stickyHeaderP?: number;
+    customIcons?: React.ReactNode[];
+    hideColumns?: string[];
+    draggable?: boolean;
+    onChangePage: (pagination: Pagination) => void;
+    onClearFieldsClick?: () => void;
+    onFilterClick?: (column: string) => void;
+    onSortClick?: (column: string, direction: string) => void;
+    onColumnVisibilityChange?: (columnId: string, isVisible: boolean) => void;
+    onDragEnd?: (data: any[]) => void;
+}
+export interface ColumnsTable {
+    header: string;
+    accessorKey: string;
+    type: string;
+    enableColumnFilter: boolean;
+    filterFn: string;
+    nofilter?: boolean;
+}
+export {};

package/dist/esm/components/UncontrolledTable/interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/UncontrolledTable/interface.js.map

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

package/dist/esm/components/UncontrolledTable/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Table: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, never>> & string;
+export declare const Thead: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, {
+    $sticky?: boolean;
+    $stickyTopP?: number;
+}>> & string;
+export declare const TableRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
+export declare const Th: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, never>> & string;
+export declare const ColumnContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextColumn: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const IconFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ListFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const OptionFilterDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTable/styles.js

@@ -0,0 +1,22 @@
+import { __makeTemplateObject } from "tslib";
+import { breakpoints } from '../../utils/styledBreakpoints';
+import styled from 'styled-components';
+export var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #fff;\n"], ["\n  background-color: #fff;\n"])));
+export var Table = styled.table(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"], ["\n  display: table;\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  min-width: 650px;\n  border: none;\n"])));
+var StickyStyles = function (top) { return "\n  position: sticky;\n  top: ".concat(top, "px;\n  z-index: 1;\n  background: #fff;\n"); };
+export var Thead = styled.thead(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: table-header-group;\n  ", ";\n"], ["\n  display: table-header-group;\n  ", ";\n"])), function (props) { return props.$sticky && StickyStyles(props.$stickyTopP || 0); });
+export var TableRow = styled.tr(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"], ["\n  color: inherit;\n  display: table-row;\n  vertical-align: middle;\n  outline: 0;\n"])));
+export var Th = styled.th(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"], ["\n  font-weight: 500;\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  letter-spacing: 0.01071em;\n  display: table-cell;\n  vertical-align: inherit;\n  border-bottom: 1px solid rgba(224, 224, 224, 1);\n  text-align: left;\n  padding: 16px;\n  ", ";\n  color: rgba(0, 0, 0, 0.87);\n  color: #666666;\n  font-size: 0.875rem;\n  font-weight: 700;\n"])), breakpoints({
+    cssProp: 'padding',
+    cssPropUnits: 'px',
+    values: [{ 1440: 8 }],
+    mediaQueryType: 'max-width',
+}));
+export var ColumnContent = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 5px;\n"])));
+export var TextColumn = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
+export var IconFilterDialog = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  height: 20px;\n  width: 20px;\n"], ["\n  height: 20px;\n  width: 20px;\n"])));
+export var FilterDialog = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  padding: 10px 0;\n  margin: 6px 0px 0 0;\n  width: max-content;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  z-index: 99;\n"], ["\n  position: absolute;\n  padding: 10px 0;\n  margin: 6px 0px 0 0;\n  width: max-content;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  z-index: 99;\n"])));
+export var ListFilterDialog = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  .label {\n    margin: 0 0 8px 0;\n    color: #666666;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: left;\n  }\n  .select {\n    border: 1px solid #e0e0e0;\n    padding: 8px 12px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  .label {\n    margin: 0 0 8px 0;\n    color: #666666;\n    font-size: 14px;\n    font-weight: 400;\n    text-align: left;\n  }\n  .select {\n    border: 1px solid #e0e0e0;\n    padding: 8px 12px;\n  }\n"])));
+export var OptionFilterDialog = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  padding: 6px 15px;\n  cursor: pointer;\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  .icon {\n    color: #666;\n  }\n  .rotate {\n    rotate: 180deg;\n  }\n  div {\n    width: 20px;\n    height: 20px;\n  }\n  p {\n    margin: 0;\n    color: #666666;\n    font-size: 16px;\n    font-weight: 400;\n  }\n"], ["\n  display: flex;\n  gap: 16px;\n  align-items: center;\n  padding: 6px 15px;\n  cursor: pointer;\n  &:hover {\n    background: rgba(0, 0, 0, 0.04);\n  }\n  .icon {\n    color: #666;\n  }\n  .rotate {\n    rotate: 180deg;\n  }\n  div {\n    width: 20px;\n    height: 20px;\n  }\n  p {\n    margin: 0;\n    color: #666666;\n    font-size: 16px;\n    font-weight: 400;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/UncontrolledTable/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTable/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,kGAAA,+BAElC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,oMAAA,iIAOhC,IAAA,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,GAAW,IAAK,OAAA,wCAE7B,GAAG,8CAGX,EALqC,CAKrC,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,KAAK,gHAA4C,sCAEzE,EAA8D,KACjE,KADG,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,EAArD,CAAqD,CACjE,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,EAAE,2JAAA,wFAKhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,EAAE,GAAG,MAAM,CAAC,EAAE,iaAAA,wPAUvB,EAKA,oGAKH,KAVG,WAAW,CAAC;IACZ,OAAO,EAAE,SAAS;IAClB,YAAY,EAAE,IAAI;IAClB,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;IACrB,cAAc,EAAE,WAAW;CAC5B,CAAC,CAKH,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,8HAAA,2DAItC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAC;AAExC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,wGAAA,qCAGzC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0QAAA,uMASrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,kUAAA,6PAczC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,6bAAA,wXAyB3C,IAAA,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.d.ts

@@ -0,0 +1,15 @@
+import React, { SyntheticEvent } from 'react';
+import { SxProps } from '@mui/material';
+import { ColorVariant, DataTabs, MuiTabsBaseProps, TabsVariant } from '@/types';
+import { Theme } from '@emotion/react';
+interface Props extends MuiTabsBaseProps {
+    sx?: SxProps<Theme>;
+    tabs: DataTabs[];
+    tab: number;
+    onTabChange: (event: SyntheticEvent, tab: number) => void;
+    color?: ColorVariant;
+    variant?: TabsVariant;
+    info?: React.ReactNode;
+}
+declare const UncontrolledTabs: ({ tabs, tab, color, onTabChange, info, ...props }: Props) => React.JSX.Element;
+export default UncontrolledTabs;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js

@@ -0,0 +1,32 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { Box } from '@mui/material';
+import { NormaTab, NormaTabs } from './UncontrolledTabs.style';
+import { NormaTabInfo } from './UncontrolledTabsInfo.style';
+function TabPanel(props) {
+    var children = props.children, value = props.value, index = props.index, other = __rest(props, ["children", "value", "index"]);
+    return (React.createElement("div", __assign({ role: "tabpanel", hidden: value !== index, id: "simple-tabpanel-".concat(index), "aria-labelledby": "simple-tab-".concat(index) }, other), value === index && React.createElement(Box, { sx: { p: 3 } }, children)));
+}
+function a11yProps(index) {
+    return {
+        id: "simple-tab-".concat(index),
+        'aria-controls': "simple-tabpanel-".concat(index),
+    };
+}
+var UncontrolledTabs = function (_a) {
+    var tabs = _a.tabs, tab = _a.tab, _b = _a.color, color = _b === void 0 ? 'primary' : _b, onTabChange = _a.onTabChange, info = _a.info, props = __rest(_a, ["tabs", "tab", "color", "onTabChange", "info"]);
+    var handleChange = function (event, newValue) {
+        onTabChange(event, newValue);
+    };
+    return (React.createElement(Box, { sx: { width: '100%' } },
+        React.createElement(Box, null,
+            React.createElement(NormaTabs, __assign({ value: tab, color: color, onChange: handleChange, "aria-label": "tabs" }, props),
+                tabs.map(function (item, key) { return (React.createElement(NormaTab, __assign({ key: key, label: item.label, color: color }, a11yProps(key)))); }),
+                info && React.createElement(NormaTabInfo, null, info))),
+        tabs.map(function (item, key) {
+            var _a;
+            return (React.createElement(TabPanel, __assign({}, (_a = item.tabPanel) === null || _a === void 0 ? void 0 : _a.props, { key: key, value: tab, index: key }), item.children));
+        })));
+};
+export default UncontrolledTabs;
+//# sourceMappingURL=UncontrolledTabs.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAW,MAAM,eAAe,CAAC;AAE7C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAE/D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAkB5D,SAAS,QAAQ,CAAC,KAAoB;IAC5B,IAAA,QAAQ,GAA6B,KAAK,SAAlC,EAAE,KAAK,GAAsB,KAAK,MAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAK,KAAK,UAAK,KAAK,EAA5C,8BAAoC,CAAF,CAAW;IAEnD,OAAO,CACL,sCACE,IAAI,EAAC,UAAU,EACf,MAAM,EAAE,KAAK,KAAK,KAAK,EACvB,EAAE,EAAE,0BAAmB,KAAK,CAAE,qBACb,qBAAc,KAAK,CAAE,IAClC,KAAK,GAER,KAAK,KAAK,KAAK,IAAI,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,IAAG,QAAQ,CAAO,CACnD,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAAa;IAC9B,OAAO;QACL,EAAE,EAAE,qBAAc,KAAK,CAAE;QACzB,eAAe,EAAE,0BAAmB,KAAK,CAAE;KAC5C,CAAC;AACJ,CAAC;AAED,IAAM,gBAAgB,GAAG,UAAC,EAAoE;IAAlE,IAAA,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EAAE,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA3D,+CAA6D,CAAF;IACnF,IAAM,YAAY,GAAG,UAAC,KAAqB,EAAE,QAAgB;QAC3D,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;QACxB,oBAAC,GAAG;YACF,oBAAC,SAAS,aAAC,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,gBAAa,MAAM,IAAK,KAAK;gBACrF,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACvB,oBAAC,QAAQ,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,IAAM,SAAS,CAAC,GAAG,CAAC,EAAI,CAC5E,EAFwB,CAExB,CAAC;gBACD,IAAI,IAAI,oBAAC,YAAY,QAAE,IAAI,CAAgB,CAClC,CACR;QACL,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG;;YAAK,OAAA,CACvB,oBAAC,QAAQ,eAAK,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,IAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KACjE,IAAI,CAAC,QAAQ,CACL,CACZ,CAAA;SAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { TabsProps } from '@mui/material/Tabs';
+import { ColorVariant } from '@/types';
+interface StyledTabProps {
+    label: string;
+    color: ColorVariant;
+}
+export declare const NormaTabs: React.ComponentType<TabsProps & {
+    color: ColorVariant;
+}>;
+export declare const NormaTab: React.ComponentType<StyledTabProps>;
+export {};

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js

@@ -0,0 +1,49 @@
+import { __assign } from "tslib";
+import React from 'react';
+import { styled } from '@mui/material/styles';
+import { Tab, Tabs } from '@mui/material';
+import { palette } from '../../helpers';
+var colorMap = {
+    inherit: palette.inherit,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    error: palette.error,
+    warning: palette.warning,
+    info: palette.info,
+    success: palette.success,
+};
+export var NormaTabs = styled(Tabs)(function (_a) {
+    var color = _a.color;
+    return ({
+        borderBottom: '1px solid #e8e8e8',
+        '& .Mui-selected': {
+            color: colorMap[color],
+        },
+        '& .MuiTabs-indicator': {
+            backgroundColor: colorMap[color],
+        },
+        '& .MuiButtonBase-root': {
+            textTransform: 'none',
+        },
+    });
+});
+export var NormaTab = styled(function (props) { return (React.createElement(Tab, __assign({ disableRipple: true }, props))); })(function (_a) {
+    var theme = _a.theme, color = _a.color;
+    return ({
+        textTransform: 'none',
+        fontWeight: theme.typography.fontWeightRegular,
+        fontSize: theme.typography.pxToRem(15),
+        marginRight: theme.spacing(1),
+        color: '#666666',
+        padding: '5px 15px',
+        top: '5px',
+        minWidth: '60px',
+        '&.Mui-selected': {
+            color: colorMap[color],
+        },
+        '&.Mui-focusVisible': {
+            backgroundColor: 'rgba(100, 95, 228, 0.32)',
+        },
+    });
+});
+//# sourceMappingURL=UncontrolledTabs.style.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabs.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabs.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabs.style.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,IAAM,QAAQ,GAAiC;IAC7C,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,SAAS,EAAE,OAAO,CAAC,SAAS;IAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC,OAAO;IACxB,IAAI,EAAE,OAAO,CAAC,IAAI;IAClB,OAAO,EAAE,OAAO,CAAC,OAAO;CACzB,CAAC;AAOF,MAAM,CAAC,IAAM,SAAS,GAA6D,MAAM,CAAC,IAAI,CAAC,CAE5F,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,CAAC;QACjB,YAAY,EAAE,mBAAmB;QACjC,iBAAiB,EAAE;YACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,sBAAsB,EAAE;YACtB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACjC;QACD,uBAAuB,EAAE;YACvB,aAAa,EAAE,MAAM;SACtB;KACF,CAAC;AAXgB,CAWhB,CAAC,CAAC;AAEJ,MAAM,CAAC,IAAM,QAAQ,GAAwC,MAAM,CAAC,UAAC,KAAqB,IAAK,OAAA,CAC7F,oBAAC,GAAG,aAAC,aAAa,UAAK,KAAK,EAAI,CACjC,EAF8F,CAE9F,CAAC,CAAC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IAAO,OAAA,CAAC;QACxB,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;QAC9C,QAAQ,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;QACtC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;QAC7B,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,UAAU;QACnB,GAAG,EAAE,KAAK;QACV,QAAQ,EAAE,MAAM;QAChB,gBAAgB,EAAE;YAChB,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC;SACvB;QACD,oBAAoB,EAAE;YACpB,eAAe,EAAE,0BAA0B;SAC5C;KACF,CAAC;AAfuB,CAevB,CAAC,CAAC"}

package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.d.ts

@@ -0,0 +1 @@
+export declare const NormaTabInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js

@@ -0,0 +1,5 @@
+import { __makeTemplateObject } from "tslib";
+import styled from 'styled-components';
+export var NormaTabInfo = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: 38px;\n"], ["\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  height: 38px;\n"])));
+var templateObject_1;
+//# sourceMappingURL=UncontrolledTabsInfo.style.js.map

package/dist/esm/components/UncontrolledTabs/UncontrolledTabsInfo.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UncontrolledTabsInfo.style.js","sourceRoot":"","sources":["../../../../src/components/UncontrolledTabs/UncontrolledTabsInfo.style.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,0IAAA,uEAKrC,IAAA,CAAC"}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,25 @@
+export * from './Accordion';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './ChatMessage';
+export * from './ChatMessageBalloon/ChatMessageBalloon';
+export * from './CheckBox';
+export * from './DatePicker';
+export * from './DropDown';
+export * from './IconButton';
+export * from './Icons';
+export * from './Modal';
+export * from './Paper';
+export * from './ProductCard/ProductCard';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './RangerSlider';
+export * from './Select';
+export * from './ServiceCard/ServiceCard';
+export * from './Tabs';
+export * from './Tag';
+export * from './Table';
+export * from './TextField';
+export * from './TimePicker';

package/dist/esm/components/index.js

@@ -0,0 +1,26 @@
+export * from './Accordion';
+export * from './Avatar';
+export * from './Badge';
+export * from './Button';
+export * from './Card';
+export * from './ChatMessage';
+export * from './ChatMessageBalloon/ChatMessageBalloon';
+export * from './CheckBox';
+export * from './DatePicker';
+export * from './DropDown';
+export * from './IconButton';
+export * from './Icons';
+export * from './Modal';
+export * from './Paper';
+export * from './ProductCard/ProductCard';
+export * from './ProgressBar';
+export * from './RadioGroup';
+export * from './RangerSlider';
+export * from './Select';
+export * from './ServiceCard/ServiceCard';
+export * from './Tabs';
+export * from './Tag';
+export * from './Table';
+export * from './TextField';
+export * from './TimePicker';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,yCAAyC,CAAC;AACxD,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}

package/dist/esm/helpers/alignments.d.ts

@@ -0,0 +1,2 @@
+declare function getAlign(border: string): "text-start justify-items-start" | "justify-items-center" | "text-end justify-items-end" | "text-center inline-flex";
+export { getAlign };

package/dist/esm/helpers/alignments.js

@@ -0,0 +1,14 @@
+function getAlign(border) {
+    switch (border) {
+        case 'left':
+            return 'text-start justify-items-start';
+        case 'center':
+            return 'justify-items-center';
+        case 'right':
+            return 'text-end justify-items-end';
+        default:
+            return 'text-center inline-flex';
+    }
+}
+export { getAlign };
+//# sourceMappingURL=alignments.js.map

package/dist/esm/helpers/alignments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alignments.js","sourceRoot":"","sources":["../../../src/helpers/alignments.ts"],"names":[],"mappings":"AAAA,SAAS,QAAQ,CAAC,MAAc;IAC9B,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,MAAM;YACT,OAAO,gCAAgC,CAAC;QAC1C,KAAK,QAAQ;YACX,OAAO,sBAAsB,CAAC;QAChC,KAAK,OAAO;YACV,OAAO,4BAA4B,CAAC;QACtC;YACE,OAAO,yBAAyB,CAAC;IACrC,CAAC;AACH,CAAC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/helpers/borders.d.ts

@@ -0,0 +1,2 @@
+declare function getBorderSize(size: number): "border-0" | "border border-[0.05rem]" | "border border-2" | "border border-4" | "border border-8";
+export { getBorderSize };

package/dist/esm/helpers/borders.js

@@ -0,0 +1,18 @@
+function getBorderSize(size) {
+    switch (size.toString()) {
+        case '0':
+            return 'border-0';
+        case '1':
+            return 'border border-[0.05rem]';
+        case '2':
+            return 'border border-2';
+        case '4':
+            return 'border border-4';
+        case '8':
+            return 'border border-8';
+        default:
+            return 'border border-2';
+    }
+}
+export { getBorderSize };
+//# sourceMappingURL=borders.js.map

package/dist/esm/helpers/borders.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../../src/helpers/borders.ts"],"names":[],"mappings":"AAAA,SAAS,aAAa,CAAC,IAAY;IACjC,QAAQ,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;QACxB,KAAK,GAAG;YACN,OAAO,UAAU,CAAC;QACpB,KAAK,GAAG;YACN,OAAO,yBAAyB,CAAC;QACnC,KAAK,GAAG;YACN,OAAO,iBAAiB,CAAC;QAC3B,KAAK,GAAG;YACN,OAAO,iBAAiB,CAAC;QAC3B,KAAK,GAAG;YACN,OAAO,iBAAiB,CAAC;QAC3B;YACE,OAAO,iBAAiB,CAAC;IAC7B,CAAC;AACH,CAAC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}