@scbt-ecom/ui 0.136.1 → 0.136.2
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,2 +1,2 @@
|
|
|
1
|
-
import{jsx as
|
|
1
|
+
import{jsx as t,jsxs as f,Fragment as l}from"react/jsx-runtime";import{forwardRef as d}from"react";import{setButtonLoaderIntent as z,buttonConfig as N}from"./model/helpers.js";import{Loader as B}from"../loader/Loader.js";import{cn as I}from"../../utils/cn.js";const k=d(({intent:o,size:i,className:a,children:e,type:p="button",iconLeft:m,iconRight:n,disabled:c=!1,isLoading:r=!1,isFull:u=!1,textFormat:b,dataLayers:s,...x},j)=>t("button",{ref:j,type:p,"data-layer-id":s==null?void 0:s.targetId,disabled:c||r,className:I(N({intent:o,size:i,textFormat:b,isLoading:r,isFull:u}),a),...typeof e=="string"&&e&&{"aria-label":e},...x,children:f(l,{children:[m&&t("span",{className:"flex size-5 items-center justify-center",children:m}),r?f(l,{children:[e," ",t(B,{size:"sm",intent:z(o)})]}):e,n&&t("span",{className:"flex size-5 items-center justify-center",children:n})]})}));export{k as Button};
|
|
2
2
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../lib/shared/ui/button/Button.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type DataLayers } from '../../types'\nimport { buttonConfig, setButtonLoaderIntent } from './model/helpers'\nimport { Loader } from '$/shared/ui/loader'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonConfig = VariantProps<typeof buttonConfig>\nexport interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {\n iconLeft?: ReactElement\n iconRight?: ReactElement\n isLoading?: boolean\n dataLayers?: DataLayers\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n intent,\n size,\n className,\n children,\n type = 'button',\n iconLeft,\n iconRight,\n disabled = false,\n isLoading = false,\n isFull = false,\n textFormat,\n dataLayers,\n ...props\n },\n ref\n ) => {\n return (\n <button\n ref={ref}\n type={type}\n data-layer-id={dataLayers?.targetId}\n disabled={disabled || isLoading}\n className={cn(buttonConfig({ intent, size, textFormat, isLoading, isFull }), className)}\n {...props}\n >\n <>\n {iconLeft && <span className='flex size-5 items-center justify-center'>{iconLeft}</span>}\n {isLoading ? (\n <>\n {children} <Loader size='sm' intent={setButtonLoaderIntent(intent)} />\n </>\n ) : (\n children\n )}\n {iconRight && <span className='flex size-5 items-center justify-center'>{iconRight}</span>}\n </>\n </button>\n )\n }\n)\n"],"names":["Button","forwardRef","intent","size","className","children","type","iconLeft","iconRight","disabled","isLoading","isFull","textFormat","dataLayers","props","ref","jsx","cn","buttonConfig","jsxs","Fragment","Loader","setButtonLoaderIntent"],"mappings":"oQAeO,MAAMA,EAASC,EACpB,CACE,CACE,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,WAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IAGEC,EAAC,SAAA,CACC,IAAAD,EACA,KAAAT,EACA,gBAAeO,GAAA,YAAAA,EAAY,SAC3B,SAAUJ,GAAYC,EACtB,UAAWO,EAAGC,EAAa,CAAE,OAAAhB,EAAQ,KAAAC,EAAM,WAAAS,EAAY,UAAAF,EAAW,OAAAC,EAAQ,EAAGP,CAAS,EACrF,
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../lib/shared/ui/button/Button.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef, type ReactElement } from 'react'\nimport { type VariantProps } from 'class-variance-authority'\nimport { type DataLayers } from '../../types'\nimport { buttonConfig, setButtonLoaderIntent } from './model/helpers'\nimport { Loader } from '$/shared/ui/loader'\nimport { cn } from '$/shared/utils'\n\nexport type ButtonConfig = VariantProps<typeof buttonConfig>\nexport interface ButtonProps extends ComponentProps<'button'>, ButtonConfig {\n iconLeft?: ReactElement\n iconRight?: ReactElement\n isLoading?: boolean\n dataLayers?: DataLayers\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n intent,\n size,\n className,\n children,\n type = 'button',\n iconLeft,\n iconRight,\n disabled = false,\n isLoading = false,\n isFull = false,\n textFormat,\n dataLayers,\n ...props\n },\n ref\n ) => {\n return (\n <button\n ref={ref}\n type={type}\n data-layer-id={dataLayers?.targetId}\n disabled={disabled || isLoading}\n className={cn(buttonConfig({ intent, size, textFormat, isLoading, isFull }), className)}\n {...(typeof children === 'string' && children && { 'aria-label': children })}\n {...props}\n >\n <>\n {iconLeft && <span className='flex size-5 items-center justify-center'>{iconLeft}</span>}\n {isLoading ? (\n <>\n {children} <Loader size='sm' intent={setButtonLoaderIntent(intent)} />\n </>\n ) : (\n children\n )}\n {iconRight && <span className='flex size-5 items-center justify-center'>{iconRight}</span>}\n </>\n </button>\n )\n }\n)\n"],"names":["Button","forwardRef","intent","size","className","children","type","iconLeft","iconRight","disabled","isLoading","isFull","textFormat","dataLayers","props","ref","jsx","cn","buttonConfig","jsxs","Fragment","Loader","setButtonLoaderIntent"],"mappings":"oQAeO,MAAMA,EAASC,EACpB,CACE,CACE,OAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,UAAAC,EACA,SAAAC,EAAW,GACX,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,WAAAC,EACA,WAAAC,EACA,GAAGC,CAAA,EAELC,IAGEC,EAAC,SAAA,CACC,IAAAD,EACA,KAAAT,EACA,gBAAeO,GAAA,YAAAA,EAAY,SAC3B,SAAUJ,GAAYC,EACtB,UAAWO,EAAGC,EAAa,CAAE,OAAAhB,EAAQ,KAAAC,EAAM,WAAAS,EAAY,UAAAF,EAAW,OAAAC,EAAQ,EAAGP,CAAS,EACrF,GAAI,OAAOC,GAAa,UAAYA,GAAY,CAAE,aAAcA,CAAA,EAChE,GAAGS,EAEJ,SAAAK,EAAAC,EAAA,CACG,SAAA,CAAAb,GAAYS,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAT,EAAS,EAChFG,EACCS,EAAAC,EAAA,CACG,SAAA,CAAAf,EAAS,MAAEgB,EAAA,CAAO,KAAK,KAAK,OAAQC,EAAsBpB,CAAM,CAAA,CAAG,CAAA,CAAA,CACtE,EAEAG,EAEDG,GAAaQ,EAAC,OAAA,CAAK,UAAU,0CAA2C,SAAAR,CAAA,CAAU,CAAA,CAAA,CACrF,CAAA,CAAA,CAIR"}
|