norma-library 0.6.894 → 0.6.981

package/src/components/UncontrolledTable/interface.ts

@@ -1,49 +1,70 @@
-import { ColumnDef } from '@tanstack/react-table';
+import { ColumnDef } from '@tanstack/react-table'
+import { JSX } from 'react'
 
 type Labels = {
-  orderAsc: string;
-  orderDesc: string;
-  filter: string;
-  clearFilter: string;
-};
+  orderAsc?: string
+  orderDesc?: string
+  filter?: string
+  clearFilter?: string
+  columns?: string
+}
 
 interface Pagination {
-  pageIndex: number;
-  pageSize: number;
+  pageIndex: number
+  pageSize: number
+}
+
+interface Sticky {
+  enabled: boolean
+  top: number
+}
+
+export interface TableList {
+  id: string
+  label: string | JSX.Element
+  onClick?: (id: string) => void
+  checked?: () => boolean | boolean
+  disabled?: boolean
+}
+
+export interface TableButton {
+  render: () => JSX.Element
+  list?: {
+    options: TableList[]
+    toggleableList?: boolean
+    closeOnClick?: boolean
+  }
+  disabled?: boolean
+  onClick?: () => void
 }
 
 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;
+  data: any
+  columns: ColumnDef<ColumnsTable>[]
+  pagination?: Pagination
+  totalPages?: number
+  labels?: Labels
+  tableClassName?: string
+  sticky?: Sticky
+  draggable?: boolean
+  buttons?: TableButton[]
+  configs?: TableButton[]
+  hideColumns?: string[]
+  onClick?: () => void
+  onMouseOver?: () => void
+  onMouseOut?: () => void
+  onColumnVisibilityChange?: (column: string, value: boolean) => void
+  onChangePage?: (pagination: Pagination) => void
+  onFilterClick?: (column: string) => void
+  onSortClick?: (column: string, direction: string) => void
+  onDragEnd?: (data: any[]) => void
 }
 
 export interface ColumnsTable {
-  header: string;
-  accessorKey: string;
-  type: string;
-  enableColumnFilter: boolean;
-  filterFn: string;
-  nofilter?: boolean;
+  header: string
+  accessorKey: string
+  type: string
+  enableColumnFilter: boolean
+  filterFn: string
+  nofilter?: boolean
 }

package/src/hooks/useClickOutside.tsx

@@ -1,18 +1,18 @@
-import { useEffect } from 'react';
+import { useEffect } from 'react'
 
 const useClickOutside = (ref: React.RefObject<HTMLElement | null>, callback: () => void) => {
   const handleClickOutside = (event: MouseEvent) => {
     if (ref.current && !ref.current.contains(event.target as Node)) {
-      callback();
+      callback()
     }
-  };
+  }
 
   useEffect(() => {
-    document.addEventListener('mousedown', handleClickOutside);
+    document.addEventListener('mousedown', handleClickOutside)
     return () => {
-      document.removeEventListener('mousedown', handleClickOutside);
-    };
-  }, [ref, callback]);
-};
+      document.removeEventListener('mousedown', handleClickOutside)
+    }
+  }, [ref, callback])
+}
 
-export default useClickOutside;
+export default useClickOutside

package/src/hooks/useOutsideScreen.tsx

@@ -0,0 +1,35 @@
+import { useState, useEffect, RefObject } from 'react'
+
+/**
+ * Hook that detects when an element is partially visible in the viewport
+ * @param elementRef - Reference to the DOM element to observe
+ * @returns boolean indicating if the element is partially visible in the viewport
+ */
+export const usePartiallyVisible = (elementRef: RefObject<HTMLElement | null>): boolean => {
+    const [isPartiallyVisible, setIsPartiallyVisible] = useState<boolean>(false)
+
+    useEffect(() => {
+        const element = elementRef.current
+        if (!element) return
+
+        const observer = new IntersectionObserver(
+            ([entry]) => {
+                // Element is partially visible if it's intersecting but not completely visible
+                const isPartial = entry.isIntersecting && entry.intersectionRatio < 1.0
+                setIsPartiallyVisible(isPartial)
+            },
+            {
+                root: null, // Use the viewport as the root
+                threshold: [0, 1.0], // Check at these thresholds to determine partial visibility
+            }
+        )
+
+        observer.observe(element)
+
+        return () => {
+            if (element) observer.unobserve(element)
+        }
+    }, [elementRef])
+
+    return isPartiallyVisible
+}

