@cloudscape-design/components 3.0.622 → 3.0.623

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 (53) hide show
  1. package/area-chart/chart-container.js +11 -11
  2. package/area-chart/chart-container.js.map +1 -1
  3. package/area-chart/internal.d.ts.map +1 -1
  4. package/area-chart/internal.js +3 -0
  5. package/area-chart/internal.js.map +1 -1
  6. package/area-chart/model/compute-chart-props.d.ts +4 -3
  7. package/area-chart/model/compute-chart-props.d.ts.map +1 -1
  8. package/area-chart/model/compute-chart-props.js +5 -2
  9. package/area-chart/model/compute-chart-props.js.map +1 -1
  10. package/area-chart/model/index.d.ts +1 -1
  11. package/area-chart/model/index.d.ts.map +1 -1
  12. package/area-chart/model/index.js.map +1 -1
  13. package/area-chart/model/use-chart-model.d.ts +2 -1
  14. package/area-chart/model/use-chart-model.d.ts.map +1 -1
  15. package/area-chart/model/use-chart-model.js +23 -14
  16. package/area-chart/model/use-chart-model.js.map +1 -1
  17. package/container/use-sticky-header.js +1 -1
  18. package/container/use-sticky-header.js.map +1 -1
  19. package/internal/components/cartesian-chart/{bottom-labels.d.ts → block-end-labels.d.ts} +5 -5
  20. package/internal/components/cartesian-chart/block-end-labels.d.ts.map +1 -0
  21. package/internal/components/cartesian-chart/{bottom-labels.js → block-end-labels.js} +5 -5
  22. package/internal/components/cartesian-chart/block-end-labels.js.map +1 -0
  23. package/internal/components/cartesian-chart/{left-labels.d.ts → inline-start-labels.d.ts} +4 -4
  24. package/internal/components/cartesian-chart/inline-start-labels.d.ts.map +1 -0
  25. package/internal/components/cartesian-chart/{left-labels.js → inline-start-labels.js} +9 -6
  26. package/internal/components/cartesian-chart/inline-start-labels.js.map +1 -0
  27. package/internal/components/cartesian-chart/labels-measure.js +2 -2
  28. package/internal/components/cartesian-chart/labels-measure.js.map +1 -1
  29. package/internal/components/cartesian-chart/styles.css.js +27 -27
  30. package/internal/components/cartesian-chart/styles.scoped.css +31 -31
  31. package/internal/components/cartesian-chart/styles.selectors.js +27 -27
  32. package/internal/components/chart-legend/index.d.ts.map +1 -1
  33. package/internal/components/chart-legend/index.js +7 -10
  34. package/internal/components/chart-legend/index.js.map +1 -1
  35. package/internal/environment.js +1 -1
  36. package/internal/environment.json +1 -1
  37. package/internal/generated/theming/index.cjs +4 -0
  38. package/internal/generated/theming/index.cjs.d.ts +16 -0
  39. package/internal/generated/theming/index.d.ts +16 -0
  40. package/internal/generated/theming/index.js +4 -0
  41. package/internal/manifest.json +1 -1
  42. package/internal/utils/handle-key.d.ts +1 -1
  43. package/internal/utils/handle-key.d.ts.map +1 -1
  44. package/internal/utils/handle-key.js +1 -1
  45. package/internal/utils/handle-key.js.map +1 -1
  46. package/mixed-line-bar-chart/chart-container.d.ts.map +1 -1
  47. package/mixed-line-bar-chart/chart-container.js +12 -12
  48. package/mixed-line-bar-chart/chart-container.js.map +1 -1
  49. package/package.json +1 -1
  50. package/internal/components/cartesian-chart/bottom-labels.d.ts.map +0 -1
  51. package/internal/components/cartesian-chart/bottom-labels.js.map +0 -1
  52. package/internal/components/cartesian-chart/left-labels.d.ts.map +0 -1
  53. package/internal/components/cartesian-chart/left-labels.js.map +0 -1
