reaxify 0.0.97 → 1.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/axios/useAxios.cjs.js +1 -1
- package/dist/axios/useAxios.es.js +7 -7
- package/dist/components/Accordion/index.cjs.js +1 -1
- package/dist/components/Accordion/index.d.ts +2 -2
- package/dist/components/Accordion/index.d.ts.map +1 -1
- package/dist/components/Accordion/index.es.js +78 -97
- package/dist/components/Alert/index.cjs.js +1 -1
- package/dist/components/Alert/index.d.ts +1 -6
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.es.js +111 -95
- package/dist/components/Avatar/index.cjs.js +1 -1
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Avatar/index.es.js +82 -75
- package/dist/components/Badge/index.cjs.js +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.es.js +33 -34
- package/dist/components/Button/index.cjs.js +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.es.js +95 -98
- package/dist/components/ButtonGroup/index.cjs.js +1 -1
- package/dist/components/ButtonGroup/index.d.ts +0 -4
- package/dist/components/ButtonGroup/index.d.ts.map +1 -1
- package/dist/components/ButtonGroup/index.es.js +40 -37
- package/dist/components/Card/index.cjs.js +1 -1
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Card/index.es.js +48 -38
- package/dist/components/Collapse/index.cjs.js +1 -0
- package/dist/components/Collapse/index.d.ts +14 -0
- package/dist/components/Collapse/index.d.ts.map +1 -0
- package/dist/components/Collapse/index.es.js +56 -0
- package/dist/components/Divider/index.cjs.js +1 -1
- package/dist/components/Divider/index.d.ts.map +1 -1
- package/dist/components/Divider/index.es.js +16 -14
- package/dist/components/Drawer/index.cjs.js +1 -1
- package/dist/components/Drawer/index.d.ts +1 -0
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.es.js +72 -56
- package/dist/components/Fill/index.cjs.js +1 -1
- package/dist/components/Fill/index.d.ts.map +1 -1
- package/dist/components/Fill/index.es.js +14 -8
- package/dist/components/InputGroup/index.cjs.js +1 -1
- package/dist/components/InputGroup/index.d.ts.map +1 -1
- package/dist/components/InputGroup/index.es.js +49 -38
- package/dist/components/Menu/index.cjs.js +1 -1
- package/dist/components/Menu/index.d.ts +3 -2
- package/dist/components/Menu/index.d.ts.map +1 -1
- package/dist/components/Menu/index.es.js +115 -99
- package/dist/components/Modal/index.cjs.js +1 -1
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.es.js +83 -59
- package/dist/components/Portal/index.cjs.js +1 -1
- package/dist/components/Portal/index.d.ts.map +1 -1
- package/dist/components/Portal/index.es.js +5 -4
- package/dist/components/Progress/index.cjs.js +1 -1
- package/dist/components/Progress/index.d.ts +1 -1
- package/dist/components/Progress/index.d.ts.map +1 -1
- package/dist/components/Progress/index.es.js +27 -22
- package/dist/components/Skeleton/index.cjs.js +1 -1
- package/dist/components/Skeleton/index.d.ts.map +1 -1
- package/dist/components/Skeleton/index.es.js +8 -8
- package/dist/components/Spacer/index.cjs.js +1 -1
- package/dist/components/Spacer/index.d.ts.map +1 -1
- package/dist/components/Spacer/index.es.js +5 -5
- package/dist/components/Spinner/index.cjs.js +1 -1
- package/dist/components/Spinner/index.d.ts +3 -2
- package/dist/components/Spinner/index.d.ts.map +1 -1
- package/dist/components/Spinner/index.es.js +17 -16
- package/dist/components/Stack/index.cjs.js +1 -1
- package/dist/components/Stack/index.d.ts.map +1 -1
- package/dist/components/Stack/index.es.js +25 -24
- package/dist/components/Switch/index.cjs.js +1 -1
- package/dist/components/Switch/index.d.ts.map +1 -1
- package/dist/components/Switch/index.es.js +17 -13
- package/dist/components/Table/index.cjs.js +1 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.es.js +72 -58
- package/dist/components/Tabs/index.cjs.js +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.es.js +58 -48
- package/dist/components/Toggle/index.cjs.js +1 -0
- package/dist/components/Toggle/index.d.ts +48 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Toggle/index.es.js +115 -0
- package/dist/components/Tooltip/index.cjs.js +1 -1
- package/dist/components/Tooltip/index.d.ts +16 -9
- package/dist/components/Tooltip/index.d.ts.map +1 -1
- package/dist/components/Tooltip/index.es.js +191 -114
- package/dist/components/Typography/index.cjs.js +1 -1
- package/dist/components/Typography/index.d.ts +2 -2
- package/dist/components/Typography/index.d.ts.map +1 -1
- package/dist/components/Typography/index.es.js +13 -12
- package/dist/components/index.cjs.js +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.es.js +48 -43
- package/dist/helpers/anchorPointer.cjs.js +1 -0
- package/dist/helpers/anchorPointer.d.ts +8 -0
- package/dist/helpers/anchorPointer.d.ts.map +1 -0
- package/dist/helpers/anchorPointer.es.js +12 -0
- package/dist/helpers/index.cjs.js +1 -1
- package/dist/helpers/index.d.ts +1 -0
- package/dist/helpers/index.d.ts.map +1 -1
- package/dist/helpers/index.es.js +25 -22
- package/dist/hooks/index.cjs.js +1 -1
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.es.js +6 -4
- package/dist/hooks/usePreventableClose.cjs.js +1 -0
- package/dist/hooks/usePreventableClose.d.ts +8 -0
- package/dist/hooks/usePreventableClose.d.ts.map +1 -0
- package/dist/hooks/usePreventableClose.es.js +21 -0
- package/dist/node_modules/prop-types/factoryWithTypeCheckers.es.js +1 -1
- package/dist/node_modules/prop-types/index.es.js +1 -1
- package/dist/node_modules/prop-types/node_modules/react-is/index.es.js +1 -1
- package/dist/providers/ThemeProvider.d.ts +13 -1
- package/dist/providers/ThemeProvider.d.ts.map +1 -1
- package/dist/providers/index.cjs.js +1 -1
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.es.js +3 -2
- package/dist/stores/portalElement.cjs.js +1 -1
- package/dist/stores/portalElement.d.ts.map +1 -1
- package/dist/stores/portalElement.es.js +13 -9
- package/dist/style.css +1 -0
- package/package.json +7 -3
- package/dist/reaxify.css +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const G=require("
|
|
1
|
+
"use client";"use strict";const G=require("axios"),c=require("react"),I=require("./AxiosProvider.cjs.js"),J=require("../helpers/wait.cjs.js");function K(e=null){const w="Canceled.",n=c.useContext(I.AxiosContext),k=c.useRef([]),m=c.useRef(new Map),E=c.useRef(0),[T,N]=c.useTransition(),d=c.useMemo(()=>{const t={...n.config,...e==null?void 0:e.config};return G.create(t)},[n.config,e==null?void 0:e.config]),y=c.useMemo(()=>typeof(e==null?void 0:e.cancelDuplicatedRequests)=="boolean"?e.cancelDuplicatedRequests:n.cancelDuplicatedRequests??!1,[n.cancelDuplicatedRequests,e==null?void 0:e.cancelDuplicatedRequests]),R=c.useMemo(()=>typeof(e==null?void 0:e.cancelOnUnmount)=="boolean"?e.cancelOnUnmount:n.cancelOnUnmount??!1,[e==null?void 0:e.cancelOnUnmount,n.cancelOnUnmount]),a=c.useMemo(()=>!(n!=null&&n.retry)&&!(e!=null&&e.retry)?null:{count:0,delay:0,statuses:[],...n.retry,...e==null?void 0:e.retry},[e==null?void 0:e.retry,n.retry]),[_,z]=c.useState([]),[F,D]=c.useState(null),H=c.useCallback(t=>{var s;if(!y&&!R)return t;const r=`${t.method}-${t.url}`,u=new AbortController;return y&&m.current.has(r)&&((s=m.current.get(r))==null||s.abort(w)),(y||R)&&(t.signal=u.signal),y&&m.current.set(r,u),R&&k.current.push(u),t},[y,R]),h=c.useCallback(t=>{if(!t)return;const r=`${t.method}-${t.url}`;m.current.delete(r)},[]),p=c.useCallback(t=>{N(()=>{z(r=>{const u=[...r];return t?u.push(""):u.pop(),u})})},[]),P=c.useCallback(t=>{const r=[...n.beforeRequest,...(e==null?void 0:e.beforeRequest)??[]];return r.length?r.reduce(async(u,s)=>{const l=await u;return await s(l)??l},Promise.resolve(t)):t},[n.beforeRequest,e==null?void 0:e.beforeRequest]),A=c.useCallback(t=>{const r=[...n.afterResponse,...(e==null?void 0:e.afterResponse)??[]];return r.length?r.reduce(async(u,s)=>{const l=await u;return await s(l)??l},Promise.resolve(t)):t},[n.afterResponse,e==null?void 0:e.afterResponse]),M=c.useCallback(t=>{const r=[...n.afterError,...(e==null?void 0:e.afterError)??[]];return r.length?r.reduce(async(u,s)=>{const l=await u;return await s(l)??l},Promise.resolve(t)):t},[n.afterError,e==null?void 0:e.afterError]),O=c.useCallback(t=>{const r=[...n.beforeRetry,...(e==null?void 0:e.beforeRetry)??[]];return r.length?r.reduce(async(u,s)=>{const l=await u;return await s(l)??l},Promise.resolve(t)):t},[n.beforeRetry,e==null?void 0:e.beforeRetry]),U=c.useCallback(t=>{if(!a)return!1;const r=a.count??0,u=a.statuses??[];return!(E.current>=r||!u.includes(t))},[a]),$=c.useCallback(()=>{E.current++},[]),q=c.useCallback(()=>{E.current=0},[]),j=c.useCallback(async t=>{p(!0),D(null);const r=H(t);return await P(r)},[H,p,P]),S=c.useCallback(async t=>{h(t.config);const r=await A(t);return p(!1),D(null),q(),r},[p,A,h,q]),B=c.useCallback(async t=>{var l,b,L;const r=[(t==null?void 0:t.code)==="ERR_CANCELED",((b=(l=t==null?void 0:t.config)==null?void 0:l.signal)==null?void 0:b.reason)===w].some(Boolean),u=((L=t==null?void 0:t.response)==null?void 0:L.status)??0;if(!r&&U(u)){a!=null&&a.delay&&await J(a.delay);const v=await O(t);return $(),d.request(v==null?void 0:v.config).finally(()=>p(!1))}!r&&h(t==null?void 0:t.config);const s=await M(t);return p(!1),q(),!r&&D(s),Promise.reject(s)},[p,M,h,O,U,q,$,a==null?void 0:a.delay]);return c.useEffect(()=>{const t=d.interceptors.request.use(j),r=d.interceptors.response.use(S,B);return()=>{d.interceptors.request.eject(t),d.interceptors.response.eject(r)}},[d.interceptors.request,d.interceptors.response,j,S,B]),c.useEffect(()=>()=>{R&&(k.current.forEach(t=>{t.abort(w)}),k.current=[])},[R]),[d,!!_.length||T,F]}module.exports=K;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import Q from "
|
|
3
|
-
import V from "
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
2
|
+
import Q from "axios";
|
|
3
|
+
import { useContext as V, useRef as P, useTransition as W, useMemo as q, useState as _, useCallback as s, useEffect as z } from "react";
|
|
4
|
+
import { AxiosContext as X } from "./AxiosProvider.es.js";
|
|
5
|
+
import Y from "../helpers/wait.es.js";
|
|
6
6
|
function C(e = null) {
|
|
7
|
-
const D = "Canceled.", n =
|
|
7
|
+
const D = "Canceled.", n = V(X), E = P([]), b = P(/* @__PURE__ */ new Map()), v = P(0), [F, G] = W(), d = q(() => {
|
|
8
8
|
const t = { ...n.config, ...e == null ? void 0 : e.config };
|
|
9
|
-
return
|
|
9
|
+
return Q.create(t);
|
|
10
10
|
}, [n.config, e == null ? void 0 : e.config]), m = q(() => typeof (e == null ? void 0 : e.cancelDuplicatedRequests) == "boolean" ? e.cancelDuplicatedRequests : n.cancelDuplicatedRequests ?? !1, [
|
|
11
11
|
n.cancelDuplicatedRequests,
|
|
12
12
|
e == null ? void 0 : e.cancelDuplicatedRequests
|
|
@@ -124,7 +124,7 @@ function C(e = null) {
|
|
|
124
124
|
((R = (u = t == null ? void 0 : t.config) == null ? void 0 : u.signal) == null ? void 0 : R.reason) === D
|
|
125
125
|
].some(Boolean), c = ((N = t == null ? void 0 : t.response) == null ? void 0 : N.status) ?? 0;
|
|
126
126
|
if (!r && M(c)) {
|
|
127
|
-
a != null && a.delay && await
|
|
127
|
+
a != null && a.delay && await Y(a.delay);
|
|
128
128
|
const O = await k(t);
|
|
129
129
|
return B(), d.request(O == null ? void 0 : O.config).finally(() => p(!1));
|
|
130
130
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";const u=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";const u=require("react/jsx-runtime"),a=require("react"),m=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),f=require("../Collapse/index.cjs.js"),g=require("../../hooks/useClasses.cjs.js"),p=require("../../helpers/randomID.cjs.js"),y=require("../../node_modules/iconsax-react/dist/esm/ArrowDown2.cjs.js"),b=a.createContext({activeKey:null,handleChange:()=>{},variant:"single"}),A=a.createContext({active:!1,eventKey:null});function d({variant:o="single",activeKey:n=null,onChange:e=()=>{},children:t}){const s=i=>{if(o==="single")e(n===i?null:i);else{const r=Array.isArray(n)?n:[],l=r.includes(i)?r.filter(c=>c!==i):[...r,i];e(l)}};return u.jsx(b.Provider,{value:{activeKey:n,handleChange:s,variant:o},children:t})}function j({as:o,eventKey:n=null,className:e,children:t,...s}){const i=g(C=>C.accordion.item.base),{activeKey:r}=a.useContext(b),x=o||"div",l=a.useMemo(()=>p(),[]),c=n||l,v=a.useMemo(()=>Array.isArray(r)?r.includes(c):r===c,[r,c]);return u.jsx(x,{"data-name":"accordion-item",className:m.twMerge("block w-full border border-border rounded",i,e),...s,children:u.jsx(A.Provider,{value:{eventKey:c,active:v},children:t})})}function w({type:o="button",className:n,children:e,onClick:t,...s}){const i=g(c=>c.accordion.toggle.base),{eventKey:r}=a.useContext(A),{handleChange:x}=a.useContext(b),l=c=>{r&&x(r),t==null||t(c)};return u.jsx("button",{type:o,"data-name":"accordion-toggle",className:m.twMerge("w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",i,n),onClick:l,...s,children:e})}function h({className:o,...n}){const e=g(s=>s.accordion.icon),{active:t}=a.useContext(A);return u.jsx(y,{color:"currentColor","data-name":"accordion-icon",className:m.twMerge("size-5 transition-transform",e==null?void 0:e.base,t?"-rotate-180":"rotate-0",t?e==null?void 0:e.active:e==null?void 0:e.inactive,o),...n})}function q({duration:o=300,children:n}){const{active:e}=a.useContext(A);return u.jsx(f,{open:e,duration:o,"data-name":"accordion-collapse",children:n})}function I({className:o,children:n,...e}){const t=g(s=>s.accordion.body.base);return u.jsx(f.Content,{as:"div","data-name":"accordion-body",className:m.twMerge("px-5 py-4 rounded-b",t,o),...e,children:n})}d.Item=j;d.Toggle=w;d.Icon=h;d.Collapse=q;d.Body=I;module.exports=d;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChildrenProps, ComponentPropsWithAs } from '../../types';
|
|
1
|
+
import { ChildrenProps, ComponentPropsWithAs, ComponentPropsWithoutAs } from '../../types';
|
|
2
2
|
import { ComponentProps, Dispatch, ElementType } from 'react';
|
|
3
3
|
type EventKey = string;
|
|
4
4
|
type AccordionSingleProps<T extends EventKey> = {
|
|
@@ -30,6 +30,6 @@ declare function AccordionItem<E extends ElementType = "div", T extends EventKey
|
|
|
30
30
|
declare function AccordionToggle({ type, className, children, onClick, ...props }: ComponentProps<"button">): import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
declare function AccordionIcon({ className, ...props }: Omit<ComponentProps<"svg">, "ref" | "children">): import("react/jsx-runtime").JSX.Element;
|
|
32
32
|
declare function AccordionCollapse({ duration, children, }: AccordionCollapseProps): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
declare function AccordionBody({ className, children, ...props }:
|
|
33
|
+
declare function AccordionBody({ className, children, ...props }: ComponentPropsWithoutAs<"div">): import("react/jsx-runtime").JSX.Element;
|
|
34
34
|
export default Accordion;
|
|
35
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,OAAO,EACL,cAAc,EAEd,QAAQ,EACR,WAAW,EAIZ,MAAM,OAAO,CAAC;AAKf,KAAK,QAAQ,GAAG,MAAM,CAAC;AAEvB,KAAK,oBAAoB,CAAC,CAAC,SAAS,QAAQ,IAAI;IAC9C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;CAC/B,GAAG,aAAa,CAAC;AAElB,KAAK,sBAAsB,CAAC,CAAC,SAAS,QAAQ,IAAI;IAChD,OAAO,EAAE,UAAU,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,EAAE,CAAC;IAChB,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;CAC1B,GAAG,aAAa,CAAC;AAElB,KAAK,cAAc,CAAC,CAAC,SAAS,QAAQ,IAClC,oBAAoB,CAAC,CAAC,CAAC,GACvB,sBAAsB,CAAC,CAAC,CAAC,CAAC;AAE9B,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,aAAa,CAAC;AA4BlB,iBAAS,SAAS,CAAC,CAAC,SAAS,QAAQ,EAAE,EACrC,OAAkB,EAClB,SAAgB,EAChB,QAAmB,EACnB,QAAQ,GACT,EAAE,cAAc,CAAC,CAAC,CAAC,2CAoBnB;kBAzBQ,SAAS;;;;;;;AA2BlB,iBAAS,aAAa,CACpB,CAAC,SAAS,WAAW,GAAG,KAAK,EAC7B,CAAC,SAAS,QAAQ,GAAG,MAAM,EAC3B,EACA,EAAE,EACF,QAAQ,EAAE,YAAmB,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,kBAAkB,CAAC,2CA2B7C;AAED,iBAAS,eAAe,CAAC,EACvB,IAAe,EACf,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,QAAQ,CAAC,2CAyB1B;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC,2CAkBjD;AAED,iBAAS,iBAAiB,CAAC,EACzB,QAAc,EACd,QAAQ,GACT,EAAE,sBAAsB,2CAQxB;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CAahC;AAQD,eAAe,SAAS,CAAC"}
|
|
@@ -1,154 +1,135 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as s } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
const
|
|
3
|
+
import { createContext as g, useContext as l, useMemo as b } from "react";
|
|
4
|
+
import { twMerge as f } from "../../node_modules/tailwind-merge/dist/bundle-mjs.es.js";
|
|
5
|
+
import x from "../Collapse/index.es.js";
|
|
6
|
+
import p from "../../hooks/useClasses.es.js";
|
|
7
|
+
import h from "../../helpers/randomID.es.js";
|
|
8
|
+
import I from "../../node_modules/iconsax-react/dist/esm/ArrowDown2.es.js";
|
|
9
|
+
const v = g({
|
|
10
10
|
activeKey: null,
|
|
11
11
|
handleChange: () => {
|
|
12
12
|
},
|
|
13
13
|
variant: "single"
|
|
14
|
-
}), A =
|
|
14
|
+
}), A = g({
|
|
15
15
|
active: !1,
|
|
16
16
|
eventKey: null
|
|
17
17
|
});
|
|
18
|
-
function
|
|
19
|
-
variant:
|
|
20
|
-
activeKey:
|
|
21
|
-
onChange:
|
|
18
|
+
function u({
|
|
19
|
+
variant: t = "single",
|
|
20
|
+
activeKey: n = null,
|
|
21
|
+
onChange: o = () => {
|
|
22
22
|
},
|
|
23
23
|
children: e
|
|
24
24
|
}) {
|
|
25
|
-
const
|
|
26
|
-
if (
|
|
27
|
-
|
|
25
|
+
const a = (i) => {
|
|
26
|
+
if (t === "single")
|
|
27
|
+
o(n === i ? null : i);
|
|
28
28
|
else {
|
|
29
|
-
const
|
|
30
|
-
|
|
29
|
+
const r = Array.isArray(n) ? n : [], d = r.includes(i) ? r.filter((c) => c !== i) : [...r, i];
|
|
30
|
+
o(d);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
-
return /* @__PURE__ */ s(
|
|
33
|
+
return /* @__PURE__ */ s(v.Provider, { value: { activeKey: n, handleChange: a, variant: t }, children: e });
|
|
34
34
|
}
|
|
35
|
-
function
|
|
36
|
-
as:
|
|
37
|
-
eventKey:
|
|
38
|
-
className:
|
|
35
|
+
function w({
|
|
36
|
+
as: t,
|
|
37
|
+
eventKey: n = null,
|
|
38
|
+
className: o,
|
|
39
39
|
children: e,
|
|
40
|
-
...
|
|
40
|
+
...a
|
|
41
41
|
}) {
|
|
42
|
-
const
|
|
42
|
+
const i = p((y) => y.accordion.item.base), { activeKey: r } = l(v), m = t || "div", d = b(() => h(), []), c = n || d, C = b(() => Array.isArray(r) ? r.includes(c) : r === c, [r, c]);
|
|
43
43
|
return /* @__PURE__ */ s(
|
|
44
44
|
m,
|
|
45
45
|
{
|
|
46
|
-
|
|
46
|
+
"data-name": "accordion-item",
|
|
47
|
+
className: f(
|
|
47
48
|
"block w-full border border-border rounded",
|
|
48
|
-
|
|
49
|
-
|
|
49
|
+
i,
|
|
50
|
+
o
|
|
50
51
|
),
|
|
51
|
-
...
|
|
52
|
-
children: /* @__PURE__ */ s(A.Provider, { value: { eventKey:
|
|
52
|
+
...a,
|
|
53
|
+
children: /* @__PURE__ */ s(A.Provider, { value: { eventKey: c, active: C }, children: e })
|
|
53
54
|
}
|
|
54
55
|
);
|
|
55
56
|
}
|
|
56
|
-
function
|
|
57
|
-
type:
|
|
58
|
-
className:
|
|
59
|
-
children:
|
|
57
|
+
function N({
|
|
58
|
+
type: t = "button",
|
|
59
|
+
className: n,
|
|
60
|
+
children: o,
|
|
60
61
|
onClick: e,
|
|
61
|
-
...
|
|
62
|
+
...a
|
|
62
63
|
}) {
|
|
63
|
-
const
|
|
64
|
-
|
|
64
|
+
const i = p((c) => c.accordion.toggle.base), { eventKey: r } = l(A), { handleChange: m } = l(v), d = (c) => {
|
|
65
|
+
r && m(r), e == null || e(c);
|
|
65
66
|
};
|
|
66
67
|
return /* @__PURE__ */ s(
|
|
67
68
|
"button",
|
|
68
69
|
{
|
|
69
|
-
type:
|
|
70
|
-
|
|
70
|
+
type: t,
|
|
71
|
+
"data-name": "accordion-toggle",
|
|
72
|
+
className: f(
|
|
71
73
|
"w-full flex items-center text-start text-base px-5 py-4 rounded-t cursor-pointer",
|
|
72
|
-
|
|
73
|
-
|
|
74
|
+
i,
|
|
75
|
+
n
|
|
74
76
|
),
|
|
75
|
-
onClick:
|
|
76
|
-
...
|
|
77
|
-
children:
|
|
77
|
+
onClick: d,
|
|
78
|
+
...a,
|
|
79
|
+
children: o
|
|
78
80
|
}
|
|
79
81
|
);
|
|
80
82
|
}
|
|
81
|
-
function
|
|
82
|
-
className:
|
|
83
|
-
...
|
|
83
|
+
function D({
|
|
84
|
+
className: t,
|
|
85
|
+
...n
|
|
84
86
|
}) {
|
|
85
|
-
const
|
|
87
|
+
const o = p((a) => a.accordion.icon), { active: e } = l(A);
|
|
86
88
|
return /* @__PURE__ */ s(
|
|
87
|
-
|
|
89
|
+
I,
|
|
88
90
|
{
|
|
89
91
|
color: "currentColor",
|
|
90
|
-
|
|
92
|
+
"data-name": "accordion-icon",
|
|
93
|
+
className: f(
|
|
91
94
|
"size-5 transition-transform",
|
|
92
|
-
|
|
95
|
+
o == null ? void 0 : o.base,
|
|
93
96
|
e ? "-rotate-180" : "rotate-0",
|
|
94
|
-
e ?
|
|
95
|
-
|
|
97
|
+
e ? o == null ? void 0 : o.active : o == null ? void 0 : o.inactive,
|
|
98
|
+
t
|
|
96
99
|
),
|
|
97
|
-
...
|
|
100
|
+
...n
|
|
98
101
|
}
|
|
99
102
|
);
|
|
100
103
|
}
|
|
101
|
-
function
|
|
102
|
-
duration:
|
|
103
|
-
children:
|
|
104
|
+
function B({
|
|
105
|
+
duration: t = 300,
|
|
106
|
+
children: n
|
|
104
107
|
}) {
|
|
105
|
-
const { active:
|
|
106
|
-
return /* @__PURE__ */ s(
|
|
107
|
-
C,
|
|
108
|
-
{
|
|
109
|
-
duration: n,
|
|
110
|
-
height: t ? "auto" : 0,
|
|
111
|
-
className: "w-full",
|
|
112
|
-
animationStateClasses: {
|
|
113
|
-
animating: "",
|
|
114
|
-
animatingUp: "",
|
|
115
|
-
animatingDown: "",
|
|
116
|
-
static: "",
|
|
117
|
-
animatingToHeightZero: "",
|
|
118
|
-
animatingToHeightAuto: "",
|
|
119
|
-
animatingToHeightSpecific: "",
|
|
120
|
-
staticHeightZero: "",
|
|
121
|
-
staticHeightAuto: "",
|
|
122
|
-
staticHeightSpecific: ""
|
|
123
|
-
},
|
|
124
|
-
children: o
|
|
125
|
-
}
|
|
126
|
-
);
|
|
108
|
+
const { active: o } = l(A);
|
|
109
|
+
return /* @__PURE__ */ s(x, { open: o, duration: t, "data-name": "accordion-collapse", children: n });
|
|
127
110
|
}
|
|
128
|
-
function
|
|
129
|
-
className:
|
|
130
|
-
children:
|
|
131
|
-
...
|
|
111
|
+
function M({
|
|
112
|
+
className: t,
|
|
113
|
+
children: n,
|
|
114
|
+
...o
|
|
132
115
|
}) {
|
|
133
|
-
const e =
|
|
116
|
+
const e = p((a) => a.accordion.body.base);
|
|
134
117
|
return /* @__PURE__ */ s(
|
|
135
|
-
|
|
118
|
+
x.Content,
|
|
136
119
|
{
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
...t,
|
|
143
|
-
children: o
|
|
120
|
+
as: "div",
|
|
121
|
+
"data-name": "accordion-body",
|
|
122
|
+
className: f("px-5 py-4 rounded-b", e, t),
|
|
123
|
+
...o,
|
|
124
|
+
children: n
|
|
144
125
|
}
|
|
145
126
|
);
|
|
146
127
|
}
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
128
|
+
u.Item = w;
|
|
129
|
+
u.Toggle = N;
|
|
130
|
+
u.Icon = D;
|
|
131
|
+
u.Collapse = B;
|
|
132
|
+
u.Body = M;
|
|
152
133
|
export {
|
|
153
|
-
|
|
134
|
+
u as default
|
|
154
135
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";
|
|
1
|
+
"use client";"use strict";const c=require("react/jsx-runtime"),l=require("react"),g=require("../../node_modules/tailwind-merge/dist/bundle-mjs.cjs.js"),k=require("../Fill/index.cjs.js"),j=require("../Stack/index.cjs.js"),y=require("../Typography/index.cjs.js"),u=require("../../hooks/useClasses.cjs.js"),M=require("../../helpers/cn.cjs.js"),w=l.createContext({variant:"solid",color:"primary"});function b({as:s,variant:r="solid",color:n="primary",children:i,className:o,...t}){const e=u(a=>a.alert),p=l.useMemo(()=>{var f,m,h;const a={primary:{solid:"bg-primary text-white border-primary",outline:"bg-transparent text-primary border-primary",soft:"bg-light-primary text-dark-primary border-light-primary"},secondary:{solid:"bg-secondary text-white border-secondary",outline:"bg-transparent text-secondary border-secondary",soft:"bg-light-secondary text-dark-secondary border-light-secondary"},success:{solid:"bg-success text-white border-success",outline:"bg-transparent text-success border-success",soft:"bg-light-success text-dark-success border-light-success"},info:{solid:"bg-info text-white border-info",outline:"bg-transparent text-info border-info",soft:"bg-light-info text-dark-info border-light-info"},warning:{solid:"bg-warning text-white border-warning",outline:"bg-transparent text-warning border-warning",soft:"bg-light-warning text-dark-warning border-light-warning"},danger:{solid:"bg-danger text-white border-danger",outline:"bg-transparent text-danger border-danger",soft:"bg-light-danger text-dark-danger border-light-danger"},dark:{solid:"bg-dark text-white border-dark",outline:"bg-transparent text-dark border-dark",soft:"bg-dark text-dark border-dark"},light:{solid:"bg-light text-dark border-light",outline:"bg-transparent text-dark border-light",soft:"bg-light text-dark border-light"}},x=(m=(f=e==null?void 0:e.color)==null?void 0:f[n])==null?void 0:m[r],d=(h=a==null?void 0:a[n])==null?void 0:h[r];return g.twMerge(d,x)},[n,r,e==null?void 0:e.color]);return c.jsx(j,{as:s,role:"alert","data-name":"alert",className:M("w-full border rounded py-1.5 px-4 gap-3",e==null?void 0:e.base,p,o),...t,children:c.jsx(w.Provider,{value:{variant:r,color:n},children:i})})}function A({children:s,className:r,...n}){const i=u(o=>{var t,e;return(e=(t=o.alert)==null?void 0:t.icon)==null?void 0:e.base});return c.jsx("div",{"data-name":"alert-icon",className:g.twMerge("flex flex-col py-2 items-start justify-start *:size-5.5 *:text-current",i,r),...n,children:s})}function C({children:s,className:r,...n}){const i=u(o=>{var t;return(t=o.alert)==null?void 0:t.content.base});return c.jsx(k,{as:"div","data-name":"alert-content",className:g.twMerge("py-2 space-y-0.5",i,r),...n,children:s})}function q({children:s,className:r,...n}){const i=u(o=>{var t;return(t=o.alert)==null?void 0:t.title.base});return c.jsx(y,{as:"h6",variant:"body-1","data-name":"alert-title",className:g.twMerge("w-full -mt-px font-medium",i,r),...n,children:s})}function v({children:s,className:r,...n}){const i=u(o=>{var t;return(t=o.alert)==null?void 0:t.description.base});return c.jsx(y,{variant:"body-2","data-name":"alert-description",className:g.twMerge("w-full font-normal",i,r),...n,children:s})}function N({children:s,className:r,...n}){const i=u(a=>{var x,d;return(d=(x=a.alert)==null?void 0:x.action)==null?void 0:d.base}),{variant:o,color:t}=l.useContext(w),e=l.useMemo(()=>o==="solid"?"solid":"text",[o]),p=l.useMemo(()=>l.Children.map(s,a=>{if(!l.isValidElement(a))return a;const d=a.props;return l.cloneElement(a,{variant:d.variant??e,color:d.color??t})}),[s,e,t]);return c.jsx("div",{"data-name":"alert-action",className:g.twMerge("self-center size-fit",i,r),...n,children:p})}b.Icon=A;b.Content=C;b.Title=q;b.Description=v;b.Action=N;module.exports=b;
|
|
@@ -1,15 +1,10 @@
|
|
|
1
|
-
import { AlertVariant,
|
|
1
|
+
import { AlertVariant, Color, ComponentPropsWithAs, ComponentPropsWithoutAs } from '../../types';
|
|
2
2
|
import { ElementType } from 'react';
|
|
3
3
|
import { default as Typography } from '../Typography';
|
|
4
4
|
type AlertProps = {
|
|
5
5
|
variant?: AlertVariant;
|
|
6
6
|
color?: Color;
|
|
7
7
|
};
|
|
8
|
-
type AlertContextType = {
|
|
9
|
-
buttonVariant?: ButtonVariant;
|
|
10
|
-
color?: Color;
|
|
11
|
-
};
|
|
12
|
-
export declare const AlertContext: import('react').Context<AlertContextType>;
|
|
13
8
|
declare function Alert<E extends ElementType = "div">({ as, variant, color, children, className, ...props }: ComponentPropsWithAs<E, AlertProps>): import("react/jsx-runtime").JSX.Element;
|
|
14
9
|
declare namespace Alert {
|
|
15
10
|
var Icon: typeof AlertIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAEZ,KAAK,EACL,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AACjB,OAAO,EAIL,WAAW,EAMZ,MAAM,OAAO,CAAC;AAKf,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,KAAK,UAAU,GAAG;IAChB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAgBF,iBAAS,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EAC5C,EAAE,EACF,OAAiB,EACjB,KAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,EAAE,UAAU,CAAC,2CAoErC;kBA3EQ,KAAK;;;;;;;AA4Ed,iBAAS,SAAS,CAAC,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CAehC;AACD,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CAYhC;AACD,iBAAS,UAAU,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC,2CAalD;AACD,iBAAS,gBAAgB,CAAC,EACxB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC,2CAYjD;AACD,iBAAS,WAAW,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,CAAC,KAAK,CAAC,2CA2BhC;AAQD,eAAe,KAAK,CAAC"}
|