@loja-integrada/admin-components 1.3.19 → 1.3.20

package/dist/chunk-QKOZ4JZB.js

@@ -0,0 +1,8 @@
+import { a } from './chunk-AGCI6C3Z.js';
+import { memo, useRef, useState, useEffect } from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var L=cva("tabs-item group min-w-0 shrink-0 overflow-x-hidden -outline-offset-1 focus:outline-focus",{variants:{active:{true:"tabs-item-active",false:"cursor-pointer"},disabled:{true:"pointer-events-none opacity-50",false:""}}}),P=cva("text-f6 relative block break-words p-2 font-semibold lg:py-4",{variants:{active:{true:"text-primary",false:"text-inverted-2 hover:text-primary"},animated:{true:"",false:""}},compoundVariants:[{active:!0,animated:!1,className:"border-b-4 border-primary"}],defaultVariants:{active:!1,animated:!1}}),k=({id:l,title:r,titleComplement:t,active:o=!1,disabled:s=!1,onChange:a$1,className:b="",animated:n=!1})=>{let f=m=>typeof t=="function"?t(m):t;return jsx("button",{type:"button",id:`btnTab${l}`,className:a(L({active:o,disabled:s,className:b})),onClick:()=>a$1(l),disabled:s,children:jsxs("span",{className:a(P({active:o,animated:n})),"data-title":r,children:[r,t?jsx("span",{className:"ml-2",children:f(o)}):null]})})},d=memo(k);d.displayName="TabsItem";var W=({className:l="",items:r,activeItem:t,onChange:o,animated:s=!1})=>{let a$1=useRef(null),b=useRef(null),[n,f]=useState(t),[m,I]=useState(0),[w,N]=useState(0);useEffect(()=>{f(t);},[t]),useEffect(()=>{let e=document.querySelector(`#btnTab${n}`);if(a$1?.current&&e){let c=a$1.current.getBoundingClientRect(),u=parseFloat(window.getComputedStyle(a$1.current,null).getPropertyValue("padding-left")),R=e?.offsetLeft-c.left;a$1.current.scrollTo({left:R-c.width/2+e.offsetWidth/2,behavior:"smooth"}),N(e?.clientWidth||0),I(e?.offsetLeft<u?u:e?.offsetLeft);}},[t,n]);let x=e=>{e!==n&&(f(e),o?.(e));};return !r||!Array.isArray(r)?null:jsxs("div",{ref:a$1,className:a("relative tabs flex w-full flex-nowrap lg:gap-4 gap-2 overflow-x-auto border-b border-card-stroke bg-base-1",l),children:[s?jsx("div",{ref:b,id:"bottom-border",className:"absolute bottom-0 h-1 bg-primary",style:{left:m,width:w,transition:"all 0.15s ease"}}):null,r?.map((e,c)=>(e.id||(e.id=encodeURI(e.title)),jsx(d,{...e,onChange:x,active:n===e.id,animated:s},`tab-item-${c}`)))]})},E=memo(W);E.displayName="Tabs";
+
+export { E as a };

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

@@ -1,5 +1,5 @@
 import { TabsItemInterface } from './TabsItem';
