@gooddata/sdk-ui-kit 10.31.0-alpha.2 → 10.31.0-alpha.21
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/esm/@ui/UiButton/UiButton.d.ts +2 -0
- package/esm/@ui/UiButton/UiButton.d.ts.map +1 -1
- package/esm/@ui/UiButton/UiButton.js +2 -2
- package/esm/@ui/UiButton/UiButton.js.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.d.ts +1 -0
- package/esm/@ui/UiIconButton/UiIconButton.d.ts.map +1 -1
- package/esm/@ui/UiIconButton/UiIconButton.js +2 -9
- package/esm/@ui/UiIconButton/UiIconButton.js.map +1 -1
- package/esm/responsive/useMediaQuery.d.ts.map +1 -1
- package/esm/responsive/useMediaQuery.js +1 -3
- package/esm/responsive/useMediaQuery.js.map +1 -1
- package/esm/sdk-ui-kit.d.ts +3 -0
- package/package.json +9 -10
|
@@ -13,6 +13,7 @@ export interface IUiButtonAccessibilityConfig extends IAccessibilityConfigBase {
|
|
|
13
13
|
* @internal
|
|
14
14
|
*/
|
|
15
15
|
export interface UiButtonProps {
|
|
16
|
+
id?: string;
|
|
16
17
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
17
18
|
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
|
18
19
|
iconBefore?: IconType;
|
|
@@ -22,6 +23,7 @@ export interface UiButtonProps {
|
|
|
22
23
|
isLoading?: boolean;
|
|
23
24
|
tooltip?: React.ReactNode;
|
|
24
25
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
26
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
25
27
|
dataId?: string;
|
|
26
28
|
dataTestId?: string;
|
|
27
29
|
accessibilityConfig?: IUiButtonAccessibilityConfig;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"UiButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAG9B,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAG1E;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,wBAAwB;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1C,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB,CAAC,EAAE,4BAA4B,CAAC;CACtD;AAQD;;GAEG;AACH,eAAO,MAAM,QAAQ,yFA4DpB,CAAC"}
|
|
@@ -10,12 +10,12 @@ const getGeneratedTestId = (label, ariaLabel) => {
|
|
|
10
10
|
/**
|
|
11
11
|
* @internal
|
|
12
12
|
*/
|
|
13
|
-
export const UiButton = forwardRef(({ size = "medium", variant = "secondary", label, isDisabled, isLoading, iconBefore, iconAfter, onClick, dataId, dataTestId, accessibilityConfig, }, ref) => {
|
|
13
|
+
export const UiButton = forwardRef(({ id, size = "medium", variant = "secondary", label, isDisabled, isLoading, iconBefore, iconAfter, onClick, onKeyDown, dataId, dataTestId, accessibilityConfig, }, ref) => {
|
|
14
14
|
const iconSize = size === "small" ? 16 : 18;
|
|
15
15
|
const hasIconBefore = !!iconBefore;
|
|
16
16
|
const hasIconAfter = !!iconAfter;
|
|
17
17
|
const testId = dataTestId ? dataTestId : getGeneratedTestId(label, accessibilityConfig?.ariaLabel);
|
|
18
|
-
return (React.createElement("button", { ref: ref, className: b({ size, variant, isLoading, hasIconBefore, hasIconAfter }), disabled: isDisabled, tabIndex: 0, onClick: onClick, "data-id": dataId, "data-testid": testId, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role },
|
|
18
|
+
return (React.createElement("button", { id: id, ref: ref, className: b({ size, variant, isLoading, hasIconBefore, hasIconAfter }), disabled: isDisabled, tabIndex: 0, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId, "aria-label": accessibilityConfig?.ariaLabel, "aria-labelledby": accessibilityConfig?.ariaLabelledBy, "aria-describedby": accessibilityConfig?.ariaDescribedBy, "aria-expanded": accessibilityConfig?.ariaExpanded, role: accessibilityConfig?.role },
|
|
19
19
|
iconBefore ? (React.createElement(UiIcon, { type: iconBefore, size: iconSize, ariaHidden: accessibilityConfig?.iconAriaHidden })) : null,
|
|
20
20
|
React.createElement("span", { className: e("text") }, label),
|
|
21
21
|
iconAfter ? (React.createElement(UiIcon, { type: iconAfter, size: iconSize, ariaHidden: accessibilityConfig?.iconAriaHidden })) : null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"UiButton.js","sourceRoot":"","sources":["../../../src/@ui/UiButton/UiButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA6B7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAEzC,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,SAAiB,EAAE,EAAE;IAC5D,OAAO,SAAS,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;AACvG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CACI,EACI,EAAE,EACF,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,KAAK,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,mBAAmB,GACtB,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,CAAC;IACnC,MAAM,YAAY,GAAG,CAAC,CAAC,SAAS,CAAC;IAEjC,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,EAAE,SAAS,CAAC,CAAC;IAEnG,OAAO,CACH,gCACI,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,EACvE,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM,gBACP,mBAAmB,EAAE,SAAS,qBACzB,mBAAmB,EAAE,cAAc,sBAClC,mBAAmB,EAAE,eAAe,mBACvC,mBAAmB,EAAE,YAAY,EAChD,IAAI,EAAE,mBAAmB,EAAE,IAAI;QAE9B,UAAU,CAAC,CAAC,CAAC,CACV,oBAAC,MAAM,IACH,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,8BAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,KAAK,CAAQ;QACzC,SAAS,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,IACH,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,QAAQ,EACd,UAAU,EAAE,mBAAmB,EAAE,cAAc,GACjD,CACL,CAAC,CAAC,CAAC,IAAI,CACH,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -12,6 +12,7 @@ export interface UiIconButtonProps {
|
|
|
12
12
|
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
|
13
13
|
isDisabled?: boolean;
|
|
14
14
|
onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
|
|
15
|
+
onKeyDown?: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
15
16
|
dataId?: string;
|
|
16
17
|
dataTestId?: string;
|
|
17
18
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiIconButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAK9B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACvD,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;GAEG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"UiIconButton.d.ts","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACjF,OAAO,EACH,aAAa,EACb,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,eAAe,EAClB,MAAM,sBAAsB,CAAC;AAK9B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACvD,OAAO,CAAC,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe,GAAG,aAAa,GAAG,aAAa,CAAC;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAmBD;;GAEG;AACH,eAAO,MAAM,YAAY,6FAmCxB,CAAC"}
|
|
@@ -21,17 +21,10 @@ const getSize = (size) => {
|
|
|
21
21
|
/**
|
|
22
22
|
* @internal
|
|
23
23
|
*/
|
|
24
|
-
export const UiIconButton = forwardRef(({ icon, label, size = "medium", variant = "secondary", isDisabled, onClick, dataId, dataTestId }, ref) => {
|
|
24
|
+
export const UiIconButton = forwardRef(({ icon, label, size = "medium", variant = "secondary", isDisabled, onClick, dataId, dataTestId, onKeyDown, }, ref) => {
|
|
25
25
|
const iconSize = getSize(size);
|
|
26
|
-
const onClickHandler = (e) => {
|
|
27
|
-
if (isDisabled) {
|
|
28
|
-
e.preventDefault();
|
|
29
|
-
return;
|
|
30
|
-
}
|
|
31
|
-
onClick?.(e);
|
|
32
|
-
};
|
|
33
26
|
const testId = dataTestId ? dataTestId : `${stringUtils.simplifyText(label)}`;
|
|
34
|
-
return (React.createElement("button", { ref: ref, "aria-label": label, className: b({ size, variant }), disabled: isDisabled, "aria-disabled": isDisabled, onClick:
|
|
27
|
+
return (React.createElement("button", { ref: ref, "aria-label": label, className: b({ size, variant }), disabled: isDisabled, "aria-disabled": isDisabled, onClick: onClick, onKeyDown: onKeyDown, "data-id": dataId, "data-testid": testId },
|
|
35
28
|
React.createElement(UiIcon, { type: icon, size: iconSize, ariaHidden: true })));
|
|
36
29
|
});
|
|
37
30
|
UiIconButton.displayName = "UiIconButton";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UiIconButton.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"UiIconButton.js","sourceRoot":"","sources":["../../../src/@ui/UiIconButton/UiIconButton.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AAErC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAiB7C,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,CAAC,uBAAuB,CAAC,CAAC;AAE3C,MAAM,OAAO,GAAG,CAAC,IAAqD,EAAE,EAAE;IACtE,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,QAAQ;YACT,OAAO,EAAE,CAAC;QACd,KAAK,OAAO;YACR,OAAO,EAAE,CAAC;QACd,KAAK,QAAQ;YACT,OAAO,EAAE,CAAC;QACd,KAAK,OAAO;YACR,OAAO,EAAE,CAAC;QACd;YACI,OAAO,EAAE,CAAC;IAClB,CAAC;AACL,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAClC,CACI,EACI,IAAI,EACJ,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,WAAW,EACrB,UAAU,EACV,OAAO,EACP,MAAM,EACN,UAAU,EACV,SAAS,GACZ,EACD,GAAG,EACL,EAAE;IACA,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,CAAC;IAE9E,OAAO,CACH,gCACI,GAAG,EAAE,GAAG,gBACI,KAAK,EACjB,SAAS,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,EAC/B,QAAQ,EAAE,UAAU,mBACL,UAAU,EACzB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,aACX,MAAM,iBACF,MAAM;QAEnB,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,SAAG,CAC5C,CACZ,CAAC;AACN,CAAC,CACJ,CAAC;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmBhD;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,mBAAoB,MAAM,aAAa,KAAG,OAkEnE,CAAC"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
// (C) 2007-2025 GoodData Corporation
|
|
2
2
|
import { useResponsiveContext } from "./ResponsiveContext.js";
|
|
3
3
|
import { invariant } from "ts-invariant";
|
|
4
|
-
|
|
5
|
-
import * as pkg from "react-responsive";
|
|
6
|
-
const { useMediaQuery: useReactResponsiveMediaQuery } = pkg;
|
|
4
|
+
import { useMediaQuery as useReactResponsiveMediaQuery } from "react-responsive";
|
|
7
5
|
const SCREEN = "only screen";
|
|
8
6
|
const getQueryMatching = (range) => `${SCREEN} and (min-width:${range.lower}px) and (max-width:${range.upper}px)`;
|
|
9
7
|
const getQueryMatchingOrGreater = (range) => `${SCREEN} and (min-width:${range.lower}px)`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,
|
|
1
|
+
{"version":3,"file":"useMediaQuery.js","sourceRoot":"","sources":["../../src/responsive/useMediaQuery.ts"],"names":[],"mappings":"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"}
|
package/esm/sdk-ui-kit.d.ts
CHANGED
|
@@ -5949,6 +5949,7 @@ export declare const UiButton: React_2.ForwardRefExoticComponent<UiButtonProps &
|
|
|
5949
5949
|
* @internal
|
|
5950
5950
|
*/
|
|
5951
5951
|
export declare interface UiButtonProps {
|
|
5952
|
+
id?: string;
|
|
5952
5953
|
size?: SizeSmall | SizeMedium | SizeLarge;
|
|
5953
5954
|
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
|
5954
5955
|
iconBefore?: IconType;
|
|
@@ -5958,6 +5959,7 @@ export declare interface UiButtonProps {
|
|
|
5958
5959
|
isLoading?: boolean;
|
|
5959
5960
|
tooltip?: React_2.ReactNode;
|
|
5960
5961
|
onClick?: (e: React_2.MouseEvent<HTMLButtonElement>) => void;
|
|
5962
|
+
onKeyDown?: (e: React_2.KeyboardEvent<HTMLButtonElement>) => void;
|
|
5961
5963
|
dataId?: string;
|
|
5962
5964
|
dataTestId?: string;
|
|
5963
5965
|
accessibilityConfig?: IUiButtonAccessibilityConfig;
|
|
@@ -6045,6 +6047,7 @@ export declare interface UiIconButtonProps {
|
|
|
6045
6047
|
variant?: VariantPrimary | VariantSecondary | VariantTertiary | VariantPopOut | VariantDanger;
|
|
6046
6048
|
isDisabled?: boolean;
|
|
6047
6049
|
onClick?: (e: React_2.MouseEvent<HTMLButtonElement>) => void;
|
|
6050
|
+
onKeyDown?: (e: React_2.KeyboardEvent<HTMLButtonElement>) => void;
|
|
6048
6051
|
dataId?: string;
|
|
6049
6052
|
dataTestId?: string;
|
|
6050
6053
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-kit",
|
|
3
|
-
"version": "10.31.0-alpha.
|
|
3
|
+
"version": "10.31.0-alpha.21",
|
|
4
4
|
"description": "GoodData SDK - UI Building Components",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"react-measure": "^2.5.2",
|
|
61
61
|
"react-native-listener": "~1.1.0",
|
|
62
62
|
"react-portal": "^4.1.5",
|
|
63
|
-
"react-responsive": "^
|
|
63
|
+
"react-responsive": "^10.0.1",
|
|
64
64
|
"react-select": "^5.7.3",
|
|
65
65
|
"react-textarea-autosize": "8.4.0",
|
|
66
66
|
"react-transition-group": "^4.4.2",
|
|
@@ -75,11 +75,11 @@
|
|
|
75
75
|
"@codemirror/autocomplete": "^6.18.6",
|
|
76
76
|
"@lezer/highlight": "~1.2.1",
|
|
77
77
|
"@codemirror/commands": "~6.8.1",
|
|
78
|
-
"@gooddata/sdk-
|
|
79
|
-
"@gooddata/sdk-model": "10.31.0-alpha.
|
|
80
|
-
"@gooddata/sdk-ui
|
|
81
|
-
"@gooddata/
|
|
82
|
-
"@gooddata/
|
|
78
|
+
"@gooddata/sdk-backend-spi": "10.31.0-alpha.21",
|
|
79
|
+
"@gooddata/sdk-model": "10.31.0-alpha.21",
|
|
80
|
+
"@gooddata/sdk-ui": "10.31.0-alpha.21",
|
|
81
|
+
"@gooddata/sdk-ui-theme-provider": "10.31.0-alpha.21",
|
|
82
|
+
"@gooddata/util": "10.31.0-alpha.21"
|
|
83
83
|
},
|
|
84
84
|
"peerDependencies": {
|
|
85
85
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -103,7 +103,6 @@
|
|
|
103
103
|
"@types/react-helmet": "^6.1.4",
|
|
104
104
|
"@types/react-measure": "^2.0.8",
|
|
105
105
|
"@types/react-portal": "^4.0.2",
|
|
106
|
-
"@types/react-responsive": "^8.0.2",
|
|
107
106
|
"@types/react-transition-group": "^4.4.4",
|
|
108
107
|
"@types/tinycolor2": "^1.4.2",
|
|
109
108
|
"@types/uuid": "^8.3.4",
|
|
@@ -137,8 +136,8 @@
|
|
|
137
136
|
"typescript": "5.3.3",
|
|
138
137
|
"vitest": "3.0.8",
|
|
139
138
|
"vitest-dom": "0.1.1",
|
|
140
|
-
"@gooddata/
|
|
141
|
-
"@gooddata/
|
|
139
|
+
"@gooddata/reference-workspace": "10.31.0-alpha.21",
|
|
140
|
+
"@gooddata/sdk-backend-mockingbird": "10.31.0-alpha.21"
|
|
142
141
|
},
|
|
143
142
|
"scripts": {
|
|
144
143
|
"clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",
|