package/src/index.ts

@@ -25,7 +25,7 @@ import MultiSelectInput from './components/MultiSelectInput';
 import { Title, Text } from './components/Typography';
 import TextInput from './components/TextInput';
 import Table from './components/Table';
-import UncontrolledTable from './components/UncontrolledTable';
+import UncontrolledTable from './components/UncontrolledTable/UncontrolledTable';
 import UncontrolledTabs from './components/UncontrolledTabs/UncontrolledTabs';
 import { TimeLine, TimeLineData } from './components/TimeLine/TimeLine';
 import { ModalStatus } from './components/StatusModal/StatusModal';

package/src/stories/UncontrolledTable.stories.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect, useState } from 'react'
-import UncontrolledTable from '../components/UncontrolledTable'
 import { Button } from '../components/Button'
 import { format } from 'date-fns'
 import CodeIcon from '@mui/icons-material/Code'
 import CreateIcon from '@mui/icons-material/Create'
+import UncontrolledTable from '../components/UncontrolledTable/UncontrolledTable'
+import { TableButton } from '../components/UncontrolledTable/interface'
 
 const Template = (args) => {
   return <UncontrolledTable {...args} />
@@ -37,19 +38,21 @@ const columns = [
     filterFn: 'customFilterText',
   },
   {
-    header: 'Duração',
+    header: 'Confiança da transcrição da conversa',
     accessorKey: 'duration',
     type: 'number',
     enableColumnFilter: true,
     filterFn: 'customFilterText',
+    width: '150px',
   },
   {
-    header: 'Campanha',
+    header: 'Confiança da transcrição da conversa',
     accessorKey: 'campaign',
     type: 'string',
     enableColumnFilter: true,
     filterFn: 'customFilterText',
   },
+  
   {
     header: 'Ação',
     accessorKey: 'action',
@@ -379,7 +382,6 @@ export const Default = (args) => {
 
       localStorage.setItem('hiddenColumns', JSON.stringify(updatedHiddenColumns))
 
-      console.log('Colunas escondidas:::', updatedHiddenColumns)
       return updatedHiddenColumns
     })
   }