-declare const Tabs: import("react").MemoExoticComponent<({ className, items, activeItem, onChange }: TabsProps) => import("react/jsx-runtime").JSX.Element | null>;
+declare const Tabs: import("react").MemoExoticComponent<({ className, items, activeItem, onChange, animated }: TabsProps) => import("react/jsx-runtime").JSX.Element | null>;
 interface TabsProps {
     /**
      * Custom class name
@@ -13,6 +13,10 @@ interface TabsProps {
      * Tab item
      */
     items?: TabsItemInterface[];
+    /**
+     * Wether to animate the bottom border or not
+     */
+    animated?: boolean;
     /**
      * Callback handle when selected item change
      * */

package/dist/components/Tabs/TabsItem.d.ts

@@ -3,12 +3,16 @@ interface TabsItemProps extends TabsItemInterface {
      * Item is active
      */
     active?: boolean;
+    /**
+     * Wether to animate the bottom border or not
+     */
+    animated?: boolean;
     /**
      * Call on tab change
      */
     onChange: (arg0: string) => void;
 }
-declare const TabsItem: import("react").MemoExoticComponent<({ id, title, titleComplement, active, disabled, onChange, className }: TabsItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const TabsItem: import("react").MemoExoticComponent<({ id, title, titleComplement, active, disabled, onChange, className, animated }: TabsItemProps) => import("react/jsx-runtime").JSX.Element>;
 interface TabsItemInterface {
     /**
      * Custom class name

package/dist/components/Tabs/index.js

@@ -1,2 +1,2 @@
-"use client";export { a as Tabs } from '../../chunk-WYU4N3LM.js';
+"use client";export { a as Tabs } from '../../chunk-QKOZ4JZB.js';
 import '../../chunk-AGCI6C3Z.js';

package/dist/components/index.js

@@ -7,7 +7,7 @@ import '../chunk-BW4TJLAD.js';
 export { a as Modal } from '../chunk-ZNDZCIEX.js';
 export { a as SidebarFixed } from '../chunk-6Z2GJXT6.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-TJKZQP6P.js';
-export { a as Tabs } from '../chunk-WYU4N3LM.js';
+export { a as Tabs } from '../chunk-QKOZ4JZB.js';
 export { a as Timeline } from '../chunk-7JT6B2LQ.js';
 export { a as LoadingPlaceholder } from '../chunk-VFFDRP2O.js';
 import '../chunk-LTWCICTK.js';

package/dist/forms/Calendar/index.js

@@ -22,7 +22,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/Dropdown/index.js

@@ -15,7 +15,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/Input/index.js

@@ -15,7 +15,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/InputCurrency/index.js

@@ -16,7 +16,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/InputLabel/index.js

@@ -14,7 +14,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/InputMask/index.js

@@ -16,7 +16,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/InputWithUnit/index.js

@@ -18,7 +18,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/Select/index.js

@@ -15,7 +15,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/TextArea/index.js

@@ -15,7 +15,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/forms/index.js

@@ -30,7 +30,7 @@ export { a as InputHelpText } from '../chunk-BW4TJLAD.js';
 import '../chunk-ZNDZCIEX.js';
 import '../chunk-6Z2GJXT6.js';
 import '../chunk-TJKZQP6P.js';
-import '../chunk-WYU4N3LM.js';
+import '../chunk-QKOZ4JZB.js';
 import '../chunk-7JT6B2LQ.js';
 import '../chunk-VFFDRP2O.js';
 import '../chunk-LTWCICTK.js';

package/dist/index.js

@@ -35,7 +35,7 @@ export { a as InputHelpText } from './chunk-BW4TJLAD.js';
 export { a as Modal } from './chunk-ZNDZCIEX.js';
 export { a as SidebarFixed } from './chunk-6Z2GJXT6.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-TJKZQP6P.js';
-export { a as Tabs } from './chunk-WYU4N3LM.js';
+export { a as Tabs } from './chunk-QKOZ4JZB.js';
 export { a as Timeline } from './chunk-7JT6B2LQ.js';
 export { a as LoadingPlaceholder } from './chunk-VFFDRP2O.js';
 import './chunk-LTWCICTK.js';

package/dist/navigation/Pagination/index.js

@@ -16,7 +16,7 @@ import '../../chunk-BW4TJLAD.js';
 import '../../chunk-ZNDZCIEX.js';
 import '../../chunk-6Z2GJXT6.js';
 import '../../chunk-TJKZQP6P.js';
-import '../../chunk-WYU4N3LM.js';
+import '../../chunk-QKOZ4JZB.js';
 import '../../chunk-7JT6B2LQ.js';
 import '../../chunk-VFFDRP2O.js';
 import '../../chunk-LTWCICTK.js';

package/dist/navigation/index.js

@@ -20,7 +20,7 @@ import '../chunk-BW4TJLAD.js';
 import '../chunk-ZNDZCIEX.js';
 import '../chunk-6Z2GJXT6.js';
 import '../chunk-TJKZQP6P.js';
-import '../chunk-WYU4N3LM.js';
+import '../chunk-QKOZ4JZB.js';
 import '../chunk-7JT6B2LQ.js';
 import '../chunk-VFFDRP2O.js';
 import '../chunk-LTWCICTK.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loja-integrada/admin-components",
-  "version": "1.3.19",
+  "version": "1.3.20",
   "author": "Loja Integrada",
   "license": "MIT",
   "repository": {

package/dist/chunk-WYU4N3LM.js

@@ -1,8 +0,0 @@
-import { a } from './chunk-AGCI6C3Z.js';
-import { memo, useRef, useState, useEffect } from 'react';
-import { cva } from 'class-variance-authority';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var C=cva("tabs-item group min-w-0 shrink-0 overflow-x-hidden text-transparent -outline-offset-1 hover:text-on-base focus:outline-focus",{variants:{active:{true:"tabs-item-active text-on-base",false:"cursor-pointer"},disabled:{true:"pointer-events-none opacity-50",false:""}}}),L=cva("text-f6 relative block break-words px-2 py-2 font-semibold lg:py-4",{variants:{active:{true:"",false:"before:absolute before:block before:translate-x-px before:overflow-hidden before:font-normal before:text-inverted-2 before:opacity-100 before:content-[attr(data-title)] hover:before:opacity-0"}}}),k=({id:i,title:a$1,titleComplement:t,active:n=!1,disabled:o=!1,onChange:b,className:r=""})=>{let f=c=>typeof t=="function"?t(c):t;return jsx("button",{type:"button",id:`btnTab${i}`,className:a(C({active:n,disabled:o,className:r})),onClick:()=>b(i),disabled:o,children:jsxs("span",{className:a(L({active:n})),"data-title":a$1,children:[a$1,t?jsx("span",{className:"ml-2",children:f(n)}):null]})})},p=memo(k);p.displayName="TabsItem";var W=({className:i="",items:a$1,activeItem:t,onChange:n})=>{let o=useRef(null),b=useRef(null),[r,f]=useState(t),[c,y]=useState(0),[I,x]=useState(0);useEffect(()=>{f(t);},[t]),useEffect(()=>{let e=document.querySelector(`#btnTab${r}`);if(o?.current&&e){let l=o.current.getBoundingClientRect(),m=parseFloat(window.getComputedStyle(o.current,null).getPropertyValue("padding-left")),N=e?.offsetLeft-l.left;o.current.scrollTo({left:N-l.width/2+e.offsetWidth/2,behavior:"smooth"}),x(e?.clientWidth||0),y(e?.offsetLeft<m?m:e?.offsetLeft);}},[t,r]);let w=e=>{e!==r&&(f(e),n?.(e));};return !a$1||!Array.isArray(a$1)?null:jsxs("div",{ref:o,className:a("relative tabs flex w-full flex-nowrap lg:gap-4 gap-2 overflow-x-auto border-b border-card-stroke bg-base-1",i),children:[jsx("div",{ref:b,id:"bottom-border",className:"absolute bottom-0 h-1 bg-primary",style:{left:c,width:I,transition:"all 0.15s ease"}}),a$1?.map((e,l)=>(e.id||(e.id=encodeURI(e.title)),jsx(p,{...e,onChange:w,active:r===e.id},`tab-item-${l}`)))]})},E=memo(W);E.displayName="Tabs";
-
-export { E as a };