@gooddata/sdk-ui-vis-commons 10.27.0-alpha.8 → 10.27.0

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.
Files changed (5) hide show
  1. package/esm/compactSize/HeadlinePaginationRenderer.d.ts.map +1 -1
  2. package/esm/compactSize/HeadlinePaginationRenderer.js +18 -3
  3. package/esm/compactSize/HeadlinePaginationRenderer.js.map +1 -1
  4. package/package.json +9 -9
  5. package/styles/scss/headlinePagination.scss +3 -2
package/esm/compactSize/HeadlinePaginationRenderer.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeadlinePaginationRenderer.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,wBAAwB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IACF,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA8BzE,CAAC"}
1
+ {"version":3,"file":"HeadlinePaginationRenderer.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,UAAU,wBAAwB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IACF,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA4CzE,CAAC"}
package/esm/compactSize/HeadlinePaginationRenderer.js CHANGED
@@ -1,12 +1,27 @@
1
1
  // (C) 2021-2025 GoodData Corporation
2
- import React from "react";
2
+ import React, { useCallback } from "react";
3
+ import cx from "classnames";
3
4
  export const HeadlinePaginationRenderer = ({ item, accessibilityConfig, showPrevItem, showNextItem, }) => {
4
5
  const { nextAriaLabel, previousAriaLabel } = accessibilityConfig ?? {};
5
6
  const commonClassNames = "gd-button-link gd-button-icon-only pagination";
6
7
  const isFirstItemDisabled = item === 1;
7
8
  const isSecondItemDisabled = item === 2;
9
+ const handleFirstItemClick = useCallback(() => {
10
+ if (!isFirstItemDisabled) {
11
+ showPrevItem();
12
+ }
13
+ }, [isFirstItemDisabled, showPrevItem]);
14
+ const handleSecondItemClick = useCallback(() => {
15
+ if (!isSecondItemDisabled) {
16
+ showNextItem();
17
+ }
18
+ }, [isSecondItemDisabled, showNextItem]);
8
19
  return (React.createElement("div", { className: "headline-pagination" },
9
- React.createElement("button", { className: `${commonClassNames} first-item gd-icon-chevron-left`, onClick: showPrevItem, disabled: isFirstItemDisabled, "aria-disabled": isFirstItemDisabled, "aria-label": previousAriaLabel }),
10
- React.createElement("button", { className: `${commonClassNames} second-item gd-icon-chevron-right`, onClick: showNextItem, disabled: isSecondItemDisabled, "aria-disabled": isSecondItemDisabled, "aria-label": nextAriaLabel })));
20
+ React.createElement("button", { className: cx(`${commonClassNames} first-item gd-icon-chevron-left`, {
21
+ "is-disabled": isFirstItemDisabled,
22
+ }), onClick: handleFirstItemClick, "aria-disabled": isFirstItemDisabled, "aria-label": previousAriaLabel }),
23
+ React.createElement("button", { className: cx(`${commonClassNames} second-item gd-icon-chevron-right`, {
24
+ "is-disabled": isSecondItemDisabled,
25
+ }), onClick: handleSecondItemClick, "aria-disabled": isSecondItemDisabled, "aria-label": nextAriaLabel })));
11
26
  };
12
27
  //# sourceMappingURL=HeadlinePaginationRenderer.js.map
