@cloudscape-design/components 3.0.524 → 3.0.526

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 (67) hide show
  1. package/app-layout/defaults.d.ts +2 -2
  2. package/app-layout/defaults.d.ts.map +1 -1
  3. package/app-layout/defaults.js.map +1 -1
  4. package/app-layout/drawer/interfaces.d.ts +2 -3
  5. package/app-layout/drawer/interfaces.d.ts.map +1 -1
  6. package/app-layout/drawer/interfaces.js.map +1 -1
  7. package/app-layout/drawer/resizable-drawer.d.ts +1 -1
  8. package/app-layout/drawer/resizable-drawer.d.ts.map +1 -1
  9. package/app-layout/drawer/resizable-drawer.js +9 -18
  10. package/app-layout/drawer/resizable-drawer.js.map +1 -1
  11. package/app-layout/index.d.ts.map +1 -1
  12. package/app-layout/index.js +41 -79
  13. package/app-layout/index.js.map +1 -1
  14. package/app-layout/split-panel/constants.d.ts +3 -0
  15. package/app-layout/split-panel/constants.d.ts.map +1 -0
  16. package/app-layout/split-panel/constants.js +5 -0
  17. package/app-layout/split-panel/constants.js.map +1 -0
  18. package/app-layout/split-panel/index.d.ts +1 -0
  19. package/app-layout/split-panel/index.d.ts.map +1 -1
  20. package/app-layout/split-panel/index.js +1 -0
  21. package/app-layout/split-panel/index.js.map +1 -1
  22. package/app-layout/split-panel/provider.d.ts +2 -2
  23. package/app-layout/split-panel/provider.d.ts.map +1 -1
  24. package/app-layout/split-panel/provider.js +18 -16
  25. package/app-layout/split-panel/provider.js.map +1 -1
  26. package/app-layout/utils/use-app-layout-rect.d.ts +8 -0
  27. package/app-layout/utils/use-app-layout-rect.d.ts.map +1 -0
  28. package/app-layout/utils/{use-content-width.js → use-app-layout-rect.js} +6 -5
  29. package/app-layout/utils/use-app-layout-rect.js.map +1 -0
  30. package/app-layout/visual-refresh/split-panel.js +1 -1
  31. package/app-layout/visual-refresh/split-panel.js.map +1 -1
  32. package/button-dropdown/styles.css.js +15 -15
  33. package/button-dropdown/styles.scoped.css +23 -23
  34. package/button-dropdown/styles.selectors.js +15 -15
  35. package/container/index.d.ts +1 -1
  36. package/container/index.d.ts.map +1 -1
  37. package/container/index.js +5 -3
  38. package/container/index.js.map +1 -1
  39. package/flashbar/common.d.ts +0 -1
  40. package/flashbar/common.d.ts.map +1 -1
  41. package/flashbar/common.js +3 -2
  42. package/flashbar/common.js.map +1 -1
  43. package/internal/base-component/styles.scoped.css +0 -5
  44. package/internal/environment.js +1 -1
  45. package/internal/environment.json +1 -1
  46. package/internal/generated/theming/index.cjs +0 -31
  47. package/internal/generated/theming/index.js +0 -31
  48. package/internal/hooks/use-base-component/index.d.ts +2 -1
  49. package/internal/hooks/use-base-component/index.d.ts.map +1 -1
  50. package/internal/hooks/use-base-component/index.js +2 -2
  51. package/internal/hooks/use-base-component/index.js.map +1 -1
  52. package/internal/hooks/use-telemetry/index.d.ts +2 -1
  53. package/internal/hooks/use-telemetry/index.d.ts.map +1 -1
  54. package/internal/hooks/use-telemetry/index.js +2 -2
  55. package/internal/hooks/use-telemetry/index.js.map +1 -1
  56. package/internal/manifest.json +1 -1
  57. package/package.json +1 -1
  58. package/table/index.d.ts.map +1 -1
  59. package/table/index.js +11 -1
  60. package/table/index.js.map +1 -1
  61. package/app-layout/utils/use-content-width.d.ts +0 -5
  62. package/app-layout/utils/use-content-width.d.ts.map +0 -1
  63. package/app-layout/utils/use-content-width.js.map +0 -1
  64. package/app-layout/utils/use-window-width.d.ts +0 -2
  65. package/app-layout/utils/use-window-width.d.ts.map +0 -1
  66. package/app-layout/utils/use-window-width.js +0 -13
  67. package/app-layout/utils/use-window-width.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBA2Ba,CAAC;AAGzB,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAM/D,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,QAAA,MAAM,KAAK,qBAqCa,CAAC;AAGzB,eAAe,KAAK,CAAC"}