package/internal/components/chart-legend/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef, memo } from 'react';\n\nimport InternalBox from '../../../box/internal';\nimport { KeyCode } from '../../keycode';\nimport SeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport styles from './styles.css.js';\nimport { useInternalI18n } from '../../../i18n/context';\n\nexport interface ChartLegendItem<T> {\n label: string;\n color: string;\n type: ChartSeriesMarkerType;\n datum: T;\n}\n\nexport interface ChartLegendProps<T> {\n series: ReadonlyArray<ChartLegendItem<T>>;\n highlightedSeries: T | null;\n legendTitle?: string;\n ariaLabel?: string;\n plotContainerRef?: React.RefObject<HTMLDivElement>;\n onHighlightChange: (series: T | null) => void;\n}\n\nexport default memo(ChartLegend) as typeof ChartLegend;\n\nfunction ChartLegend<T>({\n series,\n onHighlightChange,\n highlightedSeries,\n legendTitle,\n ariaLabel,\n plotContainerRef,\n}: ChartLegendProps<T>) {\n const i18n = useInternalI18n('[charts]');\n const containerRef = useRef<HTMLDivElement>(null);\n const segmentsRef = useRef<Record<number, HTMLElement>>([]);\n\n const highlightedSeriesIndex = findSeriesIndex(series, highlightedSeries);\n\n const highlightLeft = () => {\n const currentIndex = highlightedSeriesIndex ?? 0;\n const nextIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : series.length - 1;\n segmentsRef.current[nextIndex]?.focus();\n };\n\n const highlightRight = () => {\n const currentIndex = highlightedSeriesIndex ?? 0;\n const nextIndex = currentIndex + 1 < series.length ? currentIndex + 1 : 0;\n segmentsRef.current[nextIndex]?.focus();\n };\n\n const handleKeyPress = (event: React.KeyboardEvent) => {\n if (event.keyCode === KeyCode.right || event.keyCode === KeyCode.left) {\n // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n event.preventDefault();\n\n switch (event.keyCode) {\n case KeyCode.left:\n return highlightLeft();\n\n case KeyCode.right:\n return highlightRight();\n\n default:\n return;\n }\n }\n };\n\n const handleSelection = (index: number) => {\n if (series[index].datum !== highlightedSeries) {\n onHighlightChange(series[index].datum);\n }\n };\n\n const handleBlur = (event: React.FocusEvent<Element>) => {\n // We need to check if the next element to be focused inside the plot container or not\n // so we don't clear the selected legend in case we are still focusing elements ( legend elements )\n // inside the plot container\n if (\n event.relatedTarget === null ||\n (containerRef.current &&\n !containerRef.current.contains(event.relatedTarget) &&\n !plotContainerRef?.current?.contains(event.relatedTarget))\n ) {\n onHighlightChange(null);\n }\n };\n\n const handleMouseOver = (s: T) => {\n if (s !== highlightedSeries) {\n onHighlightChange(s);\n }\n };\n\n const handleMouseLeave = () => {\n onHighlightChange(null);\n };\n\n return (\n <>\n <div\n ref={containerRef}\n role=\"toolbar\"\n aria-label={legendTitle || i18n('i18nStrings.legendAriaLabel', ariaLabel)}\n className={styles.root}\n onKeyDown={handleKeyPress}\n onBlur={handleBlur}\n >\n {legendTitle && (\n <InternalBox fontWeight=\"bold\" className={styles.title}>\n {legendTitle}\n </InternalBox>\n )}\n\n <div className={styles.list}>\n {series.map((s, index) => {\n const someHighlighted = highlightedSeries !== null;\n const isHighlighted = highlightedSeries === s.datum;\n const isDimmed = someHighlighted && !isHighlighted;\n return (\n <div\n role=\"button\"\n key={index}\n aria-pressed={isHighlighted}\n className={clsx(styles.marker, {\n [styles['marker--dimmed']]: isDimmed,\n [styles['marker--highlighted']]: isHighlighted,\n })}\n ref={elem => {\n if (elem) {\n segmentsRef.current[index] = elem;\n } else {\n delete segmentsRef.current[index];\n }\n }}\n tabIndex={\n index === highlightedSeriesIndex || (highlightedSeriesIndex === undefined && index === 0) ? 0 : -1\n }\n onFocus={() => handleSelection(index)}\n onClick={() => handleSelection(index)}\n onMouseOver={() => handleMouseOver(s.datum)}\n onMouseLeave={handleMouseLeave}\n >\n <SeriesMarker color={s.color} type={s.type} /> {s.label}\n </div>\n );\n })}\n </div>\n </div>\n </>\n );\n}\n\nfunction findSeriesIndex<T>(series: ReadonlyArray<ChartLegendItem<T>>, targetSeries: null | T): undefined | number {\n for (let index = 0; index < series.length; index++) {\n if (series[index].datum === targetSeries) {\n return index;\n }\n }\n return undefined;\n}\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/chart-legend/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useRef, memo } from 'react';\n\nimport InternalBox from '../../../box/internal';\nimport { KeyCode } from '../../keycode';\nimport SeriesMarker, { ChartSeriesMarkerType } from '../chart-series-marker';\nimport styles from './styles.css.js';\nimport { useInternalI18n } from '../../../i18n/context';\nimport handleKey from '../../utils/handle-key';\n\nexport interface ChartLegendItem<T> {\n label: string;\n color: string;\n type: ChartSeriesMarkerType;\n datum: T;\n}\n\nexport interface ChartLegendProps<T> {\n series: ReadonlyArray<ChartLegendItem<T>>;\n highlightedSeries: T | null;\n legendTitle?: string;\n ariaLabel?: string;\n plotContainerRef?: React.RefObject<HTMLDivElement>;\n onHighlightChange: (series: T | null) => void;\n}\n\nexport default memo(ChartLegend) as typeof ChartLegend;\n\nfunction ChartLegend<T>({\n series,\n onHighlightChange,\n highlightedSeries,\n legendTitle,\n ariaLabel,\n plotContainerRef,\n}: ChartLegendProps<T>) {\n const i18n = useInternalI18n('[charts]');\n const containerRef = useRef<HTMLDivElement>(null);\n const segmentsRef = useRef<Record<number, HTMLElement>>([]);\n\n const highlightedSeriesIndex = findSeriesIndex(series, highlightedSeries);\n\n const highlightInlineStart = () => {\n const currentIndex = highlightedSeriesIndex ?? 0;\n const nextIndex = currentIndex - 1 >= 0 ? currentIndex - 1 : series.length - 1;\n segmentsRef.current[nextIndex]?.focus();\n };\n\n const highlightInlineEnd = () => {\n const currentIndex = highlightedSeriesIndex ?? 0;\n const nextIndex = currentIndex + 1 < series.length ? currentIndex + 1 : 0;\n segmentsRef.current[nextIndex]?.focus();\n };\n\n const handleKeyPress = (event: React.KeyboardEvent<HTMLElement>) => {\n if (event.keyCode === KeyCode.right || event.keyCode === KeyCode.left) {\n // Preventing default fixes an issue in Safari+VO when VO additionally interprets arrow keys as its commands.\n event.preventDefault();\n\n handleKey(event, {\n onInlineStart: () => highlightInlineStart(),\n onInlineEnd: () => highlightInlineEnd(),\n });\n }\n };\n\n const handleSelection = (index: number) => {\n if (series[index].datum !== highlightedSeries) {\n onHighlightChange(series[index].datum);\n }\n };\n\n const handleBlur = (event: React.FocusEvent<Element>) => {\n // We need to check if the next element to be focused inside the plot container or not\n // so we don't clear the selected legend in case we are still focusing elements ( legend elements )\n // inside the plot container\n if (\n event.relatedTarget === null ||\n (containerRef.current &&\n !containerRef.current.contains(event.relatedTarget) &&\n !plotContainerRef?.current?.contains(event.relatedTarget))\n ) {\n onHighlightChange(null);\n }\n };\n\n const handleMouseOver = (s: T) => {\n if (s !== highlightedSeries) {\n onHighlightChange(s);\n }\n };\n\n const handleMouseLeave = () => {\n onHighlightChange(null);\n };\n\n return (\n <>\n <div\n ref={containerRef}\n role=\"toolbar\"\n aria-label={legendTitle || i18n('i18nStrings.legendAriaLabel', ariaLabel)}\n className={styles.root}\n onKeyDown={handleKeyPress}\n onBlur={handleBlur}\n >\n {legendTitle && (\n <InternalBox fontWeight=\"bold\" className={styles.title}>\n {legendTitle}\n </InternalBox>\n )}\n\n <div className={styles.list}>\n {series.map((s, index) => {\n const someHighlighted = highlightedSeries !== null;\n const isHighlighted = highlightedSeries === s.datum;\n const isDimmed = someHighlighted && !isHighlighted;\n return (\n <div\n role=\"button\"\n key={index}\n aria-pressed={isHighlighted}\n className={clsx(styles.marker, {\n [styles['marker--dimmed']]: isDimmed,\n [styles['marker--highlighted']]: isHighlighted,\n })}\n ref={elem => {\n if (elem) {\n segmentsRef.current[index] = elem;\n } else {\n delete segmentsRef.current[index];\n }\n }}\n tabIndex={\n index === highlightedSeriesIndex || (highlightedSeriesIndex === undefined && index === 0) ? 0 : -1\n }\n onFocus={() => handleSelection(index)}\n onClick={() => handleSelection(index)}\n onMouseOver={() => handleMouseOver(s.datum)}\n onMouseLeave={handleMouseLeave}\n >\n <SeriesMarker color={s.color} type={s.type} /> {s.label}\n </div>\n );\n })}\n </div>\n </div>\n </>\n );\n}\n\nfunction findSeriesIndex<T>(series: ReadonlyArray<ChartLegendItem<T>>, targetSeries: null | T): undefined | number {\n for (let index = 0; index < series.length; index++) {\n if (series[index].datum === targetSeries) {\n return index;\n }\n }\n return undefined;\n}\n"]}
package/internal/environment.js CHANGED
@@ -1,4 +1,4 @@
1
1
  export var PACKAGE_SOURCE = "components";
2
- export var PACKAGE_VERSION = "3.0.0 (599df758)";
2
+ export var PACKAGE_VERSION = "3.0.0 (23c9b8eb)";
3
3
  export var THEME = "open-source-visual-refresh";
4
4
  export var ALWAYS_VISUAL_REFRESH = true;
package/internal/environment.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "PACKAGE_SOURCE": "components",
3
- "PACKAGE_VERSION": "3.0.0 (599df758)",
3
+ "PACKAGE_VERSION": "3.0.0 (23c9b8eb)",
4
4
  "THEME": "default",
5
5
  "ALWAYS_VISUAL_REFRESH": false
6
6
  }
package/internal/generated/theming/index.cjs CHANGED
@@ -9391,6 +9391,8 @@ module.exports.preset = {
9391
9391
  "colorTextButtonPrimaryDefault",
9392
9392
  "colorTextButtonPrimaryHover",
9393
9393
  "colorTextCounter",
9394
+ "colorTextDropdownItemDefault",
9395
+ "colorTextDropdownItemDisabled",
9394
9396
  "colorTextDropdownItemFilterMatch",
9395
9397
  "colorTextDropdownItemHighlighted",
9396
9398
  "colorTextEmpty",
@@ -9700,6 +9702,8 @@ module.exports.preset = {
9700
9702
  "colorTextButtonPrimaryDefault",
9701
9703
  "colorTextButtonPrimaryHover",
9702
9704
  "colorTextCounter",
9705
+ "colorTextDropdownItemDefault",
9706
+ "colorTextDropdownItemDisabled",
9703
9707
  "colorTextDropdownItemFilterMatch",
9704
9708
  "colorTextDropdownItemHighlighted",
9705
9709
  "colorTextEmpty",
package/internal/generated/theming/index.cjs.d.ts CHANGED
@@ -145,6 +145,8 @@ export declare interface TypedOverride {
145
145
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
146
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
147
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
150
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -366,6 +368,8 @@ export declare interface TypedOverride {
366
368
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
367
369
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
368
370
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
372
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
369
373
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
370
374
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
375
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -587,6 +591,8 @@ export declare interface TypedOverride {
587
591
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
588
592
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
589
593
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
594
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
595
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
590
596
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
591
597
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
592
598
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -808,6 +814,8 @@ export declare interface TypedOverride {
808
814
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
809
815
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
810
816
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
817
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
818
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
811
819
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
812
820
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
813
821
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1029,6 +1037,8 @@ export declare interface TypedOverride {
1029
1037
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1030
1038
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1031
1039
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1040
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1041
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1032
1042
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1033
1043
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1034
1044
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1250,6 +1260,8 @@ export declare interface TypedOverride {
1250
1260
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1251
1261
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1252
1262
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1263
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1264
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1253
1265
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1254
1266
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1255
1267
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1471,6 +1483,8 @@ export declare interface TypedOverride {
1471
1483
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1472
1484
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1473
1485
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1486
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1487
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1474
1488
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1475
1489
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1490
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1692,6 +1706,8 @@ export declare interface TypedOverride {
1692
1706
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1693
1707
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1694
1708
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1709
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1710
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1695
1711
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1696
1712
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1697
1713
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.d.ts CHANGED
@@ -145,6 +145,8 @@ export declare interface TypedOverride {
145
145
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
146
146
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
147
147
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
148
150
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
149
151
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
150
152
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -366,6 +368,8 @@ export declare interface TypedOverride {
366
368
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
367
369
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
368
370
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
372
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
369
373
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
370
374
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
371
375
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -587,6 +591,8 @@ export declare interface TypedOverride {
587
591
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
588
592
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
589
593
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
594
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
595
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
590
596
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
591
597
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
592
598
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -808,6 +814,8 @@ export declare interface TypedOverride {
808
814
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
809
815
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
810
816
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
817
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
818
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
811
819
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
812
820
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
813
821
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1029,6 +1037,8 @@ export declare interface TypedOverride {
1029
1037
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1030
1038
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1031
1039
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1040
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1041
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1032
1042
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1033
1043
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1034
1044
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1250,6 +1260,8 @@ export declare interface TypedOverride {
1250
1260
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1251
1261
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1252
1262
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1263
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1264
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1253
1265
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1254
1266
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1255
1267
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1471,6 +1483,8 @@ export declare interface TypedOverride {
1471
1483
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1472
1484
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1473
1485
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1486
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1487
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1474
1488
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1475
1489
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1476
1490
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
@@ -1692,6 +1706,8 @@ export declare interface TypedOverride {
1692
1706
  colorTextButtonPrimaryDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1693
1707
  colorTextButtonPrimaryHover?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1694
1708
  colorTextCounter?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1709
+ colorTextDropdownItemDefault?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1710
+ colorTextDropdownItemDisabled?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1695
1711
  colorTextDropdownItemFilterMatch?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1696
1712
  colorTextDropdownItemHighlighted?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
1697
1713
  colorTextEmpty?: GlobalValue | TypedModeValueOverride<'light' | 'dark'>;
package/internal/generated/theming/index.js CHANGED
@@ -9391,6 +9391,8 @@ export var preset = {
9391
9391
  "colorTextButtonPrimaryDefault",
9392
9392
  "colorTextButtonPrimaryHover",
9393
9393
  "colorTextCounter",
9394
+ "colorTextDropdownItemDefault",
9395
+ "colorTextDropdownItemDisabled",
9394
9396
  "colorTextDropdownItemFilterMatch",
9395
9397
  "colorTextDropdownItemHighlighted",
9396
9398
  "colorTextEmpty",
@@ -9700,6 +9702,8 @@ export var preset = {
9700
9702
  "colorTextButtonPrimaryDefault",
9701
9703
  "colorTextButtonPrimaryHover",
9702
9704
  "colorTextCounter",
9705
+ "colorTextDropdownItemDefault",
9706
+ "colorTextDropdownItemDisabled",
9703
9707
  "colorTextDropdownItemFilterMatch",
9704
9708
  "colorTextDropdownItemHighlighted",
9705
9709
  "colorTextEmpty",
package/internal/manifest.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "commit": "599df75831ea47db87c93622ed97dfee40ab97e5"
2
+ "commit": "23c9b8ebae41da3f57989e95bd98e34b8cf152bc"
3
3
  }
package/internal/utils/handle-key.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export declare function isEventLike(event: any): event is EventLike;
2
2
  export interface EventLike {
3
3
  keyCode: number;
4
- currentTarget: HTMLElement;
4
+ currentTarget: HTMLElement | SVGElement;
5
5
  }
6
6
  export default function handleKey(event: EventLike, { onActivate, onBlockEnd, onBlockStart, onDefault, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }: {
7
7
  onActivate?: () => void;
package/internal/utils/handle-key.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"handle-key.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,SAAS,CAE1D;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAK,EAAE,SAAS,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,QAsCF"}
1
+ {"version":3,"file":"handle-key.d.ts","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAKA,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,SAAS,CAE1D;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC;CACzC;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAK,EAAE,SAAS,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,QAsCF"}
package/internal/utils/handle-key.js CHANGED
@@ -3,7 +3,7 @@
3
3
  import { KeyCode } from '../keycode';
4
4
  import { getIsRtl } from '../direction';
5
5
  export function isEventLike(event) {
6
- return event.currentTarget instanceof HTMLElement;
6
+ return event.currentTarget instanceof HTMLElement || event.currentTarget instanceof SVGElement;
7
7
  }
8
8
  export default function handleKey(event, { onActivate, onBlockEnd, onBlockStart, onDefault, onEnd, onEscape, onHome, onInlineEnd, onInlineStart, onPageDown, onPageUp, }) {
9
9
  switch (event.keyCode) {
package/internal/utils/handle-key.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"handle-key.js","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,OAAO,KAAK,CAAC,aAAa,YAAY,WAAW,CAAC;AACpD,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAgB,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GAaT;IAED,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,OAAO,CAAC,IAAI;YACf,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,GAAG;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;YACV,MAAM;QACR,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB,KAAK,OAAO,CAAC,KAAK;YAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,QAAQ;YACnB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,KAAK;YAChB,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,EAAE;YACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACjB,MAAM;QACR;YACE,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;YACd,MAAM;KACT;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../keycode';\nimport { getIsRtl } from '../direction';\n\nexport function isEventLike(event: any): event is EventLike {\n return event.currentTarget instanceof HTMLElement;\n}\n\nexport interface EventLike {\n keyCode: number;\n currentTarget: HTMLElement;\n}\n\nexport default function handleKey(\n event: EventLike,\n {\n onActivate,\n onBlockEnd,\n onBlockStart,\n onDefault,\n onEnd,\n onEscape,\n onHome,\n onInlineEnd,\n onInlineStart,\n onPageDown,\n onPageUp,\n }: {\n onActivate?: () => void;\n onBlockEnd?: () => void;\n onBlockStart?: () => void;\n onDefault?: () => void;\n onEnd?: () => void;\n onEscape?: () => void;\n onHome?: () => void;\n onInlineEnd?: () => void;\n onInlineStart?: () => void;\n onPageDown?: () => void;\n onPageUp?: () => void;\n }\n) {\n switch (event.keyCode) {\n case KeyCode.down:\n onBlockEnd?.();\n break;\n case KeyCode.end:\n onEnd?.();\n break;\n case KeyCode.enter:\n case KeyCode.space:\n onActivate?.();\n break;\n case KeyCode.escape:\n onEscape?.();\n break;\n case KeyCode.home:\n onHome?.();\n break;\n case KeyCode.left:\n getIsRtl(event.currentTarget) ? onInlineEnd?.() : onInlineStart?.();\n break;\n case KeyCode.pageDown:\n onPageDown?.();\n break;\n case KeyCode.pageUp:\n onPageUp?.();\n break;\n case KeyCode.right:\n getIsRtl(event.currentTarget) ? onInlineStart?.() : onInlineEnd?.();\n break;\n case KeyCode.up:\n onBlockStart?.();\n break;\n default:\n onDefault?.();\n break;\n }\n}\n"]}
1
+ {"version":3,"file":"handle-key.js","sourceRoot":"","sources":["../../../../src/internal/utils/handle-key.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,MAAM,UAAU,WAAW,CAAC,KAAU;IACpC,OAAO,KAAK,CAAC,aAAa,YAAY,WAAW,IAAI,KAAK,CAAC,aAAa,YAAY,UAAU,CAAC;AACjG,CAAC;AAOD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,KAAgB,EAChB,EACE,UAAU,EACV,UAAU,EACV,YAAY,EACZ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,WAAW,EACX,aAAa,EACb,UAAU,EACV,QAAQ,GAaT;IAED,QAAQ,KAAK,CAAC,OAAO,EAAE;QACrB,KAAK,OAAO,CAAC,IAAI;YACf,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,GAAG;YACd,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAC;YACV,MAAM;QACR,KAAK,OAAO,CAAC,KAAK,CAAC;QACnB,KAAK,OAAO,CAAC,KAAK;YAChB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,MAAM,aAAN,MAAM,uBAAN,MAAM,EAAI,CAAC;YACX,MAAM;QACR,KAAK,OAAO,CAAC,IAAI;YACf,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,QAAQ;YACnB,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,CAAC;YACf,MAAM;QACR,KAAK,OAAO,CAAC,MAAM;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,EAAI,CAAC;YACb,MAAM;QACR,KAAK,OAAO,CAAC,KAAK;YAChB,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;YACpE,MAAM;QACR,KAAK,OAAO,CAAC,EAAE;YACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACjB,MAAM;QACR;YACE,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAC;YACd,MAAM;KACT;AACH,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../keycode';\nimport { getIsRtl } from '../direction';\n\nexport function isEventLike(event: any): event is EventLike {\n return event.currentTarget instanceof HTMLElement || event.currentTarget instanceof SVGElement;\n}\n\nexport interface EventLike {\n keyCode: number;\n currentTarget: HTMLElement | SVGElement;\n}\n\nexport default function handleKey(\n event: EventLike,\n {\n onActivate,\n onBlockEnd,\n onBlockStart,\n onDefault,\n onEnd,\n onEscape,\n onHome,\n onInlineEnd,\n onInlineStart,\n onPageDown,\n onPageUp,\n }: {\n onActivate?: () => void;\n onBlockEnd?: () => void;\n onBlockStart?: () => void;\n onDefault?: () => void;\n onEnd?: () => void;\n onEscape?: () => void;\n onHome?: () => void;\n onInlineEnd?: () => void;\n onInlineStart?: () => void;\n onPageDown?: () => void;\n onPageUp?: () => void;\n }\n) {\n switch (event.keyCode) {\n case KeyCode.down:\n onBlockEnd?.();\n break;\n case KeyCode.end:\n onEnd?.();\n break;\n case KeyCode.enter:\n case KeyCode.space:\n onActivate?.();\n break;\n case KeyCode.escape:\n onEscape?.();\n break;\n case KeyCode.home:\n onHome?.();\n break;\n case KeyCode.left:\n getIsRtl(event.currentTarget) ? onInlineEnd?.() : onInlineStart?.();\n break;\n case KeyCode.pageDown:\n onPageDown?.();\n break;\n case KeyCode.pageUp:\n onPageUp?.();\n break;\n case KeyCode.right:\n getIsRtl(event.currentTarget) ? onInlineStart?.() : onInlineEnd?.();\n break;\n case KeyCode.up:\n onBlockStart?.();\n break;\n default:\n onDefault?.();\n break;\n }\n}\n"]}
package/mixed-line-bar-chart/chart-container.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"chart-container.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/chart-container.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,SAAS,EAAmB,MAAM,cAAc,CAAC;AAGvH,OAAyB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AASrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AAYxF,MAAM,WAAW,mBAAmB,CAAC,CAAC,SAAS,cAAc;IAC3D,MAAM,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IAErD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IAClE,mBAAmB,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC;IAEtE,UAAU,EAAE,SAAS,CAAC;IACtB,UAAU,EAAE,QAAQ,GAAG,KAAK,CAAC;IAE7B,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAE9C,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,mBAAmB,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAE3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC;IACnE,iBAAiB,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7E,gBAAgB,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IACxC,mBAAmB,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5D,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IACrC,wBAAwB,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9D,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC;IAClD,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IAC5D,eAAe,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC;IAC9D,WAAW,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;IAEtD,0BAA0B,CAAC,EAAE,sBAAsB,CAAC,0BAA0B,CAAC,CAAC,CAAC,CAAC;CACnF;AAuBD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,cAAc,EAAE,EAC/D,SAAS,EACT,MAAM,EAAE,kBAAkB,EAC1B,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,mBAAmB,EACnB,iBAA4B,EAC5B,WAAmB,EACnB,cAAsB,EACtB,UAAU,EACV,UAAU,EACV,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,MAAM,EACN,MAAM,EACN,SAAS,EACT,cAAc,EACd,eAAe,EACf,WAAgB,EAChB,0BAA0B,EAC1B,GAAG,KAAK,EACT,EAAE,mBAAmB,CAAC,CAAC,CAAC,eAsgBxB"}
1
+ {"version":3,"file":"chart-container.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/chart-container.tsx"],"names":[],"mappings":"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"}
package/mixed-line-bar-chart/chart-container.js CHANGED
@@ -7,8 +7,8 @@ import { getXTickCount, getYTickCount, createXTicks, createYTicks } from '../int
7
7
  import ChartPlot from '../internal/components/chart-plot';
8
8
  import AxisLabel from '../internal/components/cartesian-chart/axis-label';
9
9
  import LabelsMeasure from '../internal/components/cartesian-chart/labels-measure';
10
- import LeftLabels from '../internal/components/cartesian-chart/left-labels';
11
- import BottomLabels, { useBottomLabels } from '../internal/components/cartesian-chart/bottom-labels';
10
+ import InlineStartLabels from '../internal/components/cartesian-chart/inline-start-labels';
11
+ import BlockEndLabels, { useBLockEndLabels } from '../internal/components/cartesian-chart/block-end-labels';
12
12
  import VerticalGridLines from '../internal/components/cartesian-chart/vertical-grid-lines';
13
13
  import EmphasizedBaseline from '../internal/components/cartesian-chart/emphasized-baseline';
14
14
  import HighlightedPoint from '../internal/components/cartesian-chart/highlighted-point';
@@ -30,22 +30,22 @@ import { useMergeRefs } from '../internal/hooks/use-merge-refs';
30
30
  import { nodeBelongs } from '../internal/utils/node-belongs';
31
31
  import { CartesianChartContainer } from '../internal/components/cartesian-chart/chart-container';
32
32
  import { useHeightMeasure } from '../internal/hooks/container-queries/use-height-measure';
33
- const LEFT_LABELS_MARGIN = 16;
34
- const BOTTOM_LABELS_OFFSET = 12;
33
+ const INLINE_START_LABELS_MARGIN = 16;
34
+ const BLOCK_END_LABELS_OFFSET = 12;
35
35
  const fallbackContainerWidth = 500;
36
36
  export default function ChartContainer(_a) {
37
37
  var _b, _c;
38
38
  var { fitHeight, height: explicitPlotHeight, series, visibleSeries, highlightedSeries, onHighlightChange, highlightedPoint, setHighlightedPoint, highlightedGroupIndex, setHighlightedGroupIndex, detailPopoverFooter, detailPopoverSize = 'medium', stackedBars = false, horizontalBars = false, xScaleType, yScaleType, xTickFormatter, yTickFormatter, emphasizeBaselineAxis, xTitle, yTitle, ariaLabel, ariaLabelledby, ariaDescription, i18nStrings = {}, detailPopoverSeriesContent } = _a, props = __rest(_a, ["fitHeight", "height", "series", "visibleSeries", "highlightedSeries", "onHighlightChange", "highlightedPoint", "setHighlightedPoint", "highlightedGroupIndex", "setHighlightedGroupIndex", "detailPopoverFooter", "detailPopoverSize", "stackedBars", "horizontalBars", "xScaleType", "yScaleType", "xTickFormatter", "yTickFormatter", "emphasizeBaselineAxis", "xTitle", "yTitle", "ariaLabel", "ariaLabelledby", "ariaDescription", "i18nStrings", "detailPopoverSeriesContent"]);
39
39
  const plotRef = useRef(null);
40
40
  const verticalMarkerRef = useRef(null);
41
- const [leftLabelsWidth, setLeftLabelsWidth] = useState(0);
41
+ const [inlineStartLabelsWidth, setInlineStartLabelsWidth] = useState(0);
42
42
  const [verticalMarkerX, setVerticalMarkerX] = useState(null);
43
43
  const [detailsPopoverText, setDetailsPopoverText] = useState('');
44
44
  const [containerWidth, containerMeasureRef] = useContainerWidth(fallbackContainerWidth);
45
- const maxLeftLabelsWidth = Math.round(containerWidth / 2);
45
+ const maxInlineStartLabelsWidth = Math.round(containerWidth / 2);
46
46
  const plotWidth = containerWidth
47
- ? // Calculate the minimum between leftLabelsWidth and maxLeftLabelsWidth for extra safety because leftLabelsWidth could be out of date
48
- Math.max(0, containerWidth - Math.min(leftLabelsWidth, maxLeftLabelsWidth) - LEFT_LABELS_MARGIN)
47
+ ? // Calculate the minimum between inlineStartLabelsWidth and maxInlineStartLabelsWidth for extra safety because inlineStarteLabelsWidth could be out of date
48
+ Math.max(0, containerWidth - Math.min(inlineStartLabelsWidth, maxInlineStartLabelsWidth) - INLINE_START_LABELS_MARGIN)
49
49
  : fallbackContainerWidth;
50
50
  const containerRefObject = useRef(null);
51
51
  const containerRef = useMergeRefs(containerMeasureRef, containerRefObject);
@@ -84,7 +84,7 @@ export default function ChartContainer(_a) {
84
84
  const bottomAxisProps = !horizontalBars
85
85
  ? getXAxisProps(plotWidth, [0, plotWidth])
86
86
  : getYAxisProps(plotWidth, [0, plotWidth]);
87
- const bottomLabelsProps = useBottomLabels(Object.assign({}, bottomAxisProps));
87
+ const blockEndLabelsProps = useBLockEndLabels(Object.assign({}, bottomAxisProps));
88
88
  const plotMeasureRef = useRef(null);
89
89
  const measuredHeight = useHeightMeasure(() => plotMeasureRef.current, !fitHeight);
90
90
  const plotHeight = fitHeight ? measuredHeight !== null && measuredHeight !== void 0 ? measuredHeight : 0 : explicitPlotHeight;
@@ -332,9 +332,9 @@ export default function ChartContainer(_a) {
332
332
  const activeLiveRegion = activeAriaLabel && !highlightedPoint && highlightedGroupIndex === null ? activeAriaLabel : '';
333
333
  const isLineXKeyboardFocused = !highlightedPoint && verticalMarkerX;
334
334
  const isRefresh = useVisualRefresh();
335
- return (React.createElement(CartesianChartContainer, { ref: containerRef, minHeight: explicitPlotHeight + bottomLabelsProps.height, fitHeight: !!fitHeight, leftAxisLabel: React.createElement(AxisLabel, { axis: y, position: "left", title: leftAxisProps.title }), leftAxisLabelMeasure: React.createElement(LabelsMeasure, { ticks: leftAxisProps.ticks, scale: leftAxisProps.scale, tickFormatter: leftAxisProps.tickFormatter, autoWidth: setLeftLabelsWidth, maxLabelsWidth: maxLeftLabelsWidth }), bottomAxisLabel: React.createElement(AxisLabel, { axis: x, position: "bottom", title: bottomAxisProps.title }), chartPlot: React.createElement(ChartPlot, { ref: plotRef, width: "100%", height: fitHeight ? `calc(100% - ${bottomLabelsProps.height}px)` : plotHeight, offsetBottom: bottomLabelsProps.height, isClickable: isPopoverOpen && !isPopoverPinned, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescription: ariaDescription, ariaRoleDescription: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.chartAriaRoleDescription, ariaLiveRegion: activeLiveRegion, activeElementRef: highlightedElementRef, activeElementKey: (_c = highlightedGroupIndex === null || highlightedGroupIndex === void 0 ? void 0 : highlightedGroupIndex.toString()) !== null && _c !== void 0 ? _c : (isLineXKeyboardFocused ? `point-index-${handlers.xIndex}` : point === null || point === void 0 ? void 0 : point.key), activeElementFocusOffset: isGroupNavigation ? 0 : isLineXKeyboardFocused ? { x: 8, y: 0 } : 3, onMouseMove: onSVGMouseMove, onMouseOut: onSVGMouseOut, onClick: onSVGClick, onApplicationFocus: onApplicationFocus, onApplicationBlur: onApplicationBlur, onKeyDown: onSVGKeyDown },
335
+ return (React.createElement(CartesianChartContainer, { ref: containerRef, minHeight: explicitPlotHeight + blockEndLabelsProps.height, fitHeight: !!fitHeight, leftAxisLabel: React.createElement(AxisLabel, { axis: y, position: "left", title: leftAxisProps.title }), leftAxisLabelMeasure: React.createElement(LabelsMeasure, { ticks: leftAxisProps.ticks, scale: leftAxisProps.scale, tickFormatter: leftAxisProps.tickFormatter, autoWidth: setInlineStartLabelsWidth, maxLabelsWidth: maxInlineStartLabelsWidth }), bottomAxisLabel: React.createElement(AxisLabel, { axis: x, position: "bottom", title: bottomAxisProps.title }), chartPlot: React.createElement(ChartPlot, { ref: plotRef, width: "100%", height: fitHeight ? `calc(100% - ${blockEndLabelsProps.height}px)` : plotHeight, offsetBottom: blockEndLabelsProps.height, isClickable: isPopoverOpen && !isPopoverPinned, ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, ariaDescription: ariaDescription, ariaRoleDescription: i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.chartAriaRoleDescription, ariaLiveRegion: activeLiveRegion, activeElementRef: highlightedElementRef, activeElementKey: (_c = highlightedGroupIndex === null || highlightedGroupIndex === void 0 ? void 0 : highlightedGroupIndex.toString()) !== null && _c !== void 0 ? _c : (isLineXKeyboardFocused ? `point-index-${handlers.xIndex}` : point === null || point === void 0 ? void 0 : point.key), activeElementFocusOffset: isGroupNavigation ? 0 : isLineXKeyboardFocused ? { x: 8, y: 0 } : 3, onMouseMove: onSVGMouseMove, onMouseOut: onSVGMouseOut, onClick: onSVGClick, onApplicationFocus: onApplicationFocus, onApplicationBlur: onApplicationBlur, onKeyDown: onSVGKeyDown },
336
336
  React.createElement("line", { ref: plotMeasureRef, x1: "0", x2: "0", y1: "0", y2: "100%", stroke: "transparent", strokeWidth: 1, style: { pointerEvents: 'none' } }),
337
- React.createElement(LeftLabels, { axis: y, ticks: leftAxisProps.ticks, scale: leftAxisProps.scale, tickFormatter: leftAxisProps.tickFormatter, title: leftAxisProps.title, ariaRoleDescription: leftAxisProps.ariaRoleDescription, maxLabelsWidth: maxLeftLabelsWidth, plotWidth: plotWidth, plotHeight: plotHeight }),
337
+ React.createElement(InlineStartLabels, { axis: y, ticks: leftAxisProps.ticks, scale: leftAxisProps.scale, tickFormatter: leftAxisProps.tickFormatter, title: leftAxisProps.title, ariaRoleDescription: leftAxisProps.ariaRoleDescription, maxLabelsWidth: maxInlineStartLabelsWidth, plotWidth: plotWidth, plotHeight: plotHeight }),
338
338
  horizontalBars && (React.createElement(VerticalGridLines, { scale: yAxisProps.scale, ticks: yAxisProps.ticks, height: plotHeight })),
339
339
  emphasizeBaselineAxis && linesOnly && (React.createElement(EmphasizedBaseline, { axis: x, scale: yAxisProps.scale, width: plotWidth, height: plotHeight })),
340
340
  React.createElement(DataSeries, { axis: x, plotWidth: plotWidth, plotHeight: plotHeight, highlightedSeries: highlightedSeries !== null && highlightedSeries !== void 0 ? highlightedSeries : null, highlightedGroupIndex: highlightedGroupIndex, stackedBars: stackedBars, isGroupNavigation: isGroupNavigation, visibleSeries: visibleSeries, xScale: xAxisProps.scale, yScale: yAxisProps.scale }),
@@ -342,6 +342,6 @@ export default function ChartContainer(_a) {
342
342
  React.createElement(VerticalMarker, { key: verticalLineX || '', height: plotHeight, showPoints: highlightedPoint === null, showLine: !isGroupNavigation, points: verticalMarkers, ref: verticalMarkerRef }),
343
343
  highlightedPoint && (React.createElement(HighlightedPoint, { ref: highlightedPointRef, point: point, role: "button", ariaLabel: activeAriaLabel, ariaHasPopup: true, ariaExpanded: isPopoverPinned })),
344
344
  isGroupNavigation && xAxisProps.scale.isCategorical() && (React.createElement(BarGroups, { ariaLabel: activeAriaLabel, isRefresh: isRefresh, isPopoverPinned: isPopoverPinned, barGroups: barGroups, highlightedGroupIndex: highlightedGroupIndex, highlightedGroupRef: highlightedGroupRef })),
345
- React.createElement(BottomLabels, Object.assign({}, bottomLabelsProps, { axis: x, scale: bottomAxisProps.scale, title: bottomAxisProps.title, ariaRoleDescription: bottomAxisProps.ariaRoleDescription, height: plotHeight, width: plotWidth, offsetLeft: leftLabelsWidth + BOTTOM_LABELS_OFFSET, offsetRight: BOTTOM_LABELS_OFFSET }))), popover: React.createElement(MixedChartPopover, { ref: popoverRef, containerRef: containerRefObject, trackRef: highlightedElementRef, isOpen: isPopoverOpen, isPinned: isPopoverPinned, highlightDetails: highlightDetails, onDismiss: onPopoverDismiss, size: detailPopoverSize, footer: detailPopoverFooterContent, dismissAriaLabel: i18nStrings.detailPopoverDismissAriaLabel, onMouseLeave: onPopoverLeave, onBlur: onApplicationBlur, setPopoverText: setDetailsPopoverText }) }));
345
+ React.createElement(BlockEndLabels, Object.assign({}, blockEndLabelsProps, { axis: x, scale: bottomAxisProps.scale, title: bottomAxisProps.title, ariaRoleDescription: bottomAxisProps.ariaRoleDescription, height: plotHeight, width: plotWidth, offsetLeft: inlineStartLabelsWidth + BLOCK_END_LABELS_OFFSET, offsetRight: BLOCK_END_LABELS_OFFSET }))), popover: React.createElement(MixedChartPopover, { ref: popoverRef, containerRef: containerRefObject, trackRef: highlightedElementRef, isOpen: isPopoverOpen, isPinned: isPopoverPinned, highlightDetails: highlightDetails, onDismiss: onPopoverDismiss, size: detailPopoverSize, footer: detailPopoverFooterContent, dismissAriaLabel: i18nStrings.detailPopoverDismissAriaLabel, onMouseLeave: onPopoverLeave, onBlur: onApplicationBlur, setPopoverText: setDetailsPopoverText }) }));
346
346
  }
347
347
  //# sourceMappingURL=chart-container.js.map