package/esm/compactSize/HeadlinePaginationRenderer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HeadlinePaginationRenderer.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,CAAC,MAAM,0BAA0B,GAAuC,CAAC,EAC3E,IAAI,EACJ,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACf,EAAE,EAAE;IACD,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,IAAI,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,+CAA+C,CAAC;IAEzE,MAAM,mBAAmB,GAAG,IAAI,KAAK,CAAC,CAAC;IACvC,MAAM,oBAAoB,GAAG,IAAI,KAAK,CAAC,CAAC;IAExC,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC,gCACI,SAAS,EAAE,GAAG,gBAAgB,kCAAkC,EAChE,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,mBAAmB,mBACd,mBAAmB,gBACtB,iBAAiB,GAC/B;QACF,gCACI,SAAS,EAAE,GAAG,gBAAgB,oCAAoC,EAClE,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,oBAAoB,mBACf,oBAAoB,gBACvB,aAAa,GAC3B,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"HeadlinePaginationRenderer.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,MAAM,CAAC,MAAM,0BAA0B,GAAuC,CAAC,EAC3E,IAAI,EACJ,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACf,EAAE,EAAE;IACD,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,IAAI,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,+CAA+C,CAAC;IAEzE,MAAM,mBAAmB,GAAG,IAAI,KAAK,CAAC,CAAC;IACvC,MAAM,oBAAoB,GAAG,IAAI,KAAK,CAAC,CAAC;IAExC,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxB,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,6BAAK,SAAS,EAAC,qBAAqB;QAChC,gCACI,SAAS,EAAE,EAAE,CAAC,GAAG,gBAAgB,kCAAkC,EAAE;gBACjE,aAAa,EAAE,mBAAmB;aACrC,CAAC,EACF,OAAO,EAAE,oBAAoB,mBACd,mBAAmB,gBACtB,iBAAiB,GAC/B;QACF,gCACI,SAAS,EAAE,EAAE,CAAC,GAAG,gBAAgB,oCAAoC,EAAE;gBACnE,aAAa,EAAE,oBAAoB;aACtC,CAAC,EACF,OAAO,EAAE,qBAAqB,mBACf,oBAAoB,gBACvB,aAAa,GAC3B,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gooddata/sdk-ui-vis-commons",
3
- "version": "10.27.0-alpha.8",
3
+ "version": "10.27.0",
4
4
  "description": "GoodData.UI SDK - common functionality for different types of visualizations",
5
5
  "repository": {
6
6
  "type": "git",
@@ -36,18 +36,18 @@
36
36
  "react-intl": "^6.4.1",
37
37
  "react-measure": "^2.5.2",
38
38
  "tslib": "^2.5.0",
39
- "@gooddata/sdk-backend-spi": "10.27.0-alpha.8",
40
- "@gooddata/sdk-model": "10.27.0-alpha.8",
41
- "@gooddata/sdk-ui": "10.27.0-alpha.8",
42
- "@gooddata/sdk-ui-kit": "10.27.0-alpha.8",
43
- "@gooddata/sdk-ui-theme-provider": "10.27.0-alpha.8"
39
+ "@gooddata/sdk-backend-spi": "10.27.0",
40
+ "@gooddata/sdk-ui": "10.27.0",
41
+ "@gooddata/sdk-ui-kit": "10.27.0",
42
+ "@gooddata/sdk-ui-theme-provider": "10.27.0",
43
+ "@gooddata/sdk-model": "10.27.0"
44
44
  },
45
45
  "peerDependencies": {
46
46
  "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
47
47
  "react-dom": "^16.10.0 || ^17.0.0 || ^18.0.0"
48
48
  },
49
49
  "devDependencies": {
50
- "@gooddata/eslint-config": "^4.1.0",
50
+ "@gooddata/eslint-config": "^4.1.1",
51
51
  "@gooddata/stylelint-config": "^5.0.0",
52
52
  "@microsoft/api-documenter": "^7.17.0",
53
53
  "@microsoft/api-extractor": "^7.36.0",
@@ -85,8 +85,8 @@
85
85
  "typescript": "5.3.3",
86
86
  "vitest": "3.0.8",
87
87
  "vitest-dom": "0.1.1",
88
- "@gooddata/sdk-backend-mockingbird": "10.27.0-alpha.8",
89
- "@gooddata/reference-workspace": "10.27.0-alpha.8"
88
+ "@gooddata/reference-workspace": "10.27.0",
89
+ "@gooddata/sdk-backend-mockingbird": "10.27.0"
90
90
  },
91
91
  "scripts": {
92
92
  "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",
package/styles/scss/headlinePagination.scss CHANGED
@@ -1,4 +1,4 @@
1
- // (C) 2021-2024 GoodData Corporation
1
+ // (C) 2021-2025 GoodData Corporation
2
2
  @use "sass:color";
3
3
  @use "@gooddata/sdk-ui-kit/styles/scss/variables" as kit-variables;
4
4
  @use "@gooddata/sdk-ui-kit/styles/scss/mixins";
@@ -52,7 +52,8 @@ $legend-paging-background: #eee;
52
52
  }
53
53
  }
54
54
 
55
- &[disabled] {
55
+ &.is-disabled {
56
+ cursor: default;
56
57
  // stylelint-disable-next-line max-nesting-depth
57
58
  @include mixins.active-states-and-self {
58
59
  background-color: var(