@@ -393,38 +395,27 @@ export const Default = (args) => {
       <UncontrolledTable
         data={data}
         columns={columns}
-        showTotalResults
-        showSettings
-        customIcons={[
-          <div key="1" onClick={() => alert('Ícone 1 clicado')}>
-            <CodeIcon sx={{ fontSize: 18, color: '#DE8B50' }} />
-          </div>,
-          <div key="2" onClick={() => alert('Ícone 2 clicado')}>
-            <CreateIcon sx={{ fontSize: 18, color: '#DE8B50' }} />
-          </div>,
-        ]}
         onClick={(value) => console.log('onClick line:', value)}
         onMouseOver={(value) => console.log('onMouseOver line:', value)}
         onMouseOut={(value) => console.log('onMouseOut line:', value)}
-        onClearFieldsClick={() => console.log('onClearFieldsClick')}
-        onFilterClick={(column) => console.log('onFilterClick', column)}
-        onChangePage={(pagination) => console.log('onChangePage', pagination)}
-        onSortClick={(column, direction) => console.log('onSortClick', column, direction)}
         pagination={{
           pageIndex: 1,
           pageSize: 10,
         }}
         totalPages={10}
-        showClearFields
-        hideColumns={hiddenColumns}
-        onColumnVisibilityChange={handleColumnVisibilityChange}
         labels={{
           orderAsc: 'orderAsc',
-          orderDesc: 'orderDesc',
-          filter: 'filter',
-          clearFilter: 'clearFilter',
         }}
-        stickyHeader
+        tableClassName="table"
+        sticky={{
+          enabled: true,
+          top: 0,
+        }}
+        hideColumns={hiddenColumns}
+        onColumnVisibilityChange={handleColumnVisibilityChange}
+        onChangePage={(pagination) => console.log('onChangePage', pagination)}
+        onFilterClick={(column) => console.log('onFilterClick', column)}
+        onSortClick={(column, direction) => console.log('onSortClick', column, direction)}
         {...args}
       />
     </>
@@ -724,3 +715,317 @@ export const RowDnd = (args) => {
 }
 
 RowDnd.args = {}
+
+export const ExtraMenu = (args) => {
+  const data = [
+    {
+      date: format(new Date('8-14-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 10',
+      agent: 'Maggie Leach',
+      dnis: 'dnis',
+      disposition: 'Disposition 1',
+      origin: 'origin',
+      id: '1',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-13-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 2',
+      agent: 'Christina Harris',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 2',
+      origin: 'origin',
+      id: '2',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-12-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 3',
+      agent: 'Alexia Crawford',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 3',
+      origin: 'origin',
+      id: '3',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-11-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 4',
+      agent: 'Robyn Phillips',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 4',
+      origin: 'origin',
+      id: '4',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-10-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 5',
+      agent: 'Bruce Robinson',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 5',
+      origin: 'origin',
+      id: '5',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-9-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 6',
+      agent: 'Sophia Fletcher',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 6',
+      origin: 'origin',
+      id: '6',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-8-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 7',
+      agent: 'Blanca Roberts',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 7',
+      origin: 'origin',
+      id: '7',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+    {
+      date: format(new Date('8-7-2023 21:29'), 'dd/MM/yyyy'),
+      duration: 60,
+      campaign: 'Campaign 8',
+      agent: 'Peter Warburton',
+      ani: 'ani',
+      dnis: 'dnis',
+      disposition: 'Disposition 8',
+      origin: 'origin',
+      id: '8',
+      action: (
+        <Button
+          color="primary"
+          disableElevation
+          variant="text"
+          onClick={() => console.log('click')}
+        >
+          Editar
+        </Button>
+      ),
+    },
+  ]
+
+  const menus: TableButton[] = [
+    {
+      render: () => <span>Menu</span>,
+      onClick: () => console.log('Menu clicked'),
+      disabled: true,
+    },
+    {
+      render: () => <span>Agrupar</span>,
+      list: {
+        options: [
+          {
+            id: 'groupByCampaign',
+            label: <div style={{display: 'flex', alignItems: 'center', gap: '5px'}}>
+              <span style={{backgroundColor: "green"}}>OK</span>
+              <span>Agrupar por campanha</span>
+            </div>,
+            onClick: (id) => console.log('Agrupar por campanha', id),
+          },
+          {
+            id: 'groupByDate',
+            label: 'Agrupar por data',
+            onClick: (id) => console.log('Agrupar por data', id),
+          },
+        ],
+        closeOnClick: true,
+      },
+    },
+  ]
+
+  return (
+    <>
+      <UncontrolledTable data={data} columns={columns} buttons={menus} configs={menus} />
+    </>
+  )
+}
+
+ExtraMenu.args = {}

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const Header: React.FC<any>;
-export default Header;

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

@@ -1,39 +0,0 @@
-import React, { useRef, useState, useEffect } from 'react';
-import * as S from './styles';
-import SettingsIcon from '@mui/icons-material/Settings';
-import { CheckBox } from '../../../CheckBox';
-import useClickOutside from '../../../../hooks/useClickOutside';
-var Header = function (_a) {
-    var table = _a.table, showTotalResults = _a.showTotalResults, showSettings = _a.showSettings, showClearFiels = _a.showClearFiels, onClearFieldsClick = _a.onClearFieldsClick, customTotalResults = _a.customTotalResults, clearLabel = _a.clearLabel, customIcons = _a.customIcons, _b = _a.hideColumns, hideColumns = _b === void 0 ? [] : _b, onColumnVisibilityChange = _a.onColumnVisibilityChange;
-    var _c = useState(false), openTools = _c[0], setOpenTools = _c[1];
-    var listToolsRef = useRef(null);
-    useClickOutside(listToolsRef, function () { return setOpenTools(false); });
-    useEffect(function () {
-        (hideColumns === null || hideColumns === void 0 ? void 0 : hideColumns.length) &&
-            table
-                .getAllLeafColumns()
-                .filter(function (column) { return hideColumns.includes(column.id); })
-                .forEach(function (column) { return column.toggleVisibility(false); });
-    }, [hideColumns, table]);
-    var handleVisibilityChange = function (column) {
-        var isVisible = !column.getIsVisible();
-        column.toggleVisibility(isVisible);
-        onColumnVisibilityChange === null || onColumnVisibilityChange === void 0 ? void 0 : onColumnVisibilityChange(column.id, isVisible);
-    };
-    return (React.createElement(S.Header, { "$showResults": showTotalResults },
-        React.createElement("div", null,
-            showTotalResults && (React.createElement(S.Results, null,
-                React.createElement(S.TextResult, null, customTotalResults ? customTotalResults : "".concat(table.getRowModel().rows.length, " resultados encontrados.")))),
-            showClearFiels && (React.createElement(S.TextClearSearch, { onClick: function () { return onClearFieldsClick && onClearFieldsClick(); } }, clearLabel || 'Limpar busca'))),
-        React.createElement(S.Tools, null,
-            showSettings ? (React.createElement(S.IconTools, { onClick: function () { return setOpenTools(!openTools); } },
-                React.createElement(SettingsIcon, { sx: { fontSize: 18, color: '#DE8B50' } }))) : null,
-            customIcons &&
-                customIcons.map(function (IconComponent, index) { return (React.createElement(S.IconTools, { key: index }, IconComponent)); }),
-            openTools ? (React.createElement(S.ListTools, { ref: listToolsRef }, table.getAllLeafColumns().map(function (column) {
-                return (React.createElement("div", { key: column.id, className: "px-1" },
-                    React.createElement(CheckBox, { label: column.columnDef.header || column.id, size: "small", checked: column.getIsVisible(), value: column.getIsVisible(), onChange: function () { return handleVisibilityChange(column); } })));
-            }))) : null)));
-};
-export default Header;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,CAAC,MAAM,UAAU,CAAC;AAC9B,OAAO,YAAY,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,eAAe,MAAM,mCAAmC,CAAC;AAEhE,IAAM,MAAM,GAAkB,UAAC,EAW9B;QAVC,KAAK,WAAA,EACL,gBAAgB,sBAAA,EAChB,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,wBAAwB,8BAAA;IAElB,IAAA,KAA4B,QAAQ,CAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,CAAC,CAAC;IAEzD,SAAS,CAAC;QACR,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM;YACjB,KAAK;iBACF,iBAAiB,EAAE;iBACnB,MAAM,CAAC,UAAC,MAAW,IAAK,OAAA,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,EAA/B,CAA+B,CAAC;iBACxD,OAAO,CAAC,UAAC,MAAW,IAAK,OAAA,MAAM,CAAC,gBAAgB,CAAC,KAAK,CAAC,EAA9B,CAA8B,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,IAAM,sBAAsB,GAAG,UAAC,MAAW;QACzC,IAAM,SAAS,GAAG,CAAC,MAAM,CAAC,YAAY,EAAE,CAAC;QACzC,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAEnC,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAG,MAAM,CAAC,EAAE,EAAE,SAAS,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,CAAC,CAAC,MAAM,oBAAe,gBAAgB;QACtC;YACG,gBAAgB,IAAI,CACnB,oBAAC,CAAC,CAAC,OAAO;gBACR,oBAAC,CAAC,CAAC,UAAU,QACV,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAG,KAAK,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,MAAM,6BAA0B,CAC1F,CACL,CACb;YACA,cAAc,IAAI,CACjB,oBAAC,CAAC,CAAC,eAAe,IAAC,OAAO,EAAE,cAAM,OAAA,kBAAkB,IAAI,kBAAkB,EAAE,EAA1C,CAA0C,IACzE,UAAU,IAAI,cAAc,CACX,CACrB,CACG;QACN,oBAAC,CAAC,CAAC,KAAK;YACL,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,CAAC,CAAC,SAAS,IAAC,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,CAAC,SAAS,CAAC,EAAxB,CAAwB;gBAClD,oBAAC,YAAY,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,CAC5C,CACf,CAAC,CAAC,CAAC,IAAI;YAEP,WAAW;gBACV,WAAW,CAAC,GAAG,CAAC,UAAC,aAA8B,EAAE,KAAa,IAAK,OAAA,CACjE,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,KAAK,IAAG,aAAa,CAAe,CACvD,EAFkE,CAElE,CAAC;YAEH,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,CAAC,CAAC,SAAS,IAAC,GAAG,EAAE,YAAY,IAC3B,KAAK,CAAC,iBAAiB,EAAE,CAAC,GAAG,CAAC,UAAC,MAAW;gBACzC,OAAO,CACL,6BAAK,GAAG,EAAE,MAAM,CAAC,EAAE,EAAE,SAAS,EAAC,MAAM;oBACnC,oBAAC,QAAQ,IACP,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,MAAM,IAAI,MAAM,CAAC,EAAE,EAC3C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,EAC9B,KAAK,EAAE,MAAM,CAAC,YAAY,EAAE,EAC5B,QAAQ,EAAE,cAAM,OAAA,sBAAsB,CAAC,MAAM,CAAC,EAA9B,CAA8B,GAC9C,CACE,CACP,CAAC;YACJ,CAAC,CAAC,CACU,CACf,CAAC,CAAC,CAAC,IAAI,CACA,CACD,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

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

@@ -1,8 +0,0 @@
-export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;
-export declare const Results: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Tools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextResult: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextClearSearchContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextClearSearch: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
-export declare const IconTools: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ListTools: 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/components/header/styles.js

@@ -1,12 +0,0 @@
-import { __makeTemplateObject } from "tslib";
-import styled from 'styled-components';
-export var Header = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (max-width: 1440px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: calc(100% - 32px);\n  @media screen and (max-width: 1440px) {\n    width: calc(100% - 16px);\n  }\n  margin: 0 auto;\n"])));
-export var Results = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
-export var Tools = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-export var TextResult = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: #666666;\n  font-size: 16px;\n"], ["\n  color: #666666;\n  font-size: 16px;\n"])));
-export var TextClearSearchContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: 10px;\n"], ["\n  height: 10px;\n"])));
-export var TextClearSearch = styled.p(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"], ["\n  color: #de8b50;\n  font-size: 14px;\n  cursor: pointer;\n  margin: 0;\n  &:hover {\n    text-decoration: underline;\n  }\n"])));
-export var IconTools = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"], ["\n  width: 24px;\n  height: 24px;\n  cursor: pointer;\n"])));
-export var ListTools = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  top: 0;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"], ["\n  padding: 12px;\n  margin: 6px 0 0 -106px;\n  position: absolute;\n  background: #fff;\n  box-shadow: 0px 3px 6px #00000029;\n  border: 1px solid #e0e0e0;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  font-size: 14px;\n  z-index: 100;\n  top: 0;\n  label {\n    display: flex;\n    gap: 8px;\n    align-items: center;\n  }\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/components/UncontrolledTable/components/header/styles.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,2PAAK,wLAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAIhC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,iHAAA,8CAG9B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGnC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,wFAAA,qBAE/C,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,mMAAA,gIAQtC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4HAAA,yDAIlC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,2ZAAA,wVAkBlC,IAAA,CAAC"}