@loja-integrada/admin-components 1.0.36 → 1.0.37

package/dist/chunk-MEEQ57RC.js

@@ -0,0 +1,9 @@
+import { a as a$1 } from './chunk-IPIBO3ES.js';
+import { a as a$2 } from './chunk-SQYZJMXK.js';
+import { a } from './chunk-REQIQLRI.js';
+import N, { useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var p=({item:e})=>{let[r,o]=useState(!e.toggle),s=e.iconBackgroundColor||"bg-inverted-2",d=e.iconColor||"text-base-1",g=e.icon||"minus",t=e.toggle&&e.description;return jsxs("li",{className:"timeline-item relative",children:[jsx("div",{className:a("timeline-badge absolute left-0 top-0 -ml-3 flex size-9 items-center justify-center rounded-full",s),children:jsx(a$2,{icon:g,size:4,className:d})}),jsxs("div",{className:"ml-10 pt-px",children:[jsxs("div",{className:a("timeline-title group text-f6 break-words py-1 font-semibold text-inverted-1",t&&"cursor-pointer"),onClick:()=>t&&o(a=>!a),children:[t?jsx("button",{type:"button",className:"float-right -mt-px p-1 text-inverted-2 focus:outline-none group-hover:text-inverted-1",children:jsx(a$2,{icon:"angleLeft",size:4,className:a("-mt-px block transition-transform",r?"rotate-90":"-rotate-90")})}):null,jsx("span",{className:"inline break-words",children:e.title})]}),e.timestamp?jsxs("div",{className:"timeline-timestamp text-f7 mb-2 inline-flex items-center break-words text-inverted-2",children:[jsx(a$2,{icon:"clock",size:3,className:"mr-1"}),e.timestamp]}):null,e.description?jsx("div",{className:a("timeline-description text-f6 overflow-hidden break-words text-inverted-2 transition-max-height",r?"max-h-96":"max-h-0"),children:e.description}):null]})]})};var x=({containerClassName:e="",className:r="",items:o,isLoading:s=!1,toggleItems:d=!0,emptyTitle:g="Nenhum registro encontrado",hasContainer:t=!0})=>!s&&(!o||!Array.isArray(o))?null:jsx("div",{className:a(t&&"w-full rounded border border-card-stroke bg-base-1 p-6",e),children:jsxs("ul",{className:a("timeline relative list-none flex flex-col ml-3",t?"-my-6 py-10 gap-10":"gap-11",r),children:[t?jsx("li",{className:"timeline-line absolute inset-y-0 ml-1.5 w-px bg-card-stroke"}):null,s?jsx(p,{item:{title:jsx(a$1,{className:"mt-px w-1/2 pt-px"}),icon:"loading"}}):o?.length===0?jsx(p,{item:{title:g,icon:"ban"}}):o?.map((a,f)=>jsxs("div",{className:`timeline-item-${f} relative`,children:[jsx(p,{item:{...a,toggle:a.toggle??d}}),f<o.length-1&&!t&&jsx("div",{className:"absolute top-11 ml-1.5 block h-[calc(100%-0.5rem)] border-l border-card-stroke"})]},`timeline-item-${f}`))]})}),I=N.memo(x);I.displayName="Timeline";
+
+export { I as a };

package/dist/components/DataTable/index.js

@@ -1,7 +1,7 @@
-"use client";export { a as DataTable } from '../../chunk-MZP3WWSP.js';
+"use client";export { a as DataTable } from '../../chunk-JDVLTW4K.js';
 import '../../chunk-DVFKTOCS.js';
 import '../../chunk-DIENJUYM.js';
 import '../../chunk-G3GCVCTU.js';
-import '../../chunk-IPIBO3ES.js';
 import '../../chunk-MMWMFOBR.js';
+import '../../chunk-IPIBO3ES.js';
 import '../../chunk-REQIQLRI.js';

package/dist/components/Timeline/Timeline.client.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import { TimelineItemInterface } from './TimelineItem';
+declare const Timeline: React.MemoExoticComponent<({ containerClassName, className, items, isLoading, toggleItems, emptyTitle, hasContainer }: TimelineProps) => import("react/jsx-runtime").JSX.Element | null>;
+interface TimelineProps {
+    /**
+     * Custom class name for the container
+     * */
+    containerClassName?: string;
+    /**
+     * Custom class name
+     * */
+    className?: string;
+    /**
+     * Timeline items
+     */
+    items?: TimelineItemInterface[];
+    /** Timeline is loading
+     * @default false
+     */
+    isLoading?: boolean;
+    /** Text to show when items is empty
+     * @default 'Nenhum registro encontrado'
+     */
+    emptyTitle?: string;
+    /** Timeline item show toggle
+     * @default true
+     */
+    toggleItems?: boolean;
+    /**
+     * If true, the timeline will have a container
+     * @default true
+     */
+    hasContainer?: boolean;
+}
+export { Timeline, type TimelineProps };

package/dist/components/Timeline/TimelineItem.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { IconProps } from '../Icon';
+declare const TimelineItem: ({ item }: TimelineItemProps) => import("react/jsx-runtime").JSX.Element;
+interface TimelineItemInterface {
+    /**
+     * Item main title
+     */
+    title: string | React.ReactNode;
+    /**
+     * Item timestamp
+     */
+    timestamp?: string;
+    /**
+     * Item additional description
+     */
+    description?: string | React.ReactNode;
+    /**
+     * Item icon
+     */
+    icon?: IconProps['icon'];
+    /**
+     * Background of the current icon (className)
+     */
+    iconBackgroundColor?: string;
+    /**
+     * Color of the current icon (className)
+     */
+    iconColor?: string;
+    /**
+     * Toggle item description
+     */
+    toggle?: boolean;
+}
+interface TimelineItemProps {
+    item: TimelineItemInterface;
+}
+export { TimelineItem, type TimelineItemInterface, type TimelineItemProps };

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

@@ -0,0 +1 @@
+export * from './Timeline.client';

package/dist/components/Timeline/index.js

@@ -0,0 +1,6 @@
+"use client";export { a as Timeline } from '../../chunk-MEEQ57RC.js';
+import '../../chunk-IPIBO3ES.js';
+import '../../chunk-LTWCICTK.js';
+import '../../chunk-SQYZJMXK.js';
+import '../../chunk-ZBEU5G5B.js';
+import '../../chunk-REQIQLRI.js';

package/dist/components/index.d.ts

@@ -7,3 +7,4 @@ export * from './Modal';
 export * from './SidebarFixed';
 export * from './Table';
 export * from './Tabs';
+export * from './Timeline';

package/dist/components/index.js

@@ -1,16 +1,17 @@
-import '../chunk-DIFKNF3L.js';
+import '../chunk-KN7DOGNL.js';
 export { a as IconCircular } from '../chunk-4SY7T43H.js';
 export { a as Button } from '../chunk-ZQHNRXAY.js';
-export { a as DataTable } from '../chunk-MZP3WWSP.js';
+export { a as DataTable } from '../chunk-JDVLTW4K.js';
 import '../chunk-DVFKTOCS.js';
 import '../chunk-DIENJUYM.js';
 import '../chunk-G3GCVCTU.js';
-export { a as LoadingPlaceholder } from '../chunk-IPIBO3ES.js';
 export { a as Modal } from '../chunk-4OT5IJFD.js';
 export { a as SidebarFixed } from '../chunk-EUSHFEXZ.js';
+export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from '../chunk-MMWMFOBR.js';
+export { a as Tabs } from '../chunk-5RIHTR6L.js';
+export { a as Timeline } from '../chunk-MEEQ57RC.js';
+export { a as LoadingPlaceholder } from '../chunk-IPIBO3ES.js';
 import '../chunk-LTWCICTK.js';
 export { a as Icon } from '../chunk-SQYZJMXK.js';
 import '../chunk-ZBEU5G5B.js';
-export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from '../chunk-MMWMFOBR.js';
-export { a as Tabs } from '../chunk-5RIHTR6L.js';
 import '../chunk-REQIQLRI.js';

package/dist/forms/Calendar/index.js

@@ -1,25 +1,26 @@
 "use client";export { a as Calendar } from '../../chunk-6HYE5DRC.js';
 import '../../chunk-DBWOW4GL.js';
+import '../../chunk-2J2SS7SP.js';
 import '../../chunk-ZJORERQK.js';
 import '../../chunk-3BKW5XAK.js';
-import '../../chunk-DIFKNF3L.js';
+import '../../chunk-L6H2NDVS.js';
+import '../../chunk-KN7DOGNL.js';
 import '../../chunk-4SY7T43H.js';
 import '../../chunk-NW24WOHT.js';
 import '../../chunk-SJ4MATMO.js';
 import '../../chunk-7Z3CCBLX.js';
-import '../../chunk-2J2SS7SP.js';
-import '../../chunk-L6H2NDVS.js';
 import '../../chunk-ZQHNRXAY.js';
-import '../../chunk-MZP3WWSP.js';
+import '../../chunk-JDVLTW4K.js';
 import '../../chunk-DVFKTOCS.js';
 import '../../chunk-DIENJUYM.js';
 import '../../chunk-G3GCVCTU.js';
-import '../../chunk-IPIBO3ES.js';
 import '../../chunk-4OT5IJFD.js';
 import '../../chunk-EUSHFEXZ.js';
+import '../../chunk-MMWMFOBR.js';
+import '../../chunk-5RIHTR6L.js';
+import '../../chunk-MEEQ57RC.js';
+import '../../chunk-IPIBO3ES.js';
 import '../../chunk-LTWCICTK.js';
 import '../../chunk-SQYZJMXK.js';
 import '../../chunk-ZBEU5G5B.js';
-import '../../chunk-MMWMFOBR.js';
-import '../../chunk-5RIHTR6L.js';
 import '../../chunk-REQIQLRI.js';

package/dist/forms/index.js

@@ -3,26 +3,27 @@ export { a as Dropdown } from '../chunk-W5SRZT5F.js';
 export { b as Select, a as SelectComponent } from '../chunk-HZACKBIW.js';
 export { a as Calendar } from '../chunk-6HYE5DRC.js';
 import '../chunk-DBWOW4GL.js';
+import '../chunk-2J2SS7SP.js';
 import '../chunk-ZJORERQK.js';
 import '../chunk-3BKW5XAK.js';
-import '../chunk-DIFKNF3L.js';
+import '../chunk-L6H2NDVS.js';
+import '../chunk-KN7DOGNL.js';
 import '../chunk-4SY7T43H.js';
 export { a as InputMask } from '../chunk-NW24WOHT.js';
 export { a as Input } from '../chunk-SJ4MATMO.js';
 export { a as InputLabel } from '../chunk-7Z3CCBLX.js';
-import '../chunk-2J2SS7SP.js';
-import '../chunk-L6H2NDVS.js';
 import '../chunk-ZQHNRXAY.js';
-import '../chunk-MZP3WWSP.js';
+import '../chunk-JDVLTW4K.js';
 import '../chunk-DVFKTOCS.js';
 export { a as Checkbox } from '../chunk-DIENJUYM.js';
 export { a as InputHelpText } from '../chunk-G3GCVCTU.js';
-import '../chunk-IPIBO3ES.js';
 import '../chunk-4OT5IJFD.js';
 import '../chunk-EUSHFEXZ.js';
+import '../chunk-MMWMFOBR.js';
+import '../chunk-5RIHTR6L.js';
+import '../chunk-MEEQ57RC.js';
+import '../chunk-IPIBO3ES.js';
 import '../chunk-LTWCICTK.js';
 import '../chunk-SQYZJMXK.js';
 import '../chunk-ZBEU5G5B.js';
-import '../chunk-MMWMFOBR.js';
-import '../chunk-5RIHTR6L.js';
 import '../chunk-REQIQLRI.js';

package/dist/index.js

@@ -1,39 +1,40 @@
+import './chunk-BQWNCDFV.js';
+export { a as Dropdown } from './chunk-W5SRZT5F.js';
 import './chunk-7RP4L6ZM.js';
 import './chunk-4PUGMMDC.js';
 export { a as Breadcrumb } from './chunk-US3HGHA4.js';
 export { a as HelpLink } from './chunk-JQOMMPFT.js';
 export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from './chunk-WEGB2N6M.js';
-export { a as Stepper } from './chunk-I7PCF2VW.js';
-import './chunk-BQWNCDFV.js';
-export { a as Dropdown } from './chunk-W5SRZT5F.js';
 export { b as Select, a as SelectComponent } from './chunk-HZACKBIW.js';
-export { a as Alert } from './chunk-U2XNQBTB.js';
-export { a as Badge } from './chunk-7NXFX6TD.js';
-export { a as Tag } from './chunk-LUOOFUZD.js';
-export { b as ToastContainer, a as notify } from './chunk-PF7QTNU3.js';
-export { a as Tooltip } from './chunk-TZI6YTCW.js';
+export { a as Stepper } from './chunk-I7PCF2VW.js';
 export { a as Calendar } from './chunk-6HYE5DRC.js';
 import './chunk-DBWOW4GL.js';
+export { a as ActionBar } from './chunk-2J2SS7SP.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from './chunk-ZJORERQK.js';
 export { a as Container, b as ContainerHeader } from './chunk-3BKW5XAK.js';
-import './chunk-DIFKNF3L.js';
+import './chunk-L6H2NDVS.js';
+import './chunk-KN7DOGNL.js';
 export { a as IconCircular } from './chunk-4SY7T43H.js';
 export { a as InputMask } from './chunk-NW24WOHT.js';
 export { a as Input } from './chunk-SJ4MATMO.js';
 export { a as InputLabel } from './chunk-7Z3CCBLX.js';
-export { a as ActionBar } from './chunk-2J2SS7SP.js';
-import './chunk-L6H2NDVS.js';
+export { a as Alert } from './chunk-U2XNQBTB.js';
+export { a as Badge } from './chunk-7NXFX6TD.js';
+export { a as Tag } from './chunk-LUOOFUZD.js';
 export { a as Button } from './chunk-ZQHNRXAY.js';
-export { a as DataTable } from './chunk-MZP3WWSP.js';
+export { b as ToastContainer, a as notify } from './chunk-PF7QTNU3.js';
+export { a as Tooltip } from './chunk-TZI6YTCW.js';
+export { a as DataTable } from './chunk-JDVLTW4K.js';
 import './chunk-DVFKTOCS.js';
 export { a as Checkbox } from './chunk-DIENJUYM.js';
 export { a as InputHelpText } from './chunk-G3GCVCTU.js';
-export { a as LoadingPlaceholder } from './chunk-IPIBO3ES.js';
 export { a as Modal } from './chunk-4OT5IJFD.js';
 export { a as SidebarFixed } from './chunk-EUSHFEXZ.js';
+export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from './chunk-MMWMFOBR.js';
+export { a as Tabs } from './chunk-5RIHTR6L.js';
+export { a as Timeline } from './chunk-MEEQ57RC.js';
+export { a as LoadingPlaceholder } from './chunk-IPIBO3ES.js';
 import './chunk-LTWCICTK.js';
 export { a as Icon } from './chunk-SQYZJMXK.js';
 import './chunk-ZBEU5G5B.js';
-export { a as Table, d as TableBody, h as TableCaption, g as TableCell, e as TableFooter, c as TableHead, b as TableHeader, f as TableRow } from './chunk-MMWMFOBR.js';
-export { a as Tabs } from './chunk-5RIHTR6L.js';
 import './chunk-REQIQLRI.js';

package/dist/indicators/index.js

@@ -2,9 +2,9 @@ import '../chunk-7RP4L6ZM.js';
 export { a as Alert } from '../chunk-U2XNQBTB.js';
 export { a as Badge } from '../chunk-7NXFX6TD.js';
 export { a as Tag } from '../chunk-LUOOFUZD.js';
+import '../chunk-ZQHNRXAY.js';
 export { b as ToastContainer, a as notify } from '../chunk-PF7QTNU3.js';
 export { a as Tooltip } from '../chunk-TZI6YTCW.js';
-import '../chunk-ZQHNRXAY.js';
 import '../chunk-LTWCICTK.js';
 import '../chunk-SQYZJMXK.js';
 import '../chunk-ZBEU5G5B.js';

package/dist/layout/index.js

@@ -1,7 +1,7 @@
 import '../chunk-DBWOW4GL.js';
+export { a as ActionBar } from '../chunk-2J2SS7SP.js';
 export { b as Box, d as BoxContent, c as BoxHeader, a as BoxSeparator } from '../chunk-ZJORERQK.js';
 export { a as Container, b as ContainerHeader } from '../chunk-3BKW5XAK.js';
-export { a as ActionBar } from '../chunk-2J2SS7SP.js';
 import '../chunk-L6H2NDVS.js';
 import '../chunk-ZQHNRXAY.js';
 import '../chunk-LTWCICTK.js';

package/dist/navigation/index.js

@@ -2,8 +2,8 @@ import '../chunk-4PUGMMDC.js';
 export { a as Breadcrumb } from '../chunk-US3HGHA4.js';
 export { a as HelpLink } from '../chunk-JQOMMPFT.js';
 export { c as DEFAULT_OPTIONS, d as Pagination, a as PaginationInfo, b as PaginationNav } from '../chunk-WEGB2N6M.js';
-export { a as Stepper } from '../chunk-I7PCF2VW.js';
 import '../chunk-HZACKBIW.js';
+export { a as Stepper } from '../chunk-I7PCF2VW.js';
 import '../chunk-7Z3CCBLX.js';
 import '../chunk-DVFKTOCS.js';
 import '../chunk-G3GCVCTU.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {
@@ -101,6 +101,10 @@
       "types": "./dist/components/Tabs/Tabs.d.ts",
       "import": "./dist/components/Tabs/index.js"
     },
+    "./Timeline": {
+      "types": "./dist/components/Timeline/Timeline.d.ts",
+      "import": "./dist/components/Timeline/index.js"
+    },
     "./Calendar": {
       "types": "./dist/forms/Calendar/Calendar.d.ts",
       "import": "./dist/forms/Calendar/index.js"

package/dist/{chunk-MZP3WWSP.js → chunk-JDVLTW4K.js}

@@ -1,7 +1,7 @@
 import { a as a$1 } from './chunk-DVFKTOCS.js';
 import { a } from './chunk-DIENJUYM.js';
-import { a as a$3 } from './chunk-IPIBO3ES.js';
 import { f, c, a as a$2, b, d, g } from './chunk-MMWMFOBR.js';
+import { a as a$3 } from './chunk-IPIBO3ES.js';
 import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import { memo, useState, useMemo, useEffect } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';