package/table/index.js CHANGED
@@ -8,7 +8,17 @@ import useBaseComponent from '../internal/hooks/use-base-component';
8
8
  import { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';
9
9
  const Table = React.forwardRef((_a, ref) => {
10
10
  var { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable' } = _a, props = __rest(_a, ["items", "selectedItems", "variant", "contentDensity"]);
11
- const baseComponentProps = useBaseComponent('Table');
11
+ const baseComponentProps = useBaseComponent('Table', {
12
+ props: {
13
+ contentDensity,
14
+ resizableColumns: props.resizableColumns,
15
+ selectionType: props.selectionType,
16
+ stickyHeader: props.stickyHeader,
17
+ stripedRows: props.stripedRows,
18
+ variant,
19
+ wrapLines: props.wrapLines,
20
+ },
21
+ });
12
22
  const tableProps = Object.assign(Object.assign(Object.assign({ items,
13
23
  selectedItems,
14
24
  variant,
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAG3F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAAkH,EAClH,GAA8B,EAC9B,EAAE;QAFF,EAAE,KAAK,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,EAAE,OAAO,GAAG,WAAW,EAAE,cAAc,GAAG,aAAa,OAA2B,EAAtB,KAAK,cAAjG,uDAAmG,CAAF;IAGjG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,UAAU,+CACd,KAAK;QACL,aAAa;QACb,OAAO;QACP,cAAc,IACX,KAAK,GACL,kBAAkB,KACrB,GAAG,GACJ,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,oBAAC,aAAa,oBAAK,UAAU,EAAI,CAAC;KAC1C;IAED,OAAO,CACL,oBAAC,sBAAsB;QACrB,oBAAC,sBAAsB,oBAAK,UAAU,EAAI,CACnB,CAC1B,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n <T,>(\n { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable', ...props }: TableProps<T>,\n ref: React.Ref<TableProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Table');\n\n const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n items,\n selectedItems,\n variant,\n contentDensity,\n ...props,\n ...baseComponentProps,\n ref,\n };\n\n if (variant === 'borderless' || variant === 'embedded') {\n return <InternalTable {...tableProps} />;\n }\n\n return (\n <AnalyticsFunnelSubStep>\n <InternalTableAsSubstep {...tableProps} />\n </AnalyticsFunnelSubStep>\n );\n }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
1
+ {"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,aAAa,EAAE,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AACnE,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAG3F,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,CACE,EAAkH,EAClH,GAA8B,EAC9B,EAAE;QAFF,EAAE,KAAK,GAAG,EAAE,EAAE,aAAa,GAAG,EAAE,EAAE,OAAO,GAAG,WAAW,EAAE,cAAc,GAAG,aAAa,OAA2B,EAAtB,KAAK,cAAjG,uDAAmG,CAAF;IAGjG,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,OAAO,EAAE;QACnD,KAAK,EAAE;YACL,cAAc;YACd,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,aAAa,EAAE,KAAK,CAAC,aAAa;YAClC,YAAY,EAAE,KAAK,CAAC,YAAY;YAChC,WAAW,EAAE,KAAK,CAAC,WAAW;YAC9B,OAAO;YACP,SAAS,EAAE,KAAK,CAAC,SAAS;SAC3B;KACF,CAAC,CAAC;IAEH,MAAM,UAAU,+CACd,KAAK;QACL,aAAa;QACb,OAAO;QACP,cAAc,IACX,KAAK,GACL,kBAAkB,KACrB,GAAG,GACJ,CAAC;IAEF,IAAI,OAAO,KAAK,YAAY,IAAI,OAAO,KAAK,UAAU,EAAE;QACtD,OAAO,oBAAC,aAAa,oBAAK,UAAU,EAAI,CAAC;KAC1C;IAED,OAAO,CACL,oBAAC,sBAAsB;QACrB,oBAAC,sBAAsB,oBAAK,UAAU,EAAI,CACnB,CAC1B,CAAC;AACJ,CAAC,CACqB,CAAC;AAEzB,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACjC,eAAe,KAAK,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { TableForwardRefType, TableProps } from './interfaces';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalTable, { InternalTableAsSubstep } from './internal';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { AnalyticsFunnelSubStep } from '../internal/analytics/components/analytics-funnel';\n\nexport { TableProps };\nconst Table = React.forwardRef(\n <T,>(\n { items = [], selectedItems = [], variant = 'container', contentDensity = 'comfortable', ...props }: TableProps<T>,\n ref: React.Ref<TableProps.Ref>\n ) => {\n const baseComponentProps = useBaseComponent('Table', {\n props: {\n contentDensity,\n resizableColumns: props.resizableColumns,\n selectionType: props.selectionType,\n stickyHeader: props.stickyHeader,\n stripedRows: props.stripedRows,\n variant,\n wrapLines: props.wrapLines,\n },\n });\n\n const tableProps: Parameters<typeof InternalTable<T>>[0] = {\n items,\n selectedItems,\n variant,\n contentDensity,\n ...props,\n ...baseComponentProps,\n ref,\n };\n\n if (variant === 'borderless' || variant === 'embedded') {\n return <InternalTable {...tableProps} />;\n }\n\n return (\n <AnalyticsFunnelSubStep>\n <InternalTableAsSubstep {...tableProps} />\n </AnalyticsFunnelSubStep>\n );\n }\n) as TableForwardRefType;\n\napplyDisplayName(Table, 'Table');\nexport default Table;\n"]}
@@ -1,5 +0,0 @@
1
- export default function useAppLayoutOffsets(element: HTMLDivElement | null): {
2
- left: number;
3
- right: number;
4
- };
5
- //# sourceMappingURL=use-content-width.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-content-width.d.ts","sourceRoot":"lib/default/","sources":["app-layout/utils/use-content-width.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsB3G"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-content-width.js","sourceRoot":"lib/default/","sources":["app-layout/utils/use-content-width.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzD,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,OAA8B;IACxE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC;IAE9D,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO;SACR;QACD,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;QACxD,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC;QAE5C,UAAU,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,GAAG,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACzD,iBAAiB,CAAC,UAAU,EAAE,cAAc,CAAC,CAAC;IAE9C,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport default function useAppLayoutOffsets(element: HTMLDivElement | null): { left: number; right: number } {\n const [offsets, setOffsets] = useState({ left: 0, right: 0 });\n\n const updatePosition = useCallback(() => {\n if (!element) {\n return;\n }\n const { left, right } = element.getBoundingClientRect();\n const bodyWidth = document.body.clientWidth;\n\n setOffsets({ left, right: bodyWidth - right });\n }, [element]);\n\n useEffect(() => {\n window.addEventListener('resize', updatePosition);\n return () => window.removeEventListener('resize', updatePosition);\n }, [updatePosition]);\n\n const getElement = useCallback(() => element, [element]);\n useResizeObserver(getElement, updatePosition);\n\n return offsets;\n}\n"]}
@@ -1,2 +0,0 @@
1
- export default function useWindowWidth(): number;
2
- //# sourceMappingURL=use-window-width.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-window-width.d.ts","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,cAAc,WAQrC"}
@@ -1,13 +0,0 @@
1
- // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
2
- // SPDX-License-Identifier: Apache-2.0
3
- import { useEffect, useState } from 'react';
4
- export default function useWindowWidth() {
5
- const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));
6
- useEffect(() => {
7
- const handler = () => setWidth(window.innerWidth);
8
- window.addEventListener('resize', handler);
9
- return () => window.removeEventListener('resize', handler);
10
- }, []);
11
- return width;
12
- }
13
- //# sourceMappingURL=use-window-width.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"use-window-width.js","sourceRoot":"lib/default/","sources":["app-layout/utils/use-window-width.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,cAAc;IACpC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClG,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAClD,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAC7D,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,KAAK,CAAC;AACf,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { useEffect, useState } from 'react';\n\nexport default function useWindowWidth() {\n const [width, setWidth] = useState(() => (typeof window !== 'undefined' ? window.innerWidth : 0));\n useEffect(() => {\n const handler = () => setWidth(window.innerWidth);\n window.addEventListener('resize', handler);\n return () => window.removeEventListener('resize', handler);\n }, []);\n return width;\n}\n"]}