@jamsrui/icon-button 0.0.16 → 0.0.18
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.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { IconButton } from './icon-button.mjs';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { WithGlobalConfig } from '@jamsrui/core';
|
|
4
4
|
import './use-icon-button.mjs';
|
|
5
5
|
import 'react';
|
|
6
6
|
import '@jamsrui/utils';
|
|
@@ -13,7 +13,7 @@ declare const IconButtonConfig: (props: Omit<Partial<Record<string, any>>, "chil
|
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
}) => react_jsx_runtime.JSX.Element;
|
|
15
15
|
declare namespace IconButtonConfig {
|
|
16
|
-
interface Props extends
|
|
16
|
+
interface Props extends WithGlobalConfig<IconButton.Props> {
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useIconButtonContext as n}from"./icon-button-context.mjs";const
|
|
1
|
+
"use client";import{jsx as e}from"react/jsx-runtime";import{useIconButtonContext as n}from"./icon-button-context.mjs";const l=()=>{const{getLabelProps:o,label:t}=n();return e("span",{...o({}),children:t})};export{l as IconButtonLabel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Fragment as c,jsx as o,jsxs as d}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{useIconButtonContext as i}from"./icon-button-context.mjs";import{IconButtonLabel as m}from"./icon-button-label.mjs";import{LoadingSpinner as s}from"./spinner.mjs";const x=t=>{const{getButtonProps:n,loadingIcon:r=o(s,{}),isLoading:e}=i();return p("button",{props:[n(),{children:d(c,{children:[o(m,{}),e?r:t.children]})}]})};export{x as IconButtonRoot};
|
|
1
|
+
"use client";import{Fragment as c,jsx as o,jsxs as d}from"react/jsx-runtime";import{useRenderElement as p}from"@jamsrui/hooks";import{useIconButtonContext as i}from"./icon-button-context.mjs";import{IconButtonLabel as m}from"./icon-button-label.mjs";import{LoadingSpinner as s}from"./spinner.mjs";const x=t=>{const{getButtonProps:n,loadingIcon:r=o(s,{}),isLoading:e}=i();return p("button",{props:[n(),{children:d(c,{children:[o(m,{}),e?r:t.children]})}]})};export{x as IconButtonRoot};
|
package/dist/spinner.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t,jsxs as i}from"react/jsx-runtime";const o=
|
|
1
|
+
"use client";import{jsx as t,jsxs as i}from"react/jsx-runtime";const o=r=>{const{size:e=20}=r;return t("svg",{fill:"currentColor",height:e,viewBox:"0 0 24 24",width:e,xmlns:"http://www.w3.org/2000/svg",children:i("g",{children:[t("rect",{height:5,opacity:".14",width:2,x:11,y:1}),t("rect",{height:5,opacity:".29",transform:"rotate(30 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".43",transform:"rotate(60 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".57",transform:"rotate(90 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".71",transform:"rotate(120 12 12)",width:2,x:11,y:1}),t("rect",{height:5,opacity:".86",transform:"rotate(150 12 12)",width:2,x:11,y:1}),t("rect",{height:5,transform:"rotate(180 12 12)",width:2,x:11,y:1}),t("animateTransform",{attributeName:"transform",calcMode:"discrete",dur:"0.75s",repeatCount:"indefinite",type:"rotate",values:"0 12 12;30 12 12;60 12 12;90 12 12;120 12 12;150 12 12;180 12 12;210 12 12;240 12 12;270 12 12;300 12 12;330 12 12;360 12 12"})]})})};export{o as LoadingSpinner};
|
package/dist/use-icon-button.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useCallback as P,useId as V,useMemo as h}from"react";import{useHover as C,useMergeRefs as L,usePress as N}from"@jamsrui/hooks";import{cn as A,dataAttr as e,dataAttrDev as D,mapPropsVariants as G}from"@jamsrui/utils";import{iconButtonVariants as b}from"./styles.mjs";const $=I=>{const[g,B]=G(I,b.variantKeys),{type:r="button",label:a,isLoading:t=!1,disabled:y=!1,className:n,ref:R,loadingIcon:i,...p}=g,c=b(B),s=V(),o=t||y,{isHovered:d,ref:v}=C({isDisabled:o}),{isPressed:l,ref:x}=N({isDisabled:o}),m=L([R,v,x]),u=P(()=>({...p,ref:m,"data-component":D("icon-button"),className:A(c,n),"aria-labelledby":s,type:r,disabled:o,"data-disabled":e(o),"aria-disabled":e(o),"data-loading":e(t),"data-pressed":e(l),"data-hover":e(d)}),[n,s,o,d,t,l,m,p,c,r]),f=P(()=>({"aria-hidden":!0,id:s,className:"sr-only"}),[s]);return h(()=>({getButtonProps:u,getLabelProps:f,isLoading:t,isDisabled:o,label:a,loadingIcon:i}),[u,f,o,t,a,i])};export{$ as useIconButton};
|
|
1
|
+
"use client";import{useCallback as P,useId as V,useMemo as h}from"react";import{useHover as C,useMergeRefs as L,usePress as N}from"@jamsrui/hooks";import{cn as A,dataAttr as e,dataAttrDev as D,mapPropsVariants as G}from"@jamsrui/utils";import{iconButtonVariants as b}from"./styles.mjs";const $=I=>{const[g,B]=G(I,b.variantKeys),{type:r="button",label:a,isLoading:t=!1,disabled:y=!1,className:n,ref:R,loadingIcon:i,...p}=g,c=b(B),s=V(),o=t||y,{isHovered:d,ref:v}=C({isDisabled:o}),{isPressed:l,ref:x}=N({isDisabled:o}),m=L([R,v,x]),u=P(()=>({...p,ref:m,"data-component":D("icon-button"),className:A(c,n),"aria-labelledby":s,type:r,disabled:o,"data-disabled":e(o),"aria-disabled":e(o),"data-loading":e(t),"data-pressed":e(l),"data-hover":e(d)}),[n,s,o,d,t,l,m,p,c,r]),f=P(()=>({"aria-hidden":!0,id:s,className:"sr-only"}),[s]);return h(()=>({getButtonProps:u,getLabelProps:f,isLoading:t,isDisabled:o,label:a,loadingIcon:i}),[u,f,o,t,a,i])};export{$ as useIconButton};
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jamsrui/icon-button",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.18",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": ">=19"
|
|
6
6
|
},
|
|
7
7
|
"dependencies": {
|
|
8
|
-
"@jamsrui/hooks": "^0.0.
|
|
9
|
-
"@jamsrui/core": "^0.0.
|
|
10
|
-
"@jamsrui/utils": "^0.0.
|
|
8
|
+
"@jamsrui/hooks": "^0.0.18",
|
|
9
|
+
"@jamsrui/core": "^0.0.14",
|
|
10
|
+
"@jamsrui/utils": "^0.0.18"
|
|
11
11
|
},
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|