inconel 0.1.38 → 0.1.39
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"2UA2CO,SAASA,EAAO,CACrB,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,MAAAC,EACA,WAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EAAO,GACP,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAetB,GAAcF,EAC7ByB,EAAgB,CAACT,GAAeC,IAAW,OAC7C,CAAE,GAAGK,EAAO,2BAA4B,OAAOL,GAAW,SAAW,GAAGA,CAAM,KAAOA,GACrFK,EACEI,EAAiBC,EAAAA,QACrB,IAAMC,0BAAwBjB,EAASF,GAAgB,CAAC,EACxD,CAACE,EAASF,CAAY,CAAA,EAKxB,GAFAoB,EAAAA,UAAU,IAAM,IAAMH,EAAe,SAAU,CAACA,CAAc,CAAC,EAE3D,CAAClB,EAAQ,OAAO,KAEpB,MAAMsB,EAAU7B,GAASa,EACnBiB,EACJ,OAAOX,GAAa,SAAW,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAQ,CAAC,EAAI,KAClEY,EAAW,OAAO7B,GAAS,UAAYA,EAC3C8B,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,WACT,uBACA3B,EACI,8BACA,6BACJH,CAAA,EAEF,MAAO,CAAE,MAAOC,GAAa,OAAW,OAAQC,GAAc,MAAA,EAC9D,cAAY,OAEZ,SAAA2B,EAAAA,IAACE,EAAAA,QAAA,CACC,IAAKhC,EACL,sBAAuB,GACvB,QAAS,IAAM,KACf,SAAU,IAAM,KAChB,gBAAkBiC,GAAQ,CACpB/B,GAAW+B,EAAI,aAAa,QAAS,OAAO/B,CAAS,CAAC,EACtDC,GAAY8B,EAAI,aAAa,SAAU,OAAO9B,CAAU,CAAC,EAC7D8B,EAAI,aAAa,sBAAuB,eAAe,CACzD,CAAA,CAAA,CACF,CAAA,EAEA,KAEJ,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGd,EACJ,MAAOE,EACP,SAAUb,GAAYd,EACtB,eACE,OAAOY,GAAa,UAAYA,EAAWa,EAAM,cAAc,EAEjE,QAASX,GAAYd,EAAU,OAAY4B,EAC3C,UAAWQ,EAAAA,WACT,iBACA,gBAAgBnB,CAAI,GACpBuB,EAAAA,wBAAwBd,CAAY,EACpCzB,GAAa,6BACbgC,IAAkB,MAAQ,+BAC1Bb,GAAQ,uBACRpB,GAAW,qBACXc,GAAY,sBACZF,GAAY,oBACZG,CAAA,EAGD,SAAA,CAAAkB,IAAkB,MACjBE,EAAAA,IAAC,OAAA,CACC,UAAU,2BACV,MAAO,CACL,MAAO,GAAGF,CAAa,IACvB,WAAYV,GAAiB,MAAA,CAC/B,CAAA,EAGHvB,GAAWmC,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA0B,cAAY,OAAO,EACxE,CAAC1B,GAAayB,EACdF,IAAY,QACXG,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAH,EAAQ,EAElDvB,GAAayB,EACbb,GAAS,MAAQc,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAd,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvE"}
|
|
1
|
+
{"version":3,"file":"Button.cjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark' | 'success'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"2UA2CO,SAASA,EAAO,CACrB,QAAAC,EAAU,GACV,UAAAC,EAAY,GACZ,QAAAC,EAAU,UACV,MAAAC,EACA,WAAAC,EACA,KAAAC,EACA,cAAAC,EACA,UAAAC,EACA,WAAAC,EACA,UAAAC,EAAY,GACZ,OAAAC,EAAS,GACT,aAAAC,EACA,SAAAC,EACA,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EAAO,KACP,YAAAC,EAAc,GACd,OAAAC,EACA,KAAAC,EAAO,GACP,MAAAC,EACA,SAAAC,EACA,cAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAgB,CACd,MAAMC,EAAetB,GAAcF,EAC7ByB,EAAgB,CAACT,GAAeC,IAAW,OAC7C,CAAE,GAAGK,EAAO,2BAA4B,OAAOL,GAAW,SAAW,GAAGA,CAAM,KAAOA,GACrFK,EACEI,EAAiBC,EAAAA,QACrB,IAAMC,0BAAwBjB,EAASF,GAAgB,CAAC,EACxD,CAACE,EAASF,CAAY,CAAA,EAKxB,GAFAoB,EAAAA,UAAU,IAAM,IAAMH,EAAe,SAAU,CAACA,CAAc,CAAC,EAE3D,CAAClB,EAAQ,OAAO,KAEpB,MAAMsB,EAAU7B,GAASa,EACnBiB,EACJ,OAAOX,GAAa,SAAW,KAAK,IAAI,EAAG,KAAK,IAAI,IAAKA,CAAQ,CAAC,EAAI,KAClEY,EAAW,OAAO7B,GAAS,UAAYA,EAC3C8B,EAAAA,IAAC,OAAA,CACC,UAAWC,EAAAA,WACT,uBACA3B,EACI,8BACA,6BACJH,CAAA,EAEF,MAAO,CAAE,MAAOC,GAAa,OAAW,OAAQC,GAAc,MAAA,EAC9D,cAAY,OAEZ,SAAA2B,EAAAA,IAACE,EAAAA,QAAA,CACC,IAAKhC,EACL,sBAAuB,GACvB,QAAS,IAAM,KACf,SAAU,IAAM,KAChB,gBAAkBiC,GAAQ,CACpB/B,GAAW+B,EAAI,aAAa,QAAS,OAAO/B,CAAS,CAAC,EACtDC,GAAY8B,EAAI,aAAa,SAAU,OAAO9B,CAAU,CAAC,EAC7D8B,EAAI,aAAa,sBAAuB,eAAe,CACzD,CAAA,CAAA,CACF,CAAA,EAEA,KAEJ,OACEC,EAAAA,KAAC,SAAA,CACE,GAAGd,EACJ,MAAOE,EACP,SAAUb,GAAYd,EACtB,eACE,OAAOY,GAAa,UAAYA,EAAWa,EAAM,cAAc,EAEjE,QAASX,GAAYd,EAAU,OAAY4B,EAC3C,UAAWQ,EAAAA,WACT,iBACA,gBAAgBnB,CAAI,GACpBuB,EAAAA,wBAAwBd,CAAY,EACpCzB,GAAa,6BACbgC,IAAkB,MAAQ,+BAC1Bb,GAAQ,uBACRpB,GAAW,qBACXc,GAAY,sBACZF,GAAY,oBACZG,CAAA,EAGD,SAAA,CAAAkB,IAAkB,MACjBE,EAAAA,IAAC,OAAA,CACC,UAAU,2BACV,MAAO,CACL,MAAO,GAAGF,CAAa,IACvB,WAAYV,GAAiB,MAAA,CAC/B,CAAA,EAGHvB,GAAWmC,EAAAA,IAAC,OAAA,CAAK,UAAU,0BAA0B,cAAY,OAAO,EACxE,CAAC1B,GAAayB,EACdF,IAAY,QACXG,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAH,EAAQ,EAElDvB,GAAayB,EACbb,GAAS,MAAQc,EAAAA,IAAC,OAAA,CAAK,UAAU,wBAAyB,SAAAd,CAAA,CAAM,CAAA,CAAA,CAAA,CAGvE"}
|
|
@@ -15,7 +15,7 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
15
15
|
onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange'];
|
|
16
16
|
loading?: boolean;
|
|
17
17
|
fullWidth?: boolean;
|
|
18
|
-
variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark';
|
|
18
|
+
variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark' | 'success';
|
|
19
19
|
size?: ControlSize;
|
|
20
20
|
fixedHeight?: boolean;
|
|
21
21
|
height?: number | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IACvF,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,WAAkB,EAClB,MAAM,EACN,IAAY,EACZ,KAAK,EACL,QAAQ,EACR,aAAa,EACb,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,sCAmFb"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":";;;;;;;;AA2CO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAetB,KAAcF,GAC7ByB,IAAgB,CAACT,KAAeC,MAAW,SAC7C,EAAE,GAAGK,GAAO,4BAA4B,OAAOL,KAAW,WAAW,GAAGA,CAAM,OAAOA,MACrFK,GACEI,IAAiBC;AAAA,IACrB,MAAMC,EAAwBjB,GAASF,KAAgB,CAAC;AAAA,IACxD,CAACE,GAASF,CAAY;AAAA,EAAA;AAKxB,MAFAoB,EAAU,MAAM,MAAMH,EAAe,UAAU,CAACA,CAAc,CAAC,GAE3D,CAAClB,EAAQ,QAAO;AAEpB,QAAMsB,IAAU7B,KAASa,GACnBiB,IACJ,OAAOX,KAAa,WAAW,KAAK,IAAI,GAAG,KAAK,IAAI,KAAKA,CAAQ,CAAC,IAAI,MAClEY,IAAW,OAAO7B,KAAS,YAAYA,IAC3C,gBAAA8B;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA3B,IACI,gCACA;AAAA,QACJH;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,OAAOC,KAAa,QAAW,QAAQC,KAAc,OAAA;AAAA,MAC9D,eAAY;AAAA,MAEZ,UAAA,gBAAA2B;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKhC;AAAA,UACL,uBAAuB;AAAA,UACvB,SAAS,MAAM;AAAA,UACf,UAAU,MAAM;AAAA,UAChB,iBAAiB,CAACiC,MAAQ;AACxB,YAAI/B,KAAW+B,EAAI,aAAa,SAAS,OAAO/B,CAAS,CAAC,GACtDC,KAAY8B,EAAI,aAAa,UAAU,OAAO9B,CAAU,CAAC,GAC7D8B,EAAI,aAAa,uBAAuB,eAAe;AAAA,UACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGd;AAAA,MACJ,OAAOE;AAAA,MACP,UAAUb,KAAYd;AAAA,MACtB,gBACE,OAAOY,KAAa,YAAYA,IAAWa,EAAM,cAAc;AAAA,MAEjE,SAASX,KAAYd,IAAU,SAAY4B;AAAA,MAC3C,WAAWQ;AAAA,QACT;AAAA,QACA,gBAAgBnB,CAAI;AAAA,QACpBuB,EAAwBd,CAAY;AAAA,QACpCzB,KAAa;AAAA,QACbgC,MAAkB,QAAQ;AAAA,QAC1Bb,KAAQ;AAAA,QACRpB,KAAW;AAAA,QACXc,KAAY;AAAA,QACZF,KAAY;AAAA,QACZG;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAkB,MAAkB,QACjB,gBAAAE;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,OAAO,GAAGF,CAAa;AAAA,cACvB,YAAYV,KAAiB;AAAA,YAAA;AAAA,UAC/B;AAAA,QAAA;AAAA,QAGHvB,KAAW,gBAAAmC,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,QACxE,CAAC1B,KAAayB;AAAA,QACdF,MAAY,UACX,gBAAAG,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAH,GAAQ;AAAA,QAElDvB,KAAayB;AAAA,QACbb,KAAS,QAAQ,gBAAAc,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAd,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGvE;"}
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark' | 'success'\n size?: ControlSize\n fixedHeight?: boolean\n height?: number | string\n pill?: boolean\n count?: ReactNode\n progress?: number | null\n progressColor?: string | null\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n fixedHeight = true,\n height,\n pill = false,\n count,\n progress,\n progressColor,\n style,\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const resolvedStyle = !fixedHeight && height !== undefined\n ? { ...style, '--inconel-control-height': typeof height === 'number' ? `${height}px` : height } as typeof style\n : style\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const progressWidth =\n typeof progress === 'number' ? Math.max(0, Math.min(100, progress)) : null\n const iconNode = typeof icon === 'string' && icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n renumerateIRIElements={false}\n loading={() => null}\n fallback={() => null}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n style={resolvedStyle}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n progressWidth !== null && 'inconel-button--has-progress',\n pill && 'inconel-button--pill',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {progressWidth !== null && (\n <span\n className=\"inconel-button__progress\"\n style={{\n width: `${progressWidth}%`,\n background: progressColor ?? undefined,\n }}\n />\n )}\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n {count != null && <span className=\"inconel-button__count\">{count}</span>}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","fixedHeight","height","pill","count","progress","progressColor","style","props","resolvedType","resolvedStyle","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","progressWidth","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":"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"}
|