@cratis/components 3.3.2 → 3.3.4
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.
|
@@ -20,11 +20,13 @@ export interface ButtonProps {
|
|
|
20
20
|
size?: 'small' | 'normal' | 'large';
|
|
21
21
|
disabled?: boolean;
|
|
22
22
|
type?: 'button' | 'submit' | 'reset';
|
|
23
|
+
title?: string;
|
|
24
|
+
autoFocus?: boolean;
|
|
23
25
|
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
24
26
|
className?: string;
|
|
25
27
|
style?: CSSProperties;
|
|
26
28
|
'aria-label'?: string;
|
|
27
29
|
children?: ReactNode;
|
|
28
30
|
}
|
|
29
|
-
export declare const Button: ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type, onClick, className, style, "aria-label": ariaLabel, children }: ButtonProps) => import("react").JSX.Element;
|
|
31
|
+
export declare const Button: ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type, title, autoFocus, onClick, className, style, "aria-label": ariaLabel, children }: ButtonProps) => import("react").JSX.Element;
|
|
30
32
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../Common/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAG1D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAKxG,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,cAAc,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpE,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../Common/Button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnF,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AACzF,OAAO,EAAW,KAAK,eAAe,EAAE,MAAM,WAAW,CAAC;AAG1D,MAAM,MAAM,cAAc,GAAG,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAKxG,MAAM,WAAW,WAAW;IAExB,KAAK,CAAC,EAAE,SAAS,CAAC;IAKlB,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,cAAc,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,eAAe,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAEpE,EAAE,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC,CAAC;IAE3B,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IAErC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAE/C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB;AAkBD,eAAO,MAAM,MAAM,GAAI,sMAsBpB,WAAW,gCA6Bb,CAAC"}
|
|
@@ -12,10 +12,13 @@ const renderIcon = (icon) => typeof icon === 'string' ? jsx("i", { className: ic
|
|
|
12
12
|
* compiler* and silently ignored at runtime — a `<Button label="Save" />`
|
|
13
13
|
* typechecks and renders an empty button. This wrapper closes that trap once, for
|
|
14
14
|
* every application, rather than leaving each call site to be caught by eye.
|
|
15
|
+
*
|
|
16
|
+
* `severity` is also stamped as `data-severity` on the element: the Cratis theme colors
|
|
17
|
+
* by that attribute (as {@link Tag} does), and PrimeReact 11's button does not emit it.
|
|
15
18
|
*/
|
|
16
|
-
const Button = ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type = 'button', onClick, className, style, 'aria-label': ariaLabel, children }) => {
|
|
19
|
+
const Button = ({ label, icon, loading, tooltip, tooltipOptions, pt, text, link, outlined, rounded, severity, size, disabled, type = 'button', title, autoFocus, onClick, className, style, 'aria-label': ariaLabel, children }) => {
|
|
17
20
|
const variant = link ? 'link' : text ? 'text' : outlined ? 'outlined' : undefined;
|
|
18
|
-
const button = (jsxs(Button$1, { type: type, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
|
|
21
|
+
const button = (jsxs(Button$1, { type: type, title: title, autoFocus: autoFocus, variant: variant, rounded: rounded, severity: severity, size: size, iconOnly: !!icon && label === undefined && !children, disabled: disabled || loading, onClick: onClick, className: className, style: style, "aria-label": ariaLabel, "data-severity": severity, pt: pt, children: [loading ? jsx("i", { className: 'pi pi-spinner pi-spin', "aria-hidden": 'true' }) : renderIcon(icon), label, children] }));
|
|
19
22
|
return tooltip
|
|
20
23
|
? jsx(Tooltip, { content: tooltip, position: tooltipOptions?.position, className: tooltipOptions?.className, children: button })
|
|
21
24
|
: button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../Common/Button.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","PrimeButton"],"mappings":";;;;AA8DA,MAAM,UAAU,GAAG,CAAC,IAAe,KAC/B,OAAO,IAAI,KAAK,QAAQ,GAAGA,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAE,IAAI,EAAA,aAAA,EAAc,MAAM,EAAA,CAAG,GAAG,IAAI;AAE/E;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,CAAC,EACnB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,cAAc,EACd,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,SAAS,EACT,OAAO,EACP,SAAS,EACT,KAAK,EACL,YAAY,EAAE,SAAS,EACvB,QAAQ,EACE,KAAI;IACd,MAAM,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS;IAEjF,MAAM,MAAM,IACRC,IAAA,CAACC,QAAW,EAAA,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,CAAC,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,EACpD,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,YAAA,EACA,SAAS,mBACN,QAAQ,EACvB,EAAE,EAAE,EAAE,EAAA,QAAA,EAAA,CACL,OAAO,GAAGF,GAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,uBAAuB,EAAA,aAAA,EAAa,MAAM,EAAA,CAAG,GAAG,UAAU,CAAC,IAAI,CAAC,EACvF,KAAK,EACL,QAAQ,CAAA,EAAA,CACC,CACjB;AAED,IAAA,OAAO;UACDA,IAAC,OAAO,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAA,QAAA,EAAG,MAAM,EAAA;UAC5G,MAAM;AAChB;;;;"}
|