diff --git a/.changeset/a111y-breadCrumbs.md b/.changeset/a111y-breadCrumbs.md new file mode 100644 index 000000000..9566d2ae7 --- /dev/null +++ b/.changeset/a111y-breadCrumbs.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(BreadCrumb): Improved accessibility by replacing span with link to fix focus diff --git a/.changeset/a11y-accordion.md b/.changeset/a11y-accordion.md new file mode 100644 index 000000000..599e0fafc --- /dev/null +++ b/.changeset/a11y-accordion.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +fix(Accordion): Fix focus issue with `Collapse All` and `Expand All` buttons diff --git a/.changeset/a11y-datagrid.md b/.changeset/a11y-datagrid.md new file mode 100644 index 000000000..68c46e9f9 --- /dev/null +++ b/.changeset/a11y-datagrid.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(DataGrid): Improved accessibility by adding `aria-live="polite"` and fixing labelText for checkboxes when `isSelectable={true}` diff --git a/.changeset/a11y-iconToggleBtn.md b/.changeset/a11y-iconToggleBtn.md new file mode 100644 index 000000000..0b871c0c1 --- /dev/null +++ b/.changeset/a11y-iconToggleBtn.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +fix(ToggleButton): Improved accessibility for Toggle Button icon only examples. diff --git a/.changeset/a11y-intermediateCheckbox.md b/.changeset/a11y-intermediateCheckbox.md new file mode 100644 index 000000000..47dae12c2 --- /dev/null +++ b/.changeset/a11y-intermediateCheckbox.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Indeterminate Checkbox): Improved accessibility for `Indeterminate` status diff --git a/.changeset/a11y-loadingBtn.md b/.changeset/a11y-loadingBtn.md new file mode 100644 index 000000000..5d7d0b502 --- /dev/null +++ b/.changeset/a11y-loadingBtn.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Button): Improved accessibility for `isLoading` state \ No newline at end of file diff --git a/.changeset/a11y-navTabs.md b/.changeset/a11y-navTabs.md new file mode 100644 index 000000000..5413d4707 --- /dev/null +++ b/.changeset/a11y-navTabs.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(NavTabs): Improved accessibility by adding `aria-current="page"` for active tabs. diff --git a/.changeset/a11y-pagination.md b/.changeset/a11y-pagination.md new file mode 100644 index 000000000..9d19e835b --- /dev/null +++ b/.changeset/a11y-pagination.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Pagination): Improved accessibility for classic pagination by adding `aria-current="page"` and `aria-label="pagination"`. diff --git a/.changeset/breadcrumbs-alignment.md b/.changeset/breadcrumbs-alignment.md new file mode 100644 index 000000000..77a83c402 --- /dev/null +++ b/.changeset/breadcrumbs-alignment.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Breadcrumbs): Fixed alignment issue between elements diff --git a/.changeset/build-updatePackage-lock.md b/.changeset/build-updatePackage-lock.md new file mode 100644 index 000000000..ff2e1f455 --- /dev/null +++ b/.changeset/build-updatePackage-lock.md @@ -0,0 +1,5 @@ +--- +"react-magma-docs": patch +--- + +build: Fix package lock \ No newline at end of file diff --git a/.changeset/datePicker-onChange.md b/.changeset/datePicker-onChange.md new file mode 100644 index 000000000..252fafaa8 --- /dev/null +++ b/.changeset/datePicker-onChange.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(DatePicker): Fix error when using both `onChange` and `onDateChange` diff --git a/.changeset/docs-drawer.md b/.changeset/docs-drawer.md new file mode 100644 index 000000000..5fe8b6ca8 --- /dev/null +++ b/.changeset/docs-drawer.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +fix(Drawer): Fixed drawer appearing open at lower screen resolutions for the doc site navigation. diff --git a/.changeset/docs-drawerExample2.md b/.changeset/docs-drawerExample2.md new file mode 100644 index 000000000..aba4aeab9 --- /dev/null +++ b/.changeset/docs-drawerExample2.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +docs(Drawer): Fix Drawer examples diff --git a/.changeset/emotion-update.md b/.changeset/emotion-update.md new file mode 100644 index 000000000..4fb95d521 --- /dev/null +++ b/.changeset/emotion-update.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +Update changelog text to alert adopters about the emotion update. \ No newline at end of file diff --git a/.changeset/feat-modal-headerref-docs.md b/.changeset/feat-modal-headerref-docs.md new file mode 100644 index 000000000..7ed035cef --- /dev/null +++ b/.changeset/feat-modal-headerref-docs.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +docs(Modal): Modal Heading example fixes diff --git a/.changeset/feat-modal-headerref.md b/.changeset/feat-modal-headerref.md new file mode 100644 index 000000000..34f460faf --- /dev/null +++ b/.changeset/feat-modal-headerref.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': minor +--- + +feat(Modal): New `headerRef` prop that returns a reference to the header element diff --git a/.changeset/fix-accordion-navigation.md b/.changeset/fix-accordion-navigation.md new file mode 100644 index 000000000..482262ba5 --- /dev/null +++ b/.changeset/fix-accordion-navigation.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Accordion): Fix screen scroll behavior during accordion navigation diff --git a/.changeset/fix-modal-background.md b/.changeset/fix-modal-background.md new file mode 100644 index 000000000..b4e6a10d1 --- /dev/null +++ b/.changeset/fix-modal-background.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(Modal): Fix focus issue when using `isBackgroundClickDisabled` diff --git a/.changeset/fix-modal-headerref-docs.md b/.changeset/fix-modal-headerref-docs.md new file mode 100644 index 000000000..d1db637e4 --- /dev/null +++ b/.changeset/fix-modal-headerref-docs.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +docs(Modal): Modal Heading icon example fix diff --git a/.changeset/fix-treeView-checked.md b/.changeset/fix-treeView-checked.md new file mode 100644 index 000000000..7da91baf9 --- /dev/null +++ b/.changeset/fix-treeView-checked.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +fix(TreeView): Fixed the Preselected items example diff --git a/.changeset/list.md b/.changeset/list.md new file mode 100644 index 000000000..3851bb415 --- /dev/null +++ b/.changeset/list.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': patch +--- + +fix(List): Updated support for nested items diff --git a/.changeset/pre.json b/.changeset/pre.json new file mode 100644 index 000000000..b6f368aff --- /dev/null +++ b/.changeset/pre.json @@ -0,0 +1,42 @@ +{ + "mode": "pre", + "tag": "next", + "initialVersions": { + "@react-magma/charts": "8.0.0", + "@react-magma/dropzone": "8.0.0", + "react-magma-dom": "4.5.0", + "@react-magma/schema-renderer": "8.0.0", + "@cengage-patterns/header": "10.0.0", + "react-magma-docs": "5.0.7", + "react-magma-landing": "1.1.4" + }, + "changesets": [ + "a111y-breadCrumbs", + "a11y-accordion", + "a11y-datagrid", + "a11y-iconToggleBtn", + "a11y-intermediateCheckbox", + "a11y-loadingBtn", + "a11y-navTabs", + "a11y-pagination", + "breadcrumbs-alignment", + "build-updatePackage-lock", + "datePicker-onChange", + "docs-drawer", + "docs-drawerExample2", + "emotion-update", + "feat-modal-headerref-docs", + "feat-modal-headerref", + "fix-accordion-navigation", + "fix-modal-background", + "fix-modal-headerref-docs", + "fix-treeView-checked", + "gentle-carpets-agree", + "list", + "sync", + "thirty-cherries-sort", + "treeViewProps", + "treeview-a11y", + "treeview-docs" + ] +} diff --git a/.changeset/sync.md b/.changeset/sync.md new file mode 100644 index 000000000..d705ef7aa --- /dev/null +++ b/.changeset/sync.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +chore: Manually sync main -> dev (4.5.0) \ No newline at end of file diff --git a/.changeset/thirty-cherries-sort.md b/.changeset/thirty-cherries-sort.md new file mode 100644 index 000000000..d76e1b18b --- /dev/null +++ b/.changeset/thirty-cherries-sort.md @@ -0,0 +1,5 @@ +--- +"react-magma-docs": patch +--- + +build(deps): bump elliptic from 6.5.5 to 6.5.7 diff --git a/.changeset/treeViewProps.md b/.changeset/treeViewProps.md new file mode 100644 index 000000000..348572449 --- /dev/null +++ b/.changeset/treeViewProps.md @@ -0,0 +1,5 @@ +--- +'react-magma-dom': minor +--- + +feat(TreeView): Add support for `checkChildren` and `checkParents` props diff --git a/.changeset/treeview-a11y.md b/.changeset/treeview-a11y.md new file mode 100644 index 000000000..1a6bb640d --- /dev/null +++ b/.changeset/treeview-a11y.md @@ -0,0 +1,5 @@ +--- +"react-magma-dom": patch +--- + +fix(TreeView): Accessibility updates: respect reduced motion preference, navigate tree with left arrow keys \ No newline at end of file diff --git a/.changeset/treeview-docs.md b/.changeset/treeview-docs.md new file mode 100644 index 000000000..7cc2a5504 --- /dev/null +++ b/.changeset/treeview-docs.md @@ -0,0 +1,5 @@ +--- +'react-magma-docs': patch +--- + +docs(TreeView): Update TreeView example diff --git a/.nvmrc b/.nvmrc index 68c98aa7a..bb52a169c 100644 --- a/.nvmrc +++ b/.nvmrc @@ -1 +1 @@ -v18.18.2 \ No newline at end of file +v18.18.2 diff --git a/package-lock.json b/package-lock.json index a28219ff8..7d982874f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1894,14 +1894,14 @@ } }, "node_modules/@babel/plugin-transform-runtime": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz", - "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==", + "version": "7.25.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.4.tgz", + "integrity": "sha512-8hsyG+KUYGY0coX6KUCDancA0Vw225KJ2HJO0yCNr1vq5r+lJTleDaJf0K7iOhjw4SWhu03TMBzYTJ9krmzULQ==", "dependencies": { "@babel/helper-module-imports": "^7.24.7", - "@babel/helper-plugin-utils": "^7.24.7", + "@babel/helper-plugin-utils": "^7.24.8", "babel-plugin-polyfill-corejs2": "^0.4.10", - "babel-plugin-polyfill-corejs3": "^0.10.1", + "babel-plugin-polyfill-corejs3": "^0.10.6", "babel-plugin-polyfill-regenerator": "^0.6.1", "semver": "^6.3.1" }, @@ -2314,9 +2314,9 @@ "license": "MIT" }, "node_modules/@babel/standalone": { - "version": "7.25.3", - "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.25.3.tgz", - "integrity": "sha512-uR+EoBqIIIvKGCG7fOj7HKupu3zVObiMfdEwoPZfVCPpcWJaZ1PkshaP5/6cl6BKAm1Zcv25O1rf+uoQ7V8nqA==", + "version": "7.25.6", + "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.25.6.tgz", + "integrity": "sha512-Kf2ZcZVqsKbtYhlA7sP0z5A3q5hmCVYMKMWRWNK/5OVwHIve3JY1djVRmIVAx8FMueLIfZGKQDIILK2w8zO4mg==", "engines": { "node": ">=6.9.0" } @@ -2401,14 +2401,16 @@ "license": "MIT" }, "node_modules/@carbon/charts": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@carbon/charts/-/charts-1.19.2.tgz", - "integrity": "sha512-SPrVydywKjZbIhPzFUUTUHLQJv9xbbOYFz0HxfNq9ykyLWFPxxrkix6DGw0LFRf9B120foOV6UJbb/7Z1h73Ag==", + "version": "1.21.3", + "resolved": "https://registry.npmjs.org/@carbon/charts/-/charts-1.21.3.tgz", + "integrity": "sha512-u//2que5JNDUicEvUKdRTXWATIuE9JuFMeD5UpXYeFRd1Jq6pvHv336TugFFKzXnBt1thR7To6z71Cd6tqA3Wg==", "hasInstallScript": true, "dependencies": { - "@carbon/colors": "^11.23.1", + "@carbon/colors": "^11.25.0", "@carbon/utils-position": "^1.3.0", - "@ibm/telemetry-js": "^1.6.0", + "@ibm/telemetry-js": "^1.6.1", + "@types/d3": "^7.4.3", + "@types/topojson": "^3.2.6", "carbon-components": "^10.58.15", "d3": "^7.9.0", "d3-cloud": "^1.2.7", @@ -2418,18 +2420,18 @@ "html-to-image": "^1.11.11", "lodash-es": "^4.17.21", "topojson-client": "^3.1.0", - "tslib": "^2.6.3" + "tslib": "^2.7.0" } }, "node_modules/@carbon/charts-react": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@carbon/charts-react/-/charts-react-1.19.2.tgz", - "integrity": "sha512-CwIbOW8UgzHCAs9jO7SQ94kVaZGH7sdFSa0XoOQAiNdPXOfxf829W9H67iBYa5Y6K6s/qRnM7OkIica50batRw==", + "version": "1.21.3", + "resolved": "https://registry.npmjs.org/@carbon/charts-react/-/charts-react-1.21.3.tgz", + "integrity": "sha512-MBXFMDHlkXJtnjc9bl0qCz/4j9OxMDUksKR2jq4jThCnMO94lxq2khSeSdbAxtGCnvWJ3YttINs7xDqZ6Wk77g==", "hasInstallScript": true, "dependencies": { - "@carbon/charts": "1.19.2", - "@carbon/icons-react": "^11.45.0", - "@ibm/telemetry-js": "^1.6.0" + "@carbon/charts": "1.21.3", + "@carbon/icons-react": "^11.48.0", + "@ibm/telemetry-js": "^1.6.1" }, "peerDependencies": { "react": "^16.8.6 || ^17.0.1 || ^18.2.0", @@ -2446,30 +2448,30 @@ } }, "node_modules/@carbon/colors": { - "version": "11.24.0", - "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.24.0.tgz", - "integrity": "sha512-yeLXQ0xs3T/rKvg7od+AvGs1jyQuRqbpZE0gPYFvFdNtiFJ81ZiYz9mE/yiuBU6c4+DdqQlmH6bU7WloKHMX8A==", + "version": "11.25.0", + "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.25.0.tgz", + "integrity": "sha512-9Z6ZXd8fRtjhGeK7ZWUygPWTpNKdrlExQSU+AqaZDwWKt2qEebaeyEW2PVzT+egV/t9VOm4Ur+YcZBmhXB19TA==", "hasInstallScript": true, "dependencies": { "@ibm/telemetry-js": "^1.5.0" } }, "node_modules/@carbon/icon-helpers": { - "version": "10.50.0", - "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.50.0.tgz", - "integrity": "sha512-R+RnTIQCvrLuWBdiEyzr6zqluLpzMTawmYO97prAJ59OCoo3+mMgWjhKuggb1s0dW1zRVplrUkKusGKH+0pDnQ==", + "version": "10.51.0", + "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.51.0.tgz", + "integrity": "sha512-fSAAmx0+jX7r7gEKNkFS/dvuFttD6SMT7Ntuue/D6pmrw4hET/8Itqz46QyruJDQjo/2dWfhpqR5tsMdZwpNmA==", "hasInstallScript": true, "dependencies": { "@ibm/telemetry-js": "^1.5.0" } }, "node_modules/@carbon/icons-react": { - "version": "11.47.0", - "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-11.47.0.tgz", - "integrity": "sha512-Ocbwg6+Aky8NE72mQZVNdF/by63CfdmpbEBzIVxg5wwMzG2JDlK/R0KbV2O8tkjby2DxWmzV6SdMbWsxNhxrKw==", + "version": "11.48.0", + "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-11.48.0.tgz", + "integrity": "sha512-yqBIjQZ8WQjXPaT4sbPy75zNEt1qhrii+7IOxFhPDvdiyXFW5WHWXsac/1ORpDhkvbDZqjAIks0MChxVoLcHeQ==", "hasInstallScript": true, "dependencies": { - "@carbon/icon-helpers": "^10.50.0", + "@carbon/icon-helpers": "^10.51.0", "@ibm/telemetry-js": "^1.5.0", "prop-types": "^15.7.2" }, @@ -3924,14 +3926,14 @@ "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==" }, "node_modules/@emotion/react": { - "version": "11.13.0", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.0.tgz", - "integrity": "sha512-WkL+bw1REC2VNV1goQyfxjx1GYJkcc23CRQkXX+vZNLINyfI7o+uUn/rTGPt/xJ3bJHd5GcljgnxHf4wRw5VWQ==", + "version": "11.13.3", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.3.tgz", + "integrity": "sha512-lIsdU6JNrmYfJ5EbUCf4xW1ovy5wKQ2CkPRM4xogziOxH1nXxBSjpC9YqbFAP7circxMfYp+6x676BqWcEiixg==", "dependencies": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.12.0", "@emotion/cache": "^11.13.0", - "@emotion/serialize": "^1.3.0", + "@emotion/serialize": "^1.3.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.1.0", "@emotion/utils": "^1.4.0", "@emotion/weak-memoize": "^0.4.0", @@ -3947,13 +3949,13 @@ } }, "node_modules/@emotion/serialize": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.0.tgz", - "integrity": "sha512-jACuBa9SlYajnpIVXB+XOXnfJHyckDfe6fOpORIM6yhBDlqGuExvDdZYHDQGoDf3bZXGv7tNr+LpLjJqiEQ6EA==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.1.tgz", + "integrity": "sha512-dEPNKzBPU+vFPGa+z3axPRn8XVDetYORmDC0wAiej+TNcOZE70ZMJa0X7JdeoM6q/nWTMZeLpN/fTnD9o8MQBA==", "dependencies": { "@emotion/hash": "^0.9.2", "@emotion/memoize": "^0.9.0", - "@emotion/unitless": "^0.9.0", + "@emotion/unitless": "^0.10.0", "@emotion/utils": "^1.4.0", "csstype": "^3.0.2" } @@ -3986,9 +3988,9 @@ } }, "node_modules/@emotion/unitless": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.9.0.tgz", - "integrity": "sha512-TP6GgNZtmtFaFcsOgExdnfxLLpRDla4Q66tnenA9CktvVSdNKDvMVuUah4QvWPIpNjrWsGg3qeGo9a43QooGZQ==" + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz", + "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==" }, "node_modules/@emotion/use-insertion-effect-with-fallbacks": { "version": "1.1.0", @@ -17904,6 +17906,228 @@ "@types/node": "*" } }, + "node_modules/@types/d3": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz", + "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==", + "dependencies": { + "@types/d3-array": "*", + "@types/d3-axis": "*", + "@types/d3-brush": "*", + "@types/d3-chord": "*", + "@types/d3-color": "*", + "@types/d3-contour": "*", + "@types/d3-delaunay": "*", + "@types/d3-dispatch": "*", + "@types/d3-drag": "*", + "@types/d3-dsv": "*", + "@types/d3-ease": "*", + "@types/d3-fetch": "*", + "@types/d3-force": "*", + "@types/d3-format": "*", + "@types/d3-geo": "*", + "@types/d3-hierarchy": "*", + "@types/d3-interpolate": "*", + "@types/d3-path": "*", + "@types/d3-polygon": "*", + "@types/d3-quadtree": "*", + "@types/d3-random": "*", + "@types/d3-scale": "*", + "@types/d3-scale-chromatic": "*", + "@types/d3-selection": "*", + "@types/d3-shape": "*", + "@types/d3-time": "*", + "@types/d3-time-format": "*", + "@types/d3-timer": "*", + "@types/d3-transition": "*", + "@types/d3-zoom": "*" + } + }, + "node_modules/@types/d3-array": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz", + "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==" + }, + "node_modules/@types/d3-axis": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz", + "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-brush": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz", + "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-chord": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz", + "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==" + }, + "node_modules/@types/d3-color": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz", + "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==" + }, + "node_modules/@types/d3-contour": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz", + "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==", + "dependencies": { + "@types/d3-array": "*", + "@types/geojson": "*" + } + }, + "node_modules/@types/d3-delaunay": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz", + "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==" + }, + "node_modules/@types/d3-dispatch": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.6.tgz", + "integrity": "sha512-4fvZhzMeeuBJYZXRXrRIQnvUYfyXwYmLsdiN7XXmVNQKKw1cM8a5WdID0g1hVFZDqT9ZqZEY5pD44p24VS7iZQ==" + }, + "node_modules/@types/d3-drag": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz", + "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-dsv": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz", + "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==" + }, + "node_modules/@types/d3-ease": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz", + "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==" + }, + "node_modules/@types/d3-fetch": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz", + "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==", + "dependencies": { + "@types/d3-dsv": "*" + } + }, + "node_modules/@types/d3-force": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz", + "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==" + }, + "node_modules/@types/d3-format": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz", + "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==" + }, + "node_modules/@types/d3-geo": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz", + "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==", + "dependencies": { + "@types/geojson": "*" + } + }, + "node_modules/@types/d3-hierarchy": { + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz", + "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==" + }, + "node_modules/@types/d3-interpolate": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz", + "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==", + "dependencies": { + "@types/d3-color": "*" + } + }, + "node_modules/@types/d3-path": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.0.tgz", + "integrity": "sha512-P2dlU/q51fkOc/Gfl3Ul9kicV7l+ra934qBFXCFhrZMOL6du1TM0pm1ThYvENukyOn5h9v+yMJ9Fn5JK4QozrQ==" + }, + "node_modules/@types/d3-polygon": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz", + "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==" + }, + "node_modules/@types/d3-quadtree": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz", + "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==" + }, + "node_modules/@types/d3-random": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz", + "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==" + }, + "node_modules/@types/d3-scale": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz", + "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==", + "dependencies": { + "@types/d3-time": "*" + } + }, + "node_modules/@types/d3-scale-chromatic": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.3.tgz", + "integrity": "sha512-laXM4+1o5ImZv3RpFAsTRn3TEkzqkytiOY0Dz0sq5cnd1dtNlk6sHLon4OvqaiJb28T0S/TdsBI3Sjsy+keJrw==" + }, + "node_modules/@types/d3-selection": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.10.tgz", + "integrity": "sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg==" + }, + "node_modules/@types/d3-shape": { + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz", + "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==", + "dependencies": { + "@types/d3-path": "*" + } + }, + "node_modules/@types/d3-time": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz", + "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw==" + }, + "node_modules/@types/d3-time-format": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz", + "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==" + }, + "node_modules/@types/d3-timer": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz", + "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==" + }, + "node_modules/@types/d3-transition": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.8.tgz", + "integrity": "sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==", + "dependencies": { + "@types/d3-selection": "*" + } + }, + "node_modules/@types/d3-zoom": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz", + "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==", + "dependencies": { + "@types/d3-interpolate": "*", + "@types/d3-selection": "*" + } + }, "node_modules/@types/debug": { "version": "0.0.30", "resolved": "https://registry.npmjs.org/@types/debug/-/debug-0.0.30.tgz", @@ -17918,15 +18142,6 @@ "@types/json-schema": "*" } }, - "node_modules/@types/eslint-scope": { - "version": "3.7.7", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", - "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", - "dependencies": { - "@types/eslint": "*", - "@types/estree": "*" - } - }, "node_modules/@types/eslint-visitor-keys": { "version": "1.0.0", "license": "MIT" @@ -17943,6 +18158,11 @@ "@types/estree": "*" } }, + "node_modules/@types/geojson": { + "version": "7946.0.14", + "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.14.tgz", + "integrity": "sha512-WCfD5Ht3ZesJUsONdhvm84dmzWOiOzOAqOncN0++w0lBw1o8OuDNJF2McvvCef/yBqb/HYRahp1BYtODFQ8bRg==" + }, "node_modules/@types/get-port": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/@types/get-port/-/get-port-3.2.0.tgz", @@ -18225,6 +18445,53 @@ "resolved": "https://registry.npmjs.org/@types/tmp/-/tmp-0.0.33.tgz", "integrity": "sha512-gVC1InwyVrO326wbBZw+AO3u2vRXz/iRWq9jYhpG4W8LXyIgDv3ZmcLQ5Q4Gs+gFMyqx+viFoFT+l3p61QFCmQ==" }, + "node_modules/@types/topojson": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@types/topojson/-/topojson-3.2.6.tgz", + "integrity": "sha512-ppfdlxjxofWJ66XdLgIlER/85RvpGyfOf8jrWf+3kVIjEatFxEZYD/Ea83jO672Xu1HRzd/ghwlbcZIUNHTskw==", + "dependencies": { + "@types/geojson": "*", + "@types/topojson-client": "*", + "@types/topojson-server": "*", + "@types/topojson-simplify": "*", + "@types/topojson-specification": "*" + } + }, + "node_modules/@types/topojson-client": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/@types/topojson-client/-/topojson-client-3.1.4.tgz", + "integrity": "sha512-Ntf3ZSetMYy7z3PrVCvcqmdRoVhgKA9UKN0ZuuZf8Ts2kcyL4qK34IXBs6qO5fem62EK4k03PtkJPVoroVu4/w==", + "dependencies": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "node_modules/@types/topojson-server": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/topojson-server/-/topojson-server-3.0.4.tgz", + "integrity": "sha512-5+ieK8ePfP+K2VH6Vgs1VCt+fO1U8XZHj0UsF+NktaF0DavAo1q3IvCBXgokk/xmtvoPltSUs6vxuR/zMdOE1g==", + "dependencies": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "node_modules/@types/topojson-simplify": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/topojson-simplify/-/topojson-simplify-3.0.3.tgz", + "integrity": "sha512-sBO5UZ0O2dB0bNwo0vut2yLHhj3neUGi9uL7/ROdm8Gs6dtt4jcB9OGDKr+M2isZwQM2RuzVmifnMZpxj4IGNw==", + "dependencies": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "node_modules/@types/topojson-specification": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/topojson-specification/-/topojson-specification-1.0.5.tgz", + "integrity": "sha512-C7KvcQh+C2nr6Y2Ub4YfgvWvWCgP2nOQMtfhlnwsRL4pYmmwzBS7HclGiS87eQfDOU/DLQpX6GEscviaz4yLIQ==", + "dependencies": { + "@types/geojson": "*" + } + }, "node_modules/@types/uglify-js": { "version": "3.16.0", "license": "MIT", @@ -19893,17 +20160,29 @@ } }, "node_modules/babel-plugin-polyfill-corejs3": { - "version": "0.10.4", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz", - "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==", + "version": "0.10.6", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz", + "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==", "dependencies": { - "@babel/helper-define-polyfill-provider": "^0.6.1", - "core-js-compat": "^3.36.1" + "@babel/helper-define-polyfill-provider": "^0.6.2", + "core-js-compat": "^3.38.0" }, "peerDependencies": { "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0" } }, + "node_modules/babel-plugin-polyfill-corejs3/node_modules/core-js-compat": { + "version": "3.38.1", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz", + "integrity": "sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==", + "dependencies": { + "browserslist": "^4.23.3" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/core-js" + } + }, "node_modules/babel-plugin-polyfill-regenerator": { "version": "0.6.2", "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz", @@ -26565,9 +26844,9 @@ } }, "node_modules/elliptic": { - "version": "6.5.5", - "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.5.tgz", - "integrity": "sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==", + "version": "6.5.7", + "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.7.tgz", + "integrity": "sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==", "dependencies": { "bn.js": "^4.11.9", "brorand": "^1.1.0", @@ -33259,9 +33538,9 @@ } }, "node_modules/gatsby/node_modules/terser": { - "version": "5.31.6", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz", - "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==", + "version": "5.32.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.32.0.tgz", + "integrity": "sha512-v3Gtw3IzpBJ0ugkxEX8U0W6+TnPKRRCWGh1jC/iM/e3Ki5+qvO1L1EAZ56bZasc64aXHwRHNIQEzm6//i5cemQ==", "dependencies": { "@jridgewell/source-map": "^0.3.3", "acorn": "^8.8.2", @@ -33406,11 +33685,10 @@ } }, "node_modules/gatsby/node_modules/webpack": { - "version": "5.93.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.93.0.tgz", - "integrity": "sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==", + "version": "5.94.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", + "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", "dependencies": { - "@types/eslint-scope": "^3.7.3", "@types/estree": "^1.0.5", "@webassemblyjs/ast": "^1.12.1", "@webassemblyjs/wasm-edit": "^1.12.1", @@ -33419,7 +33697,7 @@ "acorn-import-attributes": "^1.9.5", "browserslist": "^4.21.10", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.17.0", + "enhanced-resolve": "^5.17.1", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", @@ -43614,9 +43892,9 @@ } }, "node_modules/node-abi": { - "version": "3.65.0", - "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.65.0.tgz", - "integrity": "sha512-ThjYBfoDNr08AWx6hGaRbfPwxKV9kVzAzOzlLKbk2CuqXE2xnCh+cbAGnwM3t8Lq4v9rUB7VfondlkBckcJrVA==", + "version": "3.67.0", + "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.67.0.tgz", + "integrity": "sha512-bLn/fU/ALVBE9wj+p4Y21ZJWYFjUXLXPi/IewyLZkx3ApxKDNBWCKdReeKOtD8dWpOdDCeMyLh6ZewzcLsG2Nw==", "dependencies": { "semver": "^7.3.5" }, @@ -48566,9 +48844,9 @@ } }, "node_modules/react-focus-lock": { - "version": "2.12.1", - "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.12.1.tgz", - "integrity": "sha512-lfp8Dve4yJagkHiFrC1bGtib3mF2ktqwPJw4/WGcgPW+pJ/AVQA5X2vI7xgp13FcxFEpYBBHpXai/N2DBNC0Jw==", + "version": "2.13.2", + "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.13.2.tgz", + "integrity": "sha512-T/7bsofxYqnod2xadvuwjGKHOoL5GH7/EIPI5UyEvaU/c2CcphvGI371opFtuY/SYdbMsNiuF4HsHQ50nA/TKQ==", "dependencies": { "@babel/runtime": "^7.0.0", "focus-lock": "^1.3.5", @@ -56176,9 +56454,9 @@ } }, "node_modules/tslib": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", - "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==" + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz", + "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==" }, "node_modules/tsutils": { "version": "3.21.0", @@ -56541,9 +56819,9 @@ "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==" }, "node_modules/undici": { - "version": "6.19.7", - "resolved": "https://registry.npmjs.org/undici/-/undici-6.19.7.tgz", - "integrity": "sha512-HR3W/bMGPSr90i8AAp2C4DM3wChFdJPLrWYpIS++LxS8K+W535qftjt+4MyjNYHeWabMj1nvtmLIi7l++iq91A==", + "version": "6.19.8", + "resolved": "https://registry.npmjs.org/undici/-/undici-6.19.8.tgz", + "integrity": "sha512-U8uCCl2x9TK3WANvmBavymRzxbfFYG+tAu+fgx3zxQy3qdagQqBLwJVrdyO1TBfUXvfKveMKJZhpvUYoOjM+4g==", "engines": { "node": ">=18.17" } @@ -60874,14 +61152,14 @@ } }, "@babel/plugin-transform-runtime": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.24.7.tgz", - "integrity": "sha512-YqXjrk4C+a1kZjewqt+Mmu2UuV1s07y8kqcUf4qYLnoqemhR4gRQikhdAhSVJioMjVTu6Mo6pAbaypEA3jY6fw==", + "version": "7.25.4", + "resolved": "https://registry.npmjs.org/@babel/plugin-transform-runtime/-/plugin-transform-runtime-7.25.4.tgz", + "integrity": "sha512-8hsyG+KUYGY0coX6KUCDancA0Vw225KJ2HJO0yCNr1vq5r+lJTleDaJf0K7iOhjw4SWhu03TMBzYTJ9krmzULQ==", "requires": { "@babel/helper-module-imports": "^7.24.7", - "@babel/helper-plugin-utils": "^7.24.7", + "@babel/helper-plugin-utils": "^7.24.8", "babel-plugin-polyfill-corejs2": "^0.4.10", - "babel-plugin-polyfill-corejs3": "^0.10.1", + "babel-plugin-polyfill-corejs3": "^0.10.6", "babel-plugin-polyfill-regenerator": "^0.6.1", "semver": "^6.3.1" }, @@ -61175,9 +61453,9 @@ } }, "@babel/standalone": { - "version": "7.25.3", - "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.25.3.tgz", - "integrity": "sha512-uR+EoBqIIIvKGCG7fOj7HKupu3zVObiMfdEwoPZfVCPpcWJaZ1PkshaP5/6cl6BKAm1Zcv25O1rf+uoQ7V8nqA==" + "version": "7.25.6", + "resolved": "https://registry.npmjs.org/@babel/standalone/-/standalone-7.25.6.tgz", + "integrity": "sha512-Kf2ZcZVqsKbtYhlA7sP0z5A3q5hmCVYMKMWRWNK/5OVwHIve3JY1djVRmIVAx8FMueLIfZGKQDIILK2w8zO4mg==" }, "@babel/template": { "version": "7.24.7", @@ -61247,13 +61525,15 @@ "version": "0.2.3" }, "@carbon/charts": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@carbon/charts/-/charts-1.19.2.tgz", - "integrity": "sha512-SPrVydywKjZbIhPzFUUTUHLQJv9xbbOYFz0HxfNq9ykyLWFPxxrkix6DGw0LFRf9B120foOV6UJbb/7Z1h73Ag==", + "version": "1.21.3", + "resolved": "https://registry.npmjs.org/@carbon/charts/-/charts-1.21.3.tgz", + "integrity": "sha512-u//2que5JNDUicEvUKdRTXWATIuE9JuFMeD5UpXYeFRd1Jq6pvHv336TugFFKzXnBt1thR7To6z71Cd6tqA3Wg==", "requires": { - "@carbon/colors": "^11.23.1", + "@carbon/colors": "^11.25.0", "@carbon/utils-position": "^1.3.0", - "@ibm/telemetry-js": "^1.6.0", + "@ibm/telemetry-js": "^1.6.1", + "@types/d3": "^7.4.3", + "@types/topojson": "^3.2.6", "carbon-components": "^10.58.15", "d3": "^7.9.0", "d3-cloud": "^1.2.7", @@ -61263,7 +61543,7 @@ "html-to-image": "^1.11.11", "lodash-es": "^4.17.21", "topojson-client": "^3.1.0", - "tslib": "^2.6.3" + "tslib": "^2.7.0" }, "dependencies": { "date-fns": { @@ -61274,37 +61554,37 @@ } }, "@carbon/charts-react": { - "version": "1.19.2", - "resolved": "https://registry.npmjs.org/@carbon/charts-react/-/charts-react-1.19.2.tgz", - "integrity": "sha512-CwIbOW8UgzHCAs9jO7SQ94kVaZGH7sdFSa0XoOQAiNdPXOfxf829W9H67iBYa5Y6K6s/qRnM7OkIica50batRw==", + "version": "1.21.3", + "resolved": "https://registry.npmjs.org/@carbon/charts-react/-/charts-react-1.21.3.tgz", + "integrity": "sha512-MBXFMDHlkXJtnjc9bl0qCz/4j9OxMDUksKR2jq4jThCnMO94lxq2khSeSdbAxtGCnvWJ3YttINs7xDqZ6Wk77g==", "requires": { - "@carbon/charts": "1.19.2", - "@carbon/icons-react": "^11.45.0", - "@ibm/telemetry-js": "^1.6.0" + "@carbon/charts": "1.21.3", + "@carbon/icons-react": "^11.48.0", + "@ibm/telemetry-js": "^1.6.1" } }, "@carbon/colors": { - "version": "11.24.0", - "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.24.0.tgz", - "integrity": "sha512-yeLXQ0xs3T/rKvg7od+AvGs1jyQuRqbpZE0gPYFvFdNtiFJ81ZiYz9mE/yiuBU6c4+DdqQlmH6bU7WloKHMX8A==", + "version": "11.25.0", + "resolved": "https://registry.npmjs.org/@carbon/colors/-/colors-11.25.0.tgz", + "integrity": "sha512-9Z6ZXd8fRtjhGeK7ZWUygPWTpNKdrlExQSU+AqaZDwWKt2qEebaeyEW2PVzT+egV/t9VOm4Ur+YcZBmhXB19TA==", "requires": { "@ibm/telemetry-js": "^1.5.0" } }, "@carbon/icon-helpers": { - "version": "10.50.0", - "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.50.0.tgz", - "integrity": "sha512-R+RnTIQCvrLuWBdiEyzr6zqluLpzMTawmYO97prAJ59OCoo3+mMgWjhKuggb1s0dW1zRVplrUkKusGKH+0pDnQ==", + "version": "10.51.0", + "resolved": "https://registry.npmjs.org/@carbon/icon-helpers/-/icon-helpers-10.51.0.tgz", + "integrity": "sha512-fSAAmx0+jX7r7gEKNkFS/dvuFttD6SMT7Ntuue/D6pmrw4hET/8Itqz46QyruJDQjo/2dWfhpqR5tsMdZwpNmA==", "requires": { "@ibm/telemetry-js": "^1.5.0" } }, "@carbon/icons-react": { - "version": "11.47.0", - "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-11.47.0.tgz", - "integrity": "sha512-Ocbwg6+Aky8NE72mQZVNdF/by63CfdmpbEBzIVxg5wwMzG2JDlK/R0KbV2O8tkjby2DxWmzV6SdMbWsxNhxrKw==", + "version": "11.48.0", + "resolved": "https://registry.npmjs.org/@carbon/icons-react/-/icons-react-11.48.0.tgz", + "integrity": "sha512-yqBIjQZ8WQjXPaT4sbPy75zNEt1qhrii+7IOxFhPDvdiyXFW5WHWXsac/1ORpDhkvbDZqjAIks0MChxVoLcHeQ==", "requires": { - "@carbon/icon-helpers": "^10.50.0", + "@carbon/icon-helpers": "^10.51.0", "@ibm/telemetry-js": "^1.5.0", "prop-types": "^15.7.2" } @@ -62281,14 +62561,14 @@ "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==" }, "@emotion/react": { - "version": "11.13.0", - "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.0.tgz", - "integrity": "sha512-WkL+bw1REC2VNV1goQyfxjx1GYJkcc23CRQkXX+vZNLINyfI7o+uUn/rTGPt/xJ3bJHd5GcljgnxHf4wRw5VWQ==", + "version": "11.13.3", + "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.13.3.tgz", + "integrity": "sha512-lIsdU6JNrmYfJ5EbUCf4xW1ovy5wKQ2CkPRM4xogziOxH1nXxBSjpC9YqbFAP7circxMfYp+6x676BqWcEiixg==", "requires": { "@babel/runtime": "^7.18.3", "@emotion/babel-plugin": "^11.12.0", "@emotion/cache": "^11.13.0", - "@emotion/serialize": "^1.3.0", + "@emotion/serialize": "^1.3.1", "@emotion/use-insertion-effect-with-fallbacks": "^1.1.0", "@emotion/utils": "^1.4.0", "@emotion/weak-memoize": "^0.4.0", @@ -62296,13 +62576,13 @@ } }, "@emotion/serialize": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.0.tgz", - "integrity": "sha512-jACuBa9SlYajnpIVXB+XOXnfJHyckDfe6fOpORIM6yhBDlqGuExvDdZYHDQGoDf3bZXGv7tNr+LpLjJqiEQ6EA==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-1.3.1.tgz", + "integrity": "sha512-dEPNKzBPU+vFPGa+z3axPRn8XVDetYORmDC0wAiej+TNcOZE70ZMJa0X7JdeoM6q/nWTMZeLpN/fTnD9o8MQBA==", "requires": { "@emotion/hash": "^0.9.2", "@emotion/memoize": "^0.9.0", - "@emotion/unitless": "^0.9.0", + "@emotion/unitless": "^0.10.0", "@emotion/utils": "^1.4.0", "csstype": "^3.0.2" } @@ -62326,9 +62606,9 @@ } }, "@emotion/unitless": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.9.0.tgz", - "integrity": "sha512-TP6GgNZtmtFaFcsOgExdnfxLLpRDla4Q66tnenA9CktvVSdNKDvMVuUah4QvWPIpNjrWsGg3qeGo9a43QooGZQ==" + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.10.0.tgz", + "integrity": "sha512-dFoMUuQA20zvtVTuxZww6OHoJYgrzfKM1t52mVySDJnMSEa08ruEvdYQbhvyu6soU+NeLVd3yKfTfT0NeV6qGg==" }, "@emotion/use-insertion-effect-with-fallbacks": { "version": "1.1.0", @@ -71817,6 +72097,228 @@ "@types/node": "*" } }, + "@types/d3": { + "version": "7.4.3", + "resolved": "https://registry.npmjs.org/@types/d3/-/d3-7.4.3.tgz", + "integrity": "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww==", + "requires": { + "@types/d3-array": "*", + "@types/d3-axis": "*", + "@types/d3-brush": "*", + "@types/d3-chord": "*", + "@types/d3-color": "*", + "@types/d3-contour": "*", + "@types/d3-delaunay": "*", + "@types/d3-dispatch": "*", + "@types/d3-drag": "*", + "@types/d3-dsv": "*", + "@types/d3-ease": "*", + "@types/d3-fetch": "*", + "@types/d3-force": "*", + "@types/d3-format": "*", + "@types/d3-geo": "*", + "@types/d3-hierarchy": "*", + "@types/d3-interpolate": "*", + "@types/d3-path": "*", + "@types/d3-polygon": "*", + "@types/d3-quadtree": "*", + "@types/d3-random": "*", + "@types/d3-scale": "*", + "@types/d3-scale-chromatic": "*", + "@types/d3-selection": "*", + "@types/d3-shape": "*", + "@types/d3-time": "*", + "@types/d3-time-format": "*", + "@types/d3-timer": "*", + "@types/d3-transition": "*", + "@types/d3-zoom": "*" + } + }, + "@types/d3-array": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/@types/d3-array/-/d3-array-3.2.1.tgz", + "integrity": "sha512-Y2Jn2idRrLzUfAKV2LyRImR+y4oa2AntrgID95SHJxuMUrkNXmanDSed71sRNZysveJVt1hLLemQZIady0FpEg==" + }, + "@types/d3-axis": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-axis/-/d3-axis-3.0.6.tgz", + "integrity": "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw==", + "requires": { + "@types/d3-selection": "*" + } + }, + "@types/d3-brush": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-brush/-/d3-brush-3.0.6.tgz", + "integrity": "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A==", + "requires": { + "@types/d3-selection": "*" + } + }, + "@types/d3-chord": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-chord/-/d3-chord-3.0.6.tgz", + "integrity": "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg==" + }, + "@types/d3-color": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/@types/d3-color/-/d3-color-3.1.3.tgz", + "integrity": "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==" + }, + "@types/d3-contour": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-contour/-/d3-contour-3.0.6.tgz", + "integrity": "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg==", + "requires": { + "@types/d3-array": "*", + "@types/geojson": "*" + } + }, + "@types/d3-delaunay": { + "version": "6.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-delaunay/-/d3-delaunay-6.0.4.tgz", + "integrity": "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw==" + }, + "@types/d3-dispatch": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-dispatch/-/d3-dispatch-3.0.6.tgz", + "integrity": "sha512-4fvZhzMeeuBJYZXRXrRIQnvUYfyXwYmLsdiN7XXmVNQKKw1cM8a5WdID0g1hVFZDqT9ZqZEY5pD44p24VS7iZQ==" + }, + "@types/d3-drag": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-drag/-/d3-drag-3.0.7.tgz", + "integrity": "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ==", + "requires": { + "@types/d3-selection": "*" + } + }, + "@types/d3-dsv": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-dsv/-/d3-dsv-3.0.7.tgz", + "integrity": "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g==" + }, + "@types/d3-ease": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-ease/-/d3-ease-3.0.2.tgz", + "integrity": "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==" + }, + "@types/d3-fetch": { + "version": "3.0.7", + "resolved": "https://registry.npmjs.org/@types/d3-fetch/-/d3-fetch-3.0.7.tgz", + "integrity": "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA==", + "requires": { + "@types/d3-dsv": "*" + } + }, + "@types/d3-force": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@types/d3-force/-/d3-force-3.0.10.tgz", + "integrity": "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw==" + }, + "@types/d3-format": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-format/-/d3-format-3.0.4.tgz", + "integrity": "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g==" + }, + "@types/d3-geo": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@types/d3-geo/-/d3-geo-3.1.0.tgz", + "integrity": "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ==", + "requires": { + "@types/geojson": "*" + } + }, + "@types/d3-hierarchy": { + "version": "3.1.7", + "resolved": "https://registry.npmjs.org/@types/d3-hierarchy/-/d3-hierarchy-3.1.7.tgz", + "integrity": "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg==" + }, + "@types/d3-interpolate": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/d3-interpolate/-/d3-interpolate-3.0.4.tgz", + "integrity": "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==", + "requires": { + "@types/d3-color": "*" + } + }, + "@types/d3-path": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/@types/d3-path/-/d3-path-3.1.0.tgz", + "integrity": "sha512-P2dlU/q51fkOc/Gfl3Ul9kicV7l+ra934qBFXCFhrZMOL6du1TM0pm1ThYvENukyOn5h9v+yMJ9Fn5JK4QozrQ==" + }, + "@types/d3-polygon": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-polygon/-/d3-polygon-3.0.2.tgz", + "integrity": "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA==" + }, + "@types/d3-quadtree": { + "version": "3.0.6", + "resolved": "https://registry.npmjs.org/@types/d3-quadtree/-/d3-quadtree-3.0.6.tgz", + "integrity": "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg==" + }, + "@types/d3-random": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-random/-/d3-random-3.0.3.tgz", + "integrity": "sha512-Imagg1vJ3y76Y2ea0871wpabqp613+8/r0mCLEBfdtqC7xMSfj9idOnmBYyMoULfHePJyxMAw3nWhJxzc+LFwQ==" + }, + "@types/d3-scale": { + "version": "4.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-scale/-/d3-scale-4.0.8.tgz", + "integrity": "sha512-gkK1VVTr5iNiYJ7vWDI+yUFFlszhNMtVeneJ6lUTKPjprsvLLI9/tgEGiXJOnlINJA8FyA88gfnQsHbybVZrYQ==", + "requires": { + "@types/d3-time": "*" + } + }, + "@types/d3-scale-chromatic": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-scale-chromatic/-/d3-scale-chromatic-3.0.3.tgz", + "integrity": "sha512-laXM4+1o5ImZv3RpFAsTRn3TEkzqkytiOY0Dz0sq5cnd1dtNlk6sHLon4OvqaiJb28T0S/TdsBI3Sjsy+keJrw==" + }, + "@types/d3-selection": { + "version": "3.0.10", + "resolved": "https://registry.npmjs.org/@types/d3-selection/-/d3-selection-3.0.10.tgz", + "integrity": "sha512-cuHoUgS/V3hLdjJOLTT691+G2QoqAjCVLmr4kJXR4ha56w1Zdu8UUQ5TxLRqudgNjwXeQxKMq4j+lyf9sWuslg==" + }, + "@types/d3-shape": { + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/@types/d3-shape/-/d3-shape-3.1.6.tgz", + "integrity": "sha512-5KKk5aKGu2I+O6SONMYSNflgiP0WfZIQvVUMan50wHsLG1G94JlxEVnCpQARfTtzytuY0p/9PXXZb3I7giofIA==", + "requires": { + "@types/d3-path": "*" + } + }, + "@types/d3-time": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-time/-/d3-time-3.0.3.tgz", + "integrity": "sha512-2p6olUZ4w3s+07q3Tm2dbiMZy5pCDfYwtLXXHUnVzXgQlZ/OyPtUz6OL382BkOuGlLXqfT+wqv8Fw2v8/0geBw==" + }, + "@types/d3-time-format": { + "version": "4.0.3", + "resolved": "https://registry.npmjs.org/@types/d3-time-format/-/d3-time-format-4.0.3.tgz", + "integrity": "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg==" + }, + "@types/d3-timer": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/@types/d3-timer/-/d3-timer-3.0.2.tgz", + "integrity": "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==" + }, + "@types/d3-transition": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-transition/-/d3-transition-3.0.8.tgz", + "integrity": "sha512-ew63aJfQ/ms7QQ4X7pk5NxQ9fZH/z+i24ZfJ6tJSfqxJMrYLiK01EAs2/Rtw/JreGUsS3pLPNV644qXFGnoZNQ==", + "requires": { + "@types/d3-selection": "*" + } + }, + "@types/d3-zoom": { + "version": "3.0.8", + "resolved": "https://registry.npmjs.org/@types/d3-zoom/-/d3-zoom-3.0.8.tgz", + "integrity": "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw==", + "requires": { + "@types/d3-interpolate": "*", + "@types/d3-selection": "*" + } + }, "@types/debug": { "version": "0.0.30", "resolved": "https://registry.npmjs.org/@types/debug/-/debug-0.0.30.tgz", @@ -71831,15 +72333,6 @@ "@types/json-schema": "*" } }, - "@types/eslint-scope": { - "version": "3.7.7", - "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz", - "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==", - "requires": { - "@types/eslint": "*", - "@types/estree": "*" - } - }, "@types/eslint-visitor-keys": { "version": "1.0.0" }, @@ -71854,6 +72347,11 @@ "@types/estree": "*" } }, + "@types/geojson": { + "version": "7946.0.14", + "resolved": "https://registry.npmjs.org/@types/geojson/-/geojson-7946.0.14.tgz", + "integrity": "sha512-WCfD5Ht3ZesJUsONdhvm84dmzWOiOzOAqOncN0++w0lBw1o8OuDNJF2McvvCef/yBqb/HYRahp1BYtODFQ8bRg==" + }, "@types/get-port": { "version": "3.2.0", "resolved": "https://registry.npmjs.org/@types/get-port/-/get-port-3.2.0.tgz", @@ -72100,6 +72598,53 @@ "resolved": "https://registry.npmjs.org/@types/tmp/-/tmp-0.0.33.tgz", "integrity": "sha512-gVC1InwyVrO326wbBZw+AO3u2vRXz/iRWq9jYhpG4W8LXyIgDv3ZmcLQ5Q4Gs+gFMyqx+viFoFT+l3p61QFCmQ==" }, + "@types/topojson": { + "version": "3.2.6", + "resolved": "https://registry.npmjs.org/@types/topojson/-/topojson-3.2.6.tgz", + "integrity": "sha512-ppfdlxjxofWJ66XdLgIlER/85RvpGyfOf8jrWf+3kVIjEatFxEZYD/Ea83jO672Xu1HRzd/ghwlbcZIUNHTskw==", + "requires": { + "@types/geojson": "*", + "@types/topojson-client": "*", + "@types/topojson-server": "*", + "@types/topojson-simplify": "*", + "@types/topojson-specification": "*" + } + }, + "@types/topojson-client": { + "version": "3.1.4", + "resolved": "https://registry.npmjs.org/@types/topojson-client/-/topojson-client-3.1.4.tgz", + "integrity": "sha512-Ntf3ZSetMYy7z3PrVCvcqmdRoVhgKA9UKN0ZuuZf8Ts2kcyL4qK34IXBs6qO5fem62EK4k03PtkJPVoroVu4/w==", + "requires": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "@types/topojson-server": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@types/topojson-server/-/topojson-server-3.0.4.tgz", + "integrity": "sha512-5+ieK8ePfP+K2VH6Vgs1VCt+fO1U8XZHj0UsF+NktaF0DavAo1q3IvCBXgokk/xmtvoPltSUs6vxuR/zMdOE1g==", + "requires": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "@types/topojson-simplify": { + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/@types/topojson-simplify/-/topojson-simplify-3.0.3.tgz", + "integrity": "sha512-sBO5UZ0O2dB0bNwo0vut2yLHhj3neUGi9uL7/ROdm8Gs6dtt4jcB9OGDKr+M2isZwQM2RuzVmifnMZpxj4IGNw==", + "requires": { + "@types/geojson": "*", + "@types/topojson-specification": "*" + } + }, + "@types/topojson-specification": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/topojson-specification/-/topojson-specification-1.0.5.tgz", + "integrity": "sha512-C7KvcQh+C2nr6Y2Ub4YfgvWvWCgP2nOQMtfhlnwsRL4pYmmwzBS7HclGiS87eQfDOU/DLQpX6GEscviaz4yLIQ==", + "requires": { + "@types/geojson": "*" + } + }, "@types/uglify-js": { "version": "3.16.0", "requires": { @@ -73259,12 +73804,22 @@ } }, "babel-plugin-polyfill-corejs3": { - "version": "0.10.4", - "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz", - "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==", + "version": "0.10.6", + "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.6.tgz", + "integrity": "sha512-b37+KR2i/khY5sKmWNVQAnitvquQbNdWy6lJdsr0kmquCKEEUgMKK4SboVM3HtfnZilfjr4MMQ7vY58FVWDtIA==", "requires": { - "@babel/helper-define-polyfill-provider": "^0.6.1", - "core-js-compat": "^3.36.1" + "@babel/helper-define-polyfill-provider": "^0.6.2", + "core-js-compat": "^3.38.0" + }, + "dependencies": { + "core-js-compat": { + "version": "3.38.1", + "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz", + "integrity": "sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==", + "requires": { + "browserslist": "^4.23.3" + } + } } }, "babel-plugin-polyfill-regenerator": { @@ -77960,9 +78515,9 @@ } }, "elliptic": { - "version": "6.5.5", - "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.5.tgz", - "integrity": "sha512-7EjbcmUm17NQFu4Pmgmq2olYMj8nwMnpcddByChSUjArp8F5DQWcIcpriwO4ZToLNAJig0yiyjswfyGNje/ixw==", + "version": "6.5.7", + "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.5.7.tgz", + "integrity": "sha512-ESVCtTwiA+XhY3wyh24QqRGBoP3rEdDUl3EDUUo9tft074fi19IrdpH7hLCMMP3CIj7jb3W96rn8lt/BqIlt5Q==", "requires": { "bn.js": "^4.11.9", "brorand": "^1.1.0", @@ -81089,9 +81644,9 @@ "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==" }, "terser": { - "version": "5.31.6", - "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.6.tgz", - "integrity": "sha512-PQ4DAriWzKj+qgehQ7LK5bQqCFNMmlhjR2PFFLuqGCpuCAauxemVBWwWOxo3UIwWQx8+Pr61Df++r76wDmkQBg==", + "version": "5.32.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-5.32.0.tgz", + "integrity": "sha512-v3Gtw3IzpBJ0ugkxEX8U0W6+TnPKRRCWGh1jC/iM/e3Ki5+qvO1L1EAZ56bZasc64aXHwRHNIQEzm6//i5cemQ==", "requires": { "@jridgewell/source-map": "^0.3.3", "acorn": "^8.8.2", @@ -81170,11 +81725,10 @@ } }, "webpack": { - "version": "5.93.0", - "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.93.0.tgz", - "integrity": "sha512-Y0m5oEY1LRuwly578VqluorkXbvXKh7U3rLoQCEO04M97ScRr44afGVkI0FQFsXzysk5OgFAxjZAb9rsGQVihA==", + "version": "5.94.0", + "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.94.0.tgz", + "integrity": "sha512-KcsGn50VT+06JH/iunZJedYGUJS5FGjow8wb9c0v5n1Om8O1g4L6LjtfxwlXIATopoQu+vOXXa7gYisWxCoPyg==", "requires": { - "@types/eslint-scope": "^3.7.3", "@types/estree": "^1.0.5", "@webassemblyjs/ast": "^1.12.1", "@webassemblyjs/wasm-edit": "^1.12.1", @@ -81183,7 +81737,7 @@ "acorn-import-attributes": "^1.9.5", "browserslist": "^4.21.10", "chrome-trace-event": "^1.0.2", - "enhanced-resolve": "^5.17.0", + "enhanced-resolve": "^5.17.1", "es-module-lexer": "^1.2.1", "eslint-scope": "5.1.1", "events": "^3.2.0", @@ -89439,9 +89993,9 @@ } }, "node-abi": { - "version": "3.65.0", - "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.65.0.tgz", - "integrity": "sha512-ThjYBfoDNr08AWx6hGaRbfPwxKV9kVzAzOzlLKbk2CuqXE2xnCh+cbAGnwM3t8Lq4v9rUB7VfondlkBckcJrVA==", + "version": "3.67.0", + "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.67.0.tgz", + "integrity": "sha512-bLn/fU/ALVBE9wj+p4Y21ZJWYFjUXLXPi/IewyLZkx3ApxKDNBWCKdReeKOtD8dWpOdDCeMyLh6ZewzcLsG2Nw==", "requires": { "semver": "^7.3.5" } @@ -92666,9 +93220,9 @@ } }, "react-focus-lock": { - "version": "2.12.1", - "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.12.1.tgz", - "integrity": "sha512-lfp8Dve4yJagkHiFrC1bGtib3mF2ktqwPJw4/WGcgPW+pJ/AVQA5X2vI7xgp13FcxFEpYBBHpXai/N2DBNC0Jw==", + "version": "2.13.2", + "resolved": "https://registry.npmjs.org/react-focus-lock/-/react-focus-lock-2.13.2.tgz", + "integrity": "sha512-T/7bsofxYqnod2xadvuwjGKHOoL5GH7/EIPI5UyEvaU/c2CcphvGI371opFtuY/SYdbMsNiuF4HsHQ50nA/TKQ==", "requires": { "@babel/runtime": "^7.0.0", "focus-lock": "^1.3.5", @@ -92994,9 +93548,7 @@ } }, "readable-stream": { - "version": "3.6.2", - "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", - "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==", + "version": "3.6.0", "requires": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", @@ -97992,9 +98544,9 @@ } }, "tslib": { - "version": "2.6.3", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.3.tgz", - "integrity": "sha512-xNvxJEOUiWPGhUuUdQgAJPKOOJfGnIyKySOc09XkKsgdUV/3E2zvwZYdejjmRgPCgcym1juLH3226yA7sEFJKQ==" + "version": "2.7.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.7.0.tgz", + "integrity": "sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==" }, "tsutils": { "version": "3.21.0", @@ -98229,9 +98781,9 @@ } }, "undici": { - "version": "6.19.7", - "resolved": "https://registry.npmjs.org/undici/-/undici-6.19.7.tgz", - "integrity": "sha512-HR3W/bMGPSr90i8AAp2C4DM3wChFdJPLrWYpIS++LxS8K+W535qftjt+4MyjNYHeWabMj1nvtmLIi7l++iq91A==" + "version": "6.19.8", + "resolved": "https://registry.npmjs.org/undici/-/undici-6.19.8.tgz", + "integrity": "sha512-U8uCCl2x9TK3WANvmBavymRzxbfFYG+tAu+fgx3zxQy3qdagQqBLwJVrdyO1TBfUXvfKveMKJZhpvUYoOjM+4g==" }, "unescape": { "version": "1.0.1", diff --git a/packages/charts/CHANGELOG.md b/packages/charts/CHANGELOG.md index cda5b1340..01750fe7e 100644 --- a/packages/charts/CHANGELOG.md +++ b/packages/charts/CHANGELOG.md @@ -1,16 +1,11 @@ # @react-magma/charts -## 8.0.0 - -### Minor Changes - -- 5f16d2018: Updating emotion to v11 +## 9.0.0-next.0 ### Patch Changes -- 5f16d2018: fix(CarbonCharts): Minify styles -- 5f16d2018: chore: Deprecate LineChart -- 5f16d2018: fix(CarbonCharts): Remove exports & remove highlight import +- Updated dependencies [fdf2dc929] + - react-magma-dom@4.6.0-next.0 ## 8.0.0-next.5 diff --git a/packages/charts/package.json b/packages/charts/package.json index dbaf28adc..fc1fcb881 100644 --- a/packages/charts/package.json +++ b/packages/charts/package.json @@ -1,6 +1,6 @@ { "name": "@react-magma/charts", - "version": "8.0.0", + "version": "9.0.0-next.0", "publishConfig": { "access": "public" }, @@ -31,7 +31,7 @@ "@emotion/styled": "^11.13.0", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0-next.7", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0" }, "dependencies": { @@ -48,7 +48,7 @@ "identity-obj-proxy": "^3.0.0", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0" }, "exports": { diff --git a/packages/charts/src/components/LineChart/Chart.tsx b/packages/charts/src/components/LineChart/Chart.tsx index 624afeb94..43bfc6c30 100644 --- a/packages/charts/src/components/LineChart/Chart.tsx +++ b/packages/charts/src/components/LineChart/Chart.tsx @@ -119,11 +119,7 @@ function BaseChart(props: ChartProps, ref: React.Ref) { setIsKeyboardInstructionsOpen(prevOpen => !prevOpen); } - function handleKeyboardInstructionsButtonKeydown(event: { - preventDefault?: any; - key?: any; - shiftKey?: any; - }) { + function handleKeyboardInstructionsButtonKeydown(event: { preventDefault?: any; key?: any; shiftKey?: any; }) { const { key, shiftKey } = event; switch (key) { diff --git a/packages/dropzone/CHANGELOG.md b/packages/dropzone/CHANGELOG.md index b2cc8ec3c..4c802ece5 100644 --- a/packages/dropzone/CHANGELOG.md +++ b/packages/dropzone/CHANGELOG.md @@ -1,84 +1,50 @@ # Change Log -## 8.0.0 - -### Minor Changes - -- 5f16d2018: Updating emotion to v11 - -### Patch Changes - -- 5f16d2018: fix(Dropzone): Open file browse on button click - -## 8.0.0-next.3 +## 9.0.0-next.0 ### Patch Changes -- bf5537baa: fix(Dropzone): Open file browse on button click +- Updated dependencies [fdf2dc929] + - react-magma-dom@4.6.0-next.0 -## 8.0.0-next.2 +## 8.0.0 ### Minor Changes -- ae668a3e5: Updating emotion to v11 - -## 8.0.0-next.1 +- 5f16d2018: Updating emotion to v11 ### Patch Changes -- Updated dependencies [9e38e9e7f] - - react-magma-dom@4.5.0-next.7 - -## 7.0.1-next.0 +- 5f16d2018: fix(Dropzone): Open file browse on button click -### Patch Changes +## 7.0.0 - Updated dependencies [9f1e0956a] - react-magma-dom@4.4.1-next.0 -## 7.0.0 - -## 7.0.0-next.1 - -### Patch Changes - -- Updated dependencies [ab6ffd4ed] - - react-magma-dom@4.4.0-next.2 - -## 6.0.1-next.0 +## 6.0.1 ### Patch Changes - Updated dependencies [3e14d4bd8] - react-magma-dom@4.3.1-next.0 -## 6.0.0-next.1 +## 6.0.0 ### Patch Changes - Updated dependencies [c47fc18b4] - react-magma-dom@4.3.0-next.2 -## 5.0.1-next.0 +## 5.0.1 ### Patch Changes - Updated dependencies [fc3098851] - react-magma-dom@4.2.1-next.0 -## 5.0.0 - -## 5.0.0-next.0 - -### Patch Changes - -- Updated dependencies [9a09b8b55] - - react-magma-dom@4.2.0-next.0 - ## 4.0.1 -## 4.0.1-next.0 - ### Patch Changes - Updated dependencies [871820e8d] @@ -86,14 +52,12 @@ ## 4.0.0 -## 4.0.0-next.1 - ### Patch Changes - Updated dependencies [3d00dcc7e] - react-magma-dom@4.1.0-next.2 -## 3.0.1-next.0 +## 3.0.1 ### Patch Changes @@ -106,12 +70,6 @@ - c01c53838: chore: Update to React v17.0.2 -## 3.0.0-next.0 - -### Major Changes - -- c01c53838: chore: Update to React v17.0.2 - ### Patch Changes - Updated dependencies [adba671f3] @@ -123,17 +81,6 @@ ### Patch Changes - 7b4549726: Update react-magma-icons version to 2.3.6 - -## 2.0.1-next.1 - -### Patch Changes - -- 7b4549726: Update react-magma-icons version to 2.3.6 - -## 2.0.1-next.0 - -### Patch Changes - - Updated dependencies [f5189569b] - react-magma-dom@3.2.1-next.0 @@ -143,42 +90,14 @@ - 95fc5ae7: chore(npm/node): Update versions -## 2.0.0-next.1 - -### Patch Changes - -- 95fc5ae72: chore(npm/node): Update versions - -## 2.0.0-next.0 - -### Patch Changes - -- Updated dependencies [47015f38] - - react-magma-dom@3.2.0-next.0 - ## 1.0.3 ### Patch Changes - 0de78513: build(deps): Bump react-magma-icons to 2.3.4 -## 1.0.3-next.1 - -### Patch Changes - -- 0de78513c: build(deps): Bump react-magma-icons to 2.3.4 - -## 1.0.3-next.0 - -### Patch Changes - -- Updated dependencies [17ee57afe] - - react-magma-dom@3.1.2-next.0 - ## 1.0.2 -## 1.0.2-next.0 - ### Patch Changes - Updated dependencies [fc8a20bf] diff --git a/packages/dropzone/package.json b/packages/dropzone/package.json index 5cf372340..c784f2c79 100644 --- a/packages/dropzone/package.json +++ b/packages/dropzone/package.json @@ -1,6 +1,6 @@ { "name": "@react-magma/dropzone", - "version": "8.0.0", + "version": "9.0.0-next.0", "publishConfig": { "access": "public" }, @@ -30,7 +30,7 @@ "@emotion/styled": "^11.13.0", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0-next.7", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0" }, "dependencies": { @@ -42,7 +42,7 @@ "@emotion/styled": "^11.13.0", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0" } } diff --git a/packages/react-magma-dom/CHANGELOG.md b/packages/react-magma-dom/CHANGELOG.md index 4a8cae018..ca6f6ae96 100644 --- a/packages/react-magma-dom/CHANGELOG.md +++ b/packages/react-magma-dom/CHANGELOG.md @@ -1,28 +1,10 @@ -## 4.5.0 - -### Minor Changes - -- 5f16d2018: Updating emotion to v11 -- 5f16d2018: feat(Stepper): New Stepper component. Displays step based content for use in multi-step interfaces. - -### Patch Changes -- 5f16d2018: fix(datePicker): Remove date picker calendar table role -- 5f16d2018: fix(datePicker): Fix date picker clearing functionality -- 5f16d2018: fix(Hyperlink): Support Icons and toggling underline styling -- 5f16d2018: fix(Input): Add `inputWrapperStyle` prop to allow more flexibility with Input widths -- 5f16d2018: fix(Modal): Remove unnecessary `aria-describedBy=“modal”`. Add `ariaLabel` prop so that Modals without headers can customize the `aria-label` instead of defaulting to `aria-label="modal"` which is not correct for a11y standards. -- 5f16d2018: fix(NativeSelect): Update arrow placement, arrow color and border color when disabled -- 5f16d2018: fix(Modal): Background overlay issue on nested modals -- 5f16d2018: build(deps): bump express from 4.18.1 to 4.19.2 -- 5f16d2018: fix(ProgressBar): Add support for custom colors -- 5f16d2018: build(deps): bump tar from 6.1.11 to 6.2.1 ## 4.5.0 ### Minor Changes -- ae668a3e5: chore: Updating emotion to v11 +- ae668a3e5: chore: Updating emotion to v11. **Note: adopters will need to upgrade** their packages to the following versions `"@emotion/react": "^11.13.0", "@emotion/styled": "^11.13.0"`. Notice that `@emotion/core` has been replaced with `@emotion/styled` and that's the only breaking change. - 9e38e9e7f: feat(Stepper): New Stepper component. Displays step based content for use in multi-step interfaces. ### Patch Changes diff --git a/packages/react-magma-dom/package.json b/packages/react-magma-dom/package.json index 28865d01d..4b4b2f88f 100644 --- a/packages/react-magma-dom/package.json +++ b/packages/react-magma-dom/package.json @@ -1,6 +1,6 @@ { "name": "react-magma-dom", - "version": "4.5.0", + "version": "4.6.0-next.14", "description": "", "main": "dist/index.js", "module": "dist/esm/index.js", diff --git a/packages/react-magma-dom/src/components/Accordion/Accordion.stories.tsx b/packages/react-magma-dom/src/components/Accordion/Accordion.stories.tsx index 5f74f3089..1389426d3 100644 --- a/packages/react-magma-dom/src/components/Accordion/Accordion.stories.tsx +++ b/packages/react-magma-dom/src/components/Accordion/Accordion.stories.tsx @@ -25,7 +25,6 @@ import { magma } from '../../theme/magma'; import { Story, Meta } from '@storybook/react/types-6-0'; import { ButtonGroup } from '../ButtonGroup'; - export default { component: Accordion, title: 'Accordion', @@ -98,15 +97,15 @@ ControlledNoMulti.args = { export const ExpandCollapseAll = args => { const [expandedIndex, setExpandedIndex] = React.useState([]); - const [disableExpandAll, setDisableExpandAll] = React.useState(false); - const [disableCollapseAll, setDisableCollapseAll] = React.useState(true); - const handleExpandAll = () => { - setExpandedIndex([0, 1, 2]); - }; + const isAllExpanded = expandedIndex.length > 0; - const handleCollapseAll = () => { - setExpandedIndex([]); + const handleToggleAll = () => { + if (isAllExpanded) { + setExpandedIndex([]); + } else { + setExpandedIndex([0, 1, 2]); + } }; const handleExpandedChange = index => { @@ -117,27 +116,11 @@ export const ExpandCollapseAll = args => { } }; - React.useEffect(() => { - if (expandedIndex.length === 0) { - setDisableCollapseAll(true); - setDisableExpandAll(false); - } else if (expandedIndex.length === 3) { - setDisableCollapseAll(false); - setDisableExpandAll(true); - } else { - setDisableCollapseAll(false); - setDisableExpandAll(false); - } - }, [expandedIndex]); - return ( <> - -
diff --git a/packages/react-magma-dom/src/components/Accordion/useAccordionButton.ts b/packages/react-magma-dom/src/components/Accordion/useAccordionButton.ts index 2e1bb1547..bf986804f 100644 --- a/packages/react-magma-dom/src/components/Accordion/useAccordionButton.ts +++ b/packages/react-magma-dom/src/components/Accordion/useAccordionButton.ts @@ -67,6 +67,10 @@ export function useAccordionButton( const handleKeyDown = (event: React.KeyboardEvent) => { const arrLength = buttonRefArray.current.length; + if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) { + event.preventDefault(); + } + switch (event.key) { case 'ArrowDown': { index === arrLength - 1 ? focusFirst() : focusNext(); diff --git a/packages/react-magma-dom/src/components/Breadcrumb/BreadcrumbItem.tsx b/packages/react-magma-dom/src/components/Breadcrumb/BreadcrumbItem.tsx index 312bb7dfe..fcf16831c 100644 --- a/packages/react-magma-dom/src/components/Breadcrumb/BreadcrumbItem.tsx +++ b/packages/react-magma-dom/src/components/Breadcrumb/BreadcrumbItem.tsx @@ -1,9 +1,9 @@ +import styled from '@emotion/styled'; import * as React from 'react'; +import { ChevronRightIcon } from 'react-magma-icons'; +import { useIsInverse } from '../../inverse'; import { ThemeContext } from '../../theme/ThemeContext'; import { Hyperlink } from '../Hyperlink'; -import { useIsInverse } from '../../inverse'; -import { ChevronRightIcon } from 'react-magma-icons'; -import styled from '@emotion/styled'; /** * @children required @@ -15,7 +15,7 @@ export interface BreadcrumbItemProps */ testId?: string; /** - * The href value of the link. If left blank, the breadcrumb item will render as a span with aria-current="page" on it. + * The URL for the link. If not provided, the breadcrumb item will display as a non-clickable element with aria-current="page". */ to?: string; } @@ -27,11 +27,36 @@ const StyledItem = styled.li` display: flex; `; -const StyledSpan = styled.span<{ isInverse?: boolean }>` +const StyledLink = styled.a<{ isInverse?: boolean }>` + align-items: center; + display: flex; color: ${props => props.isInverse ? props.theme.colors.neutral100 : props.theme.colors.neutral700}; + text-decoration: none; + cursor: default; + + &:hover, + &:focus { + color: ${props => + props.isInverse + ? props.theme.colors.neutral100 + : props.theme.colors.neutral700}; + } + &:focus { + outline: 2px solid + ${props => + props.isInverse + ? props.theme.colors.focusInverse + : props.theme.colors.focus}; + outline-offset: 2px; + } +`; + +const StyledSpan = styled.span<{ isInverse?: boolean }>` + align-items: center; + display: flex; svg { margin: 0 ${props => props.theme.spaceScale.spacing02}; @@ -62,9 +87,17 @@ export const BreadcrumbItem = React.forwardRef< ) : ( - - {children} - + <> + e.preventDefault()} + > + {children} + + )} ); diff --git a/packages/react-magma-dom/src/components/Button/Button.stories.tsx b/packages/react-magma-dom/src/components/Button/Button.stories.tsx index 78bed1057..195f51b2c 100644 --- a/packages/react-magma-dom/src/components/Button/Button.stories.tsx +++ b/packages/react-magma-dom/src/components/Button/Button.stories.tsx @@ -13,6 +13,7 @@ import { Card, CardBody } from '../Card'; import { magma } from '../../theme/magma'; import { Story, Meta } from '@storybook/react/types-6-0'; import { ButtonGroup } from '../ButtonGroup'; +import { VisuallyHidden } from '../VisuallyHidden'; const Template: Story = args => ( <> @@ -40,11 +41,7 @@ const Template: Story = args => ( > Secondary - + + + ); +}; diff --git a/packages/react-magma-dom/src/components/Button/Button.test.js b/packages/react-magma-dom/src/components/Button/Button.test.js index c89070444..104983340 100644 --- a/packages/react-magma-dom/src/components/Button/Button.test.js +++ b/packages/react-magma-dom/src/components/Button/Button.test.js @@ -1,4 +1,3 @@ -// import React from 'react'; import { axe } from '../../../axe-helper'; import { diff --git a/packages/react-magma-dom/src/components/Datagrid/Datagrid.stories.tsx b/packages/react-magma-dom/src/components/Datagrid/Datagrid.stories.tsx index 48521dc43..6a37945ef 100644 --- a/packages/react-magma-dom/src/components/Datagrid/Datagrid.stories.tsx +++ b/packages/react-magma-dom/src/components/Datagrid/Datagrid.stories.tsx @@ -23,6 +23,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 1', }, { id: 2, @@ -30,6 +31,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 2', }, { id: 3, @@ -37,6 +39,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 3', }, { id: 4, @@ -44,6 +47,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 4', }, { id: 5, @@ -51,6 +55,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 5', }, { id: 6, @@ -58,6 +63,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 6', }, { id: 7, @@ -65,6 +71,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 7', }, { id: 8, @@ -72,6 +79,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 8', }, { id: 9, @@ -79,6 +87,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 9', }, { id: 10, @@ -86,6 +95,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 10', }, { id: 11, @@ -93,6 +103,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 11', }, { id: 12, @@ -100,6 +111,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 12', }, { id: 13, @@ -107,6 +119,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 13', }, { id: 14, @@ -114,6 +127,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 14', }, { id: 15, @@ -121,6 +135,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 15', }, { id: 16, @@ -128,6 +143,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 16', }, { id: 17, @@ -135,6 +151,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 17', }, { id: 18, @@ -142,6 +159,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 18', }, { id: 19, @@ -149,6 +167,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 19', }, { id: 20, @@ -156,6 +175,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 20', }, { id: 21, @@ -163,6 +183,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 21', }, { id: 22, @@ -170,6 +191,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 22', }, { id: 23, @@ -177,6 +199,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 23', }, { id: 24, @@ -184,6 +207,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 24', }, { id: 25, @@ -191,6 +215,7 @@ const rowsForPagination = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 25', }, ]; @@ -275,6 +300,7 @@ const coloredRows = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row danger', }, { id: 2, @@ -283,6 +309,7 @@ const coloredRows = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row info', }, { id: 3, @@ -291,6 +318,7 @@ const coloredRows = [ col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row success', }, ]; @@ -354,7 +382,7 @@ export const SelectableAndSortable: Story = ({ setSelectedDirection(direction); setPriceDirection(TableSortDirection.none); setStockDirection(TableSortDirection.none); - } else if (key === 'price'){ + } else if (key === 'price') { if ( sortConfig?.key === key && priceDirection === TableSortDirection.ascending @@ -364,7 +392,7 @@ export const SelectableAndSortable: Story = ({ setPriceDirection(direction); setSelectedDirection(TableSortDirection.none); setStockDirection(TableSortDirection.none); - } else if (key === 'stock'){ + } else if (key === 'stock') { if ( sortConfig?.key === key && stockDirection === TableSortDirection.ascending @@ -402,12 +430,12 @@ export const SelectableAndSortable: Story = ({ }, ]; const products = [ - { id: 1, name: 'Cheese', price: 5, stock: 20 }, - { id: 2, name: 'Milk', price: 5, stock: 32 }, - { id: 3, name: 'Yogurt', price: 3, stock: 12 }, - { id: 4, name: 'Heavy Cream', price: 10, stock: 9 }, - { id: 5, name: 'Butter', price: 2, stock: 99 }, - { id: 6, name: 'Sour Cream ', price: 4, stock: 86 }, + { id: 1, name: 'Cheese', price: 5, stock: 20, rowName: 'Cheese' }, + { id: 2, name: 'Milk', price: 5, stock: 32, rowName: 'Milk' }, + { id: 3, name: 'Yogurt', price: 3, stock: 12, rowName: 'Yogurt' }, + { id: 4, name: 'Heavy Cream', price: 10, stock: 9, rowName: 'Heavy Cream' }, + { id: 5, name: 'Butter', price: 2, stock: 99, rowName: 'Butter' }, + { id: 6, name: 'Sour Cream', price: 4, stock: 86, rowName: 'Sour Cream' }, ]; const [selectedItems, setSelectedItems] = React.useState([]); @@ -447,7 +475,8 @@ export const SelectableAndSortable: Story = ({ } } else { let sortableItems = [...products]; - const direction = sortConfig.key === 'price' ? priceDirection : stockDirection; + const direction = + sortConfig.key === 'price' ? priceDirection : stockDirection; sortableItems.sort((a, b) => { if (a[sortConfig.key] < b[sortConfig.key]) { return direction === TableSortDirection.ascending ? -1 : 1; @@ -496,9 +525,9 @@ export const SelectableAndSortable: Story = ({ onRowSelect={handleRowSelect} onHeaderSelect={handleHeaderSelect} sortDirection={selectedDirection} - /> - - {sortConfig.message} + /> + + {sortConfig.message} ); diff --git a/packages/react-magma-dom/src/components/Datagrid/Datagrid.tsx b/packages/react-magma-dom/src/components/Datagrid/Datagrid.tsx index 45ff098f9..f0aba65bc 100644 --- a/packages/react-magma-dom/src/components/Datagrid/Datagrid.tsx +++ b/packages/react-magma-dom/src/components/Datagrid/Datagrid.tsx @@ -278,7 +278,7 @@ export const Datagrid = React.forwardRef( return ( <> - +
( } isSelectableDisabled={isSelectableDisabled} onTableRowSelect={event => handleRowSelect(id, event)} + {...other} > {columns.map(({ field, isRowHeader }: DatagridColumn) => { return isRowHeader ? ( diff --git a/packages/react-magma-dom/src/components/DatePicker/DatePicker.stories.tsx b/packages/react-magma-dom/src/components/DatePicker/DatePicker.stories.tsx index 9c4711272..938b3d263 100644 --- a/packages/react-magma-dom/src/components/DatePicker/DatePicker.stories.tsx +++ b/packages/react-magma-dom/src/components/DatePicker/DatePicker.stories.tsx @@ -131,6 +131,7 @@ export const ClearingTheDate = args => { {}} value={chosenDate} isClearable /> @@ -144,6 +145,11 @@ export const Events = args => { const [chosenDate, setChosenDate] = React.useState( undefined ); + const [changedValue, setChangedValue] = React.useState(''); + + function handleChange(value: string | Date, event: React.EventChangeHandler) { + setChangedValue(value); + } function handleDateChange(newChosenDate: Date) { setChosenDate(newChosenDate); @@ -165,7 +171,7 @@ export const Events = args => { } return ( -
+ <>

Chosen Date: {chosenDate && ( @@ -176,12 +182,17 @@ export const Events = args => { )}

+

+ Changed Value: + {changedValue && {changedValue}} +

-
+ ); }; diff --git a/packages/react-magma-dom/src/components/DatePicker/index.tsx b/packages/react-magma-dom/src/components/DatePicker/index.tsx index e63dc56bb..fee3af567 100644 --- a/packages/react-magma-dom/src/components/DatePicker/index.tsx +++ b/packages/react-magma-dom/src/components/DatePicker/index.tsx @@ -342,7 +342,7 @@ export const DatePicker = React.forwardRef( props.onChange && typeof props.onChange === 'function' && - props.onChange(day.toISOString(), event); + props.onChange(day?.toISOString(), event); onDateChange(day); setFocusedDate(day); diff --git a/packages/react-magma-dom/src/components/Drawer/Drawer.stories.tsx b/packages/react-magma-dom/src/components/Drawer/Drawer.stories.tsx index 01408bb99..28bcd6416 100644 --- a/packages/react-magma-dom/src/components/Drawer/Drawer.stories.tsx +++ b/packages/react-magma-dom/src/components/Drawer/Drawer.stories.tsx @@ -30,6 +30,7 @@ export const Default = args => { header="Drawer Title" onClose={() => setShowDrawer(false)} isOpen={showDrawer} + closeAriaLabel="Close drawer" {...args} >

This is a Drawer, doing Drawer things.

@@ -55,6 +56,7 @@ export const SiteNavigation = args => { isOpen={showDrawer} position={DrawerPosition.right} ariaLabel="Site Navigation Drawer" + closeAriaLabel="Close Navigation Drawer" > One diff --git a/packages/react-magma-dom/src/components/IndeterminateCheckbox/index.tsx b/packages/react-magma-dom/src/components/IndeterminateCheckbox/index.tsx index ec13f8a26..155a15e2e 100644 --- a/packages/react-magma-dom/src/components/IndeterminateCheckbox/index.tsx +++ b/packages/react-magma-dom/src/components/IndeterminateCheckbox/index.tsx @@ -2,8 +2,8 @@ import * as React from 'react'; import { ThemeContext } from '../../theme/ThemeContext'; import { CheckboxProps, - HiddenLabelText, HiddenInput, + HiddenLabelText, StyledFakeInput, } from '../Checkbox'; import { @@ -15,7 +15,7 @@ import { FormGroupContext } from '../FormGroup'; import { InputMessage } from '../Input/InputMessage'; import { StyledLabel } from '../SelectionControls/StyledLabel'; import { StyledContainer } from '../SelectionControls/StyledContainer'; -import { useGenerateId, Omit } from '../../utils'; +import { Omit, useGenerateId } from '../../utils'; import { VisuallyHidden } from '../VisuallyHidden'; import { Announce } from '../Announce'; import { I18nContext } from '../../i18n'; @@ -143,11 +143,14 @@ export const IndeterminateCheckbox = React.forwardRef< const isInverse = useIsInverse(props.isInverse); + const ariaCheckedValue = isIndeterminate ? 'mixed' : !isUnchecked; + return ( <> ( props.onChange(event); setValue(event.target.value); - if (!event.target.value && onDateChange && typeof onDateChange === 'function') onDateChange(null); + if ( + !event.target.value && + onDateChange && + typeof onDateChange === 'function' + ) + onDateChange(null); } const passwordBtnWidth = () => { diff --git a/packages/react-magma-dom/src/components/List/List.stories.tsx b/packages/react-magma-dom/src/components/List/List.stories.tsx index b349f71be..0ddbd63e4 100644 --- a/packages/react-magma-dom/src/components/List/List.stories.tsx +++ b/packages/react-magma-dom/src/components/List/List.stories.tsx @@ -1,11 +1,12 @@ import React from 'react'; -import { - // IconAlignment, - // IconSizes, - List, -} from './List'; +import { IconAlignment, List, olListType, ulListType } from './List'; import { ListItem } from './ListItem'; -import { EmailIcon } from 'react-magma-icons'; +import { + DeleteIcon, + DraftsIcon, + FolderOpenIcon, + InboxIcon, +} from 'react-magma-icons'; import { TypographyVisualStyle } from '../Typography'; import { magma } from '../..'; import { Card, CardBody } from '../Card'; @@ -25,6 +26,11 @@ export default { type: 'boolean', }, }, + isReversed: { + control: { + type: 'boolean', + }, + }, spacingStyle: { control: { type: 'select', @@ -37,39 +43,261 @@ export default { options: TypographyVisualStyle, }, }, + listType: { + control: { + type: 'select', + options: ulListType || olListType, + }, + }, + iconAlign: { + control: { + type: 'select', + options: IconAlignment, + }, + }, }, } as Meta; -export const Default = args => { +export const Simple = args => { return ( - - Sample text - Sample text again - - Sample text again and a{' '} - Check this out - - Sample text again - Sample text again - Sample text again - Sample text again - -
- - } iconBackground="danger"> - Sample text - - }>Sample text again - }>Sample text again - }>Sample text again - }> - Sample text again - This is a description - - + + English: Hello + Spanish: Hola + French: Bonjour + German: Hallo + Italian: Ciao + Portuguese: Olá + ); }; +Simple.args = { + spacingStyle: magma.spaceScale.spacing07, + isOrdered: false, + isReversed: false, + isInverse: false, + visualStyle: TypographyVisualStyle.headingMedium, + listType: ulListType.square, +}; +Simple.parameters = { + controls: { exclude: ['iconAlign'] }, +}; + +export const UnorderedList = args => { + return ( + + + + + Mammals + + + Dogs + + German Shepherd + Labrador Retriever + American Bully + + + + Cats + + Siamese + Persian + Bengal + + + + + + Reptiles + + + Snakes + + Python + Boa Constrictor + Corn Snake + + + + Lizards + + Geckos + Iguanas + Chameleons + + + + + + Birds + + + Parrots + + African Grey + Cockatiel + Budgerigar + + + + Birds of Prey + + Eagles + Hawks + Falcons + + + + + + + + ); +}; +UnorderedList.args = { + spacingStyle: magma.spaceScale.spacing04, + isOrdered: false, +}; +UnorderedList.parameters = { + controls: { exclude: ['visualStyle', 'iconAlign'] }, +}; + +export const OrderedList = args => { + return ( + + + + + Fruits + + Apples + Bananas + Oranges + + + + Vegetables + + + Leafy greens + + Spinach + Kale + + + + Root vegetables + + Carrots + Potatoes + + + + + + Dairy + + Milk + Cheese + + + + + + ); +}; +OrderedList.args = { + spacingStyle: magma.spaceScale.spacing04, + isOrdered: true, + hasStart: 10, +}; +OrderedList.parameters = { + controls: { exclude: ['visualStyle', 'iconAlign', 'listType'] }, +}; + +export const WithLinks = args => { + return ( + + + + + Mammals + + + Dogs + + + + German Shepherd + + + Courageous, energetic, loyal + + + + + Labrador Retriever + + + Friendly, outgoing, high-spirited + + + + + American Bully + + + Strong, athletic, affectionate + + + + + Cats + + + + + + ); +}; +WithLinks.parameters = { controls: { exclude: ['visualStyle', 'iconAlign'] } }; + +export const WithIcons = args => { + return ( + + } iconBackground="neutral"> + Inbox + + }>Drafts + }>Trash + }>Spam + + ); +}; + +WithIcons.args = { + spacingStyle: magma.spaceScale.spacing06, +}; +WithIcons.parameters = { + controls: { exclude: ['isInverse', 'listType', 'isOrdered', 'isReversed'] }, +}; diff --git a/packages/react-magma-dom/src/components/List/List.tsx b/packages/react-magma-dom/src/components/List/List.tsx index 5b247c18a..b03846d79 100644 --- a/packages/react-magma-dom/src/components/List/List.tsx +++ b/packages/react-magma-dom/src/components/List/List.tsx @@ -10,15 +10,10 @@ import styled from '@emotion/styled'; * @children required */ export interface ListProps extends React.HTMLAttributes { - description?: boolean; /** * Allows an ordered list to start at a determined value of a letter or number. */ hasStart?: string; - /** - * For use with inline icons within list items. - */ - icon?: React.ReactElement | React.ReactElement[]; /** * Aligns the icon at the top, or center of each list item. * @default IconAlignment.center @@ -110,13 +105,6 @@ export function getListAlignment(props) { } } -export function getListDisplay(props) { - if (props.icon) { - return 'grid'; - } - return 'list-item'; -} - const ListStyles = props => css` margin: 0; padding: 0; @@ -159,11 +147,8 @@ export const List = React.forwardRef( (props, ref) => { const { children, - color, - description, testId, hasStart, - icon, iconAlign, iconSize, isInverse: isInverseProp, @@ -181,9 +166,7 @@ export const List = React.forwardRef( ( spacingStyle={magma.spaceScale[spacingStyle] || spacingStyle} start={hasStart} theme={theme} - visualStyle={ - visualStyle ? visualStyle : TypographyVisualStyle.bodyMedium - } + visualStyle={visualStyle || TypographyVisualStyle.bodyMedium} {...rest} > {children} diff --git a/packages/react-magma-dom/src/components/List/ListItem.tsx b/packages/react-magma-dom/src/components/List/ListItem.tsx index fdf75bd32..b06978d22 100644 --- a/packages/react-magma-dom/src/components/List/ListItem.tsx +++ b/packages/react-magma-dom/src/components/List/ListItem.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { css } from '@emotion/react'; -import { getListDisplay, ListProps } from './'; +import { ListProps } from './'; import { magma } from '../../theme/magma'; import { ThemeContext } from '../../theme/ThemeContext'; import { InverseContext, useIsInverse } from '../../inverse'; @@ -12,6 +12,14 @@ import styled from '@emotion/styled'; export interface ListItemProps extends ListProps, React.HTMLAttributes { + /** + * Boolean which changes a list item into a styled paragraph. + */ + description?: boolean; + /** + * For use with inline icons within list items. + */ + icon?: React.ReactElement | React.ReactElement[]; /** * Option for changing icon background with all Magma colors. */ @@ -22,6 +30,13 @@ export interface ListItemProps iconColor?: keyof typeof magma.colors; } +function getListDisplay(props) { + if (props.icon) { + return 'grid'; + } + return 'list-item'; +} + const IconStyles = props => css` background: ${props.iconBackground}; color: ${props.iconColor}; @@ -34,11 +49,13 @@ const StyledListItem = styled.li` display: ${props => getListDisplay(props)}; margin: 0; padding: 0; - margin-left: ${props => props.icon ? 'inherit' : '1.1em'}; - color: ${props => props.description && !props.isInverse - ? props.theme.colors.neutral - : 'inherit'}; - list-style-type: ${props => props.icon || props.description ? 'none' : 'inherit'}; + margin-left: ${props => (props.icon ? 'inherit' : '1.1em')}; + color: ${props => + props.description && !props.isInverse + ? props.theme.colors.neutral + : 'inherit'}; + list-style-type: ${props => + props.icon || props.description ? 'none' : 'inherit'}; `; const StyledIcon = styled.span` @@ -68,6 +85,7 @@ export const ListItem = React.forwardRef( icon={icon} iconAlign={iconAlign} isInverse={isInverse} + ref={ref} theme={theme} testId={testId} > diff --git a/packages/react-magma-dom/src/components/Modal/Modal.stories.tsx b/packages/react-magma-dom/src/components/Modal/Modal.stories.tsx index 6505c3264..15f58fe77 100644 --- a/packages/react-magma-dom/src/components/Modal/Modal.stories.tsx +++ b/packages/react-magma-dom/src/components/Modal/Modal.stories.tsx @@ -53,6 +53,35 @@ export const Default = () => { ); }; +export const BackgroundCickDisabled = () => { + const [showModal, setShowModal] = React.useState(false); + const buttonRef = React.useRef(); + + return ( + <> + { + setShowModal(false); + buttonRef.current.focus(); + }} + isOpen={showModal} + > + This is a modal, doing modal things. + + + + + + + + ); +}; + export const LongContentWithScrolling = () => { const [showModal, setShowModal] = React.useState(false); const buttonRef = React.useRef(); @@ -257,7 +286,6 @@ export const NoHeaderOrFocusableContent = () => { this. A modal should have something actionable inside it. - @@ -473,6 +501,100 @@ export const CloseModalWithConfirmation = () => { ); }; +export const HeaderReference = () => { + const [showModal, setShowModal] = React.useState(false); + const [showDefaultModal, setShowDefaultModal] = React.useState(false); + const [customHeadingRef, setCustomHeadingRef] = React.useState( + React.useRef() + ); + + const handleGetHeaderRef = ref => { + setCustomHeadingRef(ref); + }; + + const onModalShow = () => { + setShowModal(true); + }; + + const onModalClose = () => { + setShowModal(false); + }; + + const onModalShowDefault = () => { + setShowDefaultModal(true); + }; + + const onModalCloseDefault = () => { + setShowDefaultModal(false); + }; + + const onHeadingFocus = () => { + customHeadingRef?.current?.focus(); + }; + + return ( + <> + {/* Custom Heading */} + +

+ Custom header using h3 +

+ + Wicked pissah dolor sit amet, consectetur adipisicing elit. Blandit + sagittae Suspendisse mus fah daze, candle pin Market Basket P-town. Id + labore, TD Gahden consectetur morbi consectetur sketchy ad. Adipiscing + postea kid kid. Dis dolor scriptorem frickin auctor eros Bunker Hill + parturient. Suspendisse penatibus roast beef Bunker Hill. Orange Line, + blandit consectetur nam cu no eget ne, clicker. Mauris vestibulum, + augue Downtown Crossing, lectus half moon lorem. Scelerisque sketchy + wicked smaht carriage down Cape no. + + + + + + + + {/* Default Heading */} + + + Wicked pissah dolor sit amet, consectetur adipisicing elit. Pike, + sketchy sagittae, parturient est Fenway Park venenatis quo graeci + stet. Habeo vehicula vis cum sed lectus pretium. Packie, Freedom + Trail, Vivamus phaedrum pahk cah Green Monstah Southie Newbury Street. + Gravida dis placerat sketchy carriage. Eum splendide Big Dig, Boston + Tea Party Charles sagittae wicked pissah packie. Ipsum id scrod, + sagittae I-90 chowdah frickin. Est ipsum rutrum, vis erat, ridens. + + + + + + + + + + + + + ); +}; + export const Inverse = () => { const [showModal, setShowModal] = React.useState(false); const buttonRef = React.useRef(); diff --git a/packages/react-magma-dom/src/components/Modal/Modal.test.js b/packages/react-magma-dom/src/components/Modal/Modal.test.js index dae524d38..783c4762c 100644 --- a/packages/react-magma-dom/src/components/Modal/Modal.test.js +++ b/packages/react-magma-dom/src/components/Modal/Modal.test.js @@ -6,6 +6,7 @@ import userEvent from '@testing-library/user-event'; import { I18nContext } from '../../i18n'; import { defaultI18n } from '../../i18n/default'; import { magma } from '../../theme/magma'; +import { Button } from '../Button'; describe('Modal', () => { describe('a11y', () => { @@ -996,6 +997,31 @@ describe('Modal', () => { expect(getByTestId('closeButton')).toHaveFocus(); }); + it('headerRef prop allows a custom header to be focused on load, then should lose focus after other Modal elements are looped through', async () => { + const headerRef = React.createRef(); + + const handleFocus = () => { + headerRef?.current?.focus(); + }; + + const { getByText } = render( + +

+ Custom header using h3 +

+ + + ); + + expect(getByText('Custom header using h3')).toHaveFocus(); + + userEvent.tab(); + + userEvent.tab(); + + expect(getByText('Custom header using h3')).not.toHaveFocus(); + }); + it('should not attempt to loop through the modal if there are no tabbable elements', () => { const { getByText, rerender } = render( <> diff --git a/packages/react-magma-dom/src/components/Modal/Modal.tsx b/packages/react-magma-dom/src/components/Modal/Modal.tsx index 425e05b94..c7f08fd0f 100644 --- a/packages/react-magma-dom/src/components/Modal/Modal.tsx +++ b/packages/react-magma-dom/src/components/Modal/Modal.tsx @@ -48,6 +48,10 @@ export interface ModalProps extends React.HTMLAttributes { * The content of the modal header */ header?: React.ReactNode; + /** + * Function that returns reference for the header + */ + headerRef?: (headerRef: React.Ref) => void; /** * If true, closing the modal handled on the consumer side * @default false @@ -108,6 +112,7 @@ export interface ModalProps extends React.HTMLAttributes { const ModalContainer = styled(Transition)<{ theme: ThemeInterface; + modalCount?: number; }>` bottom: 0; left: 0; @@ -115,7 +120,7 @@ const ModalContainer = styled(Transition)<{ padding: ${props => props.theme.spaceScale.spacing03}; right: 0; top: 0; - z-index: 998; + z-index: ${props => (props.modalCount >= 2 ? '999' : '998')}; `; const ModalBackdrop = styled(Transition)<{ @@ -223,11 +228,7 @@ export const Modal = React.forwardRef( const [currentTarget, setCurrentTarget] = React.useState(null); const [modalCount, setModalCount] = React.useState(0); - const focusTrapElement = useFocusLock( - isModalOpen, - props.header ? headingRef : null, - bodyRef - ); + const focusTrapElement = useFocusLock(isModalOpen, headingRef, bodyRef); const prevOpen = usePrevious(props.isOpen); @@ -241,6 +242,9 @@ export const Modal = React.forwardRef( setIsModalOpen(false); } else if (!prevOpen && props.isOpen) { setIsModalOpen(true); + if (props.headerRef && typeof props.headerRef === 'function') { + props.headerRef(headingRef); + } } else if (prevOpen && !props.isOpen && isModalOpen) { handleClose(); } @@ -370,6 +374,71 @@ export const Modal = React.forwardRef( } `} /> + + + {header && ( + + {header && ( +

+ {header} +

+ )} + + )} + + {children} + + {!isCloseButtonHidden && ( + + + + )} + + ( } fade isOpen={isModalOpen} + style={modalCount >= 2 && { zIndex: '998' }} unmountOnExit theme={theme} - > - - - {header && ( - - {header && ( -

- {header} -

- )} - - )} - - {children} - - {!isCloseButtonHidden && ( - - - - )} - - - + /> , document.getElementsByTagName('body')[0] ) diff --git a/packages/react-magma-dom/src/components/NavTabs/NavTab.tsx b/packages/react-magma-dom/src/components/NavTabs/NavTab.tsx index ca5ec9aea..170e4e879 100644 --- a/packages/react-magma-dom/src/components/NavTabs/NavTab.tsx +++ b/packages/react-magma-dom/src/components/NavTabs/NavTab.tsx @@ -13,9 +13,6 @@ import { TabsOrientation } from '../Tabs/shared'; import { ThemeContext } from '../../theme/ThemeContext'; import { omit, useForkedRef, XOR } from '../../utils'; -/** - * @children required - */ export interface BaseNavTabProps extends React.HTMLAttributes { /** @@ -52,7 +49,7 @@ export interface BaseNavTabProps } export interface NavTabChildrenProps extends BaseNavTabProps { - children: JSX.Element | string; + children?: JSX.Element | string; /** * The href value of the tab link */ @@ -189,6 +186,7 @@ export const NavTab = React.forwardRef( {component ? ( ( ) : ( { ); }; +export const IconOnly = () => { + return ( + + } to="#" isActive /> + } to="#" /> + } to="#" /> + + ); +}; + export const BackgroundColor = () => { return ( @@ -43,4 +54,19 @@ export const Inverse = () => { ); -}; \ No newline at end of file +}; + +export const CustomTab = () => { + const Link = ({ to, children, ...rest }) => ( + + {children} + + ); + return ( + + Main page} /> + FAQ} /> + About us} /> + + ); +}; diff --git a/packages/react-magma-dom/src/components/Pagination/Pagination.test.js b/packages/react-magma-dom/src/components/Pagination/Pagination.test.js index fe7d2e8b4..1ccd43aca 100644 --- a/packages/react-magma-dom/src/components/Pagination/Pagination.test.js +++ b/packages/react-magma-dom/src/components/Pagination/Pagination.test.js @@ -1,7 +1,7 @@ import React from 'react'; import { axe } from '../../../axe-helper'; import { magma } from '../../theme/magma'; -import { Pagination } from '.'; +import { Pagination, PaginationType } from '.'; import { render, fireEvent } from '@testing-library/react'; import { transparentize } from 'polished'; @@ -126,8 +126,8 @@ describe('Pagination', () => { expect(handleChangePage).toHaveBeenCalled(); }); - it('Does not violate accessibility standards', () => { - const { container } = render(); + it('Does not violate accessibility standards for classic type', () => { + const { container } = render(); return axe(container.innerHTML).then(result => { return expect(result).toHaveNoViolations(); diff --git a/packages/react-magma-dom/src/components/Pagination/Pagination.tsx b/packages/react-magma-dom/src/components/Pagination/Pagination.tsx index 2dccb4bcf..efce6fcd7 100644 --- a/packages/react-magma-dom/src/components/Pagination/Pagination.tsx +++ b/packages/react-magma-dom/src/components/Pagination/Pagination.tsx @@ -205,7 +205,13 @@ export const Pagination = React.forwardRef( {...other} /> ) : ( - + {pageButtons.map( ( @@ -227,7 +233,9 @@ export const Pagination = React.forwardRef( } else if (type === 'page') { return ( { */ color?: string; isInverse?: boolean; + /** + * Use when Spinner does not need the "img" role (ex: button loading state) + * @internal + */ + noRole?: boolean; /** * The height and width of the spinner. Can be a string or number; if number is provided, the size is in px. * @default 16 @@ -45,7 +50,14 @@ const StyledSpinner = styled.span` export const Spinner = React.forwardRef( (props, ref) => { - const { 'aria-label': ariaLabel, color, size, testId, ...other } = props; + const { + 'aria-label': ariaLabel, + color, + noRole, + size, + testId, + ...other + } = props; const theme = React.useContext(ThemeContext); const i18n = React.useContext(I18nContext); @@ -70,7 +82,8 @@ export const Spinner = React.forwardRef( } data-testid={testId} ref={ref} - role="img" + role={!noRole && 'img'} + aria-hidden={noRole} size={sizeString} /> ); diff --git a/packages/react-magma-dom/src/components/StyledButton/index.tsx b/packages/react-magma-dom/src/components/StyledButton/index.tsx index 8851231a5..f76c531dc 100644 --- a/packages/react-magma-dom/src/components/StyledButton/index.tsx +++ b/packages/react-magma-dom/src/components/StyledButton/index.tsx @@ -20,6 +20,8 @@ import { import { ThemeContext } from '../../theme/ThemeContext'; import { ButtonType, ButtonProps, ButtonSize, ButtonVariant } from '../Button'; import { Spinner } from '../Spinner'; +import { I18nContext } from '../../i18n'; +import { VisuallyHidden } from '../VisuallyHidden'; export interface StyledButtonProps extends ButtonProps { href?: string; @@ -149,6 +151,7 @@ export const StyledButton = React.forwardRef< isLoading, } = props; const theme = React.useContext(ThemeContext); + const i18n = React.useContext(I18nContext); const spinnerColor = isInverse && variant === ButtonVariant.link @@ -177,7 +180,9 @@ export const StyledButton = React.forwardRef< testId={`${testId}-spinner`} color={spinnerColor} size={spinnerSize} + noRole /> + {i18n.spinner.ariaLabel} )} diff --git a/packages/react-magma-dom/src/components/Table/Table.tsx b/packages/react-magma-dom/src/components/Table/Table.tsx index 562b8bb6b..a5ffa58ec 100644 --- a/packages/react-magma-dom/src/components/Table/Table.tsx +++ b/packages/react-magma-dom/src/components/Table/Table.tsx @@ -175,6 +175,7 @@ export const Table = React.forwardRef( isInverse: isInverse, isSelectable, isSortableBySelected, + rowCount }} > ) => void; onTableRowSelect?: (event: React.ChangeEvent) => void; rowIndex?: number; + /** + * Unique name to be used to identify row for screenreaders + */ + rowName?: string; /** * @internal */ @@ -196,12 +201,14 @@ export const TableRow = React.forwardRef( onHeaderRowSelect, onTableRowSelect, rowIndex, + rowName, onSort, testId, ...other } = props; const theme = React.useContext(ThemeContext); const tableContext = React.useContext(TableContext); + const i18n = React.useContext(I18nContext); let isHeaderRow = false; @@ -294,7 +301,11 @@ export const TableRow = React.forwardRef( status={headerRowStatus} isInverse={getIsCheckboxInverse()} labelStyle={{ padding: 0 }} - labelText="Select all rows" + labelText={ + headerRowStatus === IndeterminateCheckboxStatus.unchecked + ? i18n.table.selectable.selectAllRowsAriaLabel + : i18n.table.selectable.deselectAllRowsAriaLabel + } isTextVisuallyHidden onChange={onHeaderRowSelect} /> @@ -308,7 +319,7 @@ export const TableRow = React.forwardRef( onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave} data-testid={`${testId || ''}-sort-button`} - aria-label="Sort rows" + aria-label={i18n.table.selectable.sortButtonAriaLabel} > {SortIcon} @@ -325,7 +336,11 @@ export const TableRow = React.forwardRef( checked={isSelected} disabled={isSelectableDisabled} labelStyle={{ padding: 0 }} - labelText={`Select row ${rowIndex} of ${tableContext.rowCount}`} + labelText={ + isSelected + ? `${i18n.table.selectable.deselectRowAriaLabel} ${rowName || ''}` + : `${i18n.table.selectable.selectRowAriaLabel} ${rowName || ''}` + } isTextVisuallyHidden isInverse={getIsCheckboxInverse()} onChange={onTableRowSelect} diff --git a/packages/react-magma-dom/src/components/ToggleButton/ToggleButton.stories.tsx b/packages/react-magma-dom/src/components/ToggleButton/ToggleButton.stories.tsx index 9f289478d..58bccbfff 100644 --- a/packages/react-magma-dom/src/components/ToggleButton/ToggleButton.stories.tsx +++ b/packages/react-magma-dom/src/components/ToggleButton/ToggleButton.stories.tsx @@ -9,7 +9,6 @@ const Template: Story = args => ( } /> ); @@ -47,6 +46,7 @@ export default { export const Icon = Template.bind({}); Icon.args = { isInverse: false, + 'aria-label': 'Check' }; export const Text = args => { diff --git a/packages/react-magma-dom/src/components/Transition/Transition.tsx b/packages/react-magma-dom/src/components/Transition/Transition.tsx index 7fd0a8cca..898acde49 100644 --- a/packages/react-magma-dom/src/components/Transition/Transition.tsx +++ b/packages/react-magma-dom/src/components/Transition/Transition.tsx @@ -1,9 +1,10 @@ import * as React from 'react'; -import { AnimatePresence, motion, HTMLMotionProps } from 'framer-motion'; +import { AnimatePresence, motion, HTMLMotionProps, useReducedMotion } from 'framer-motion'; import { MotionVariants } from '../../theme/components/transition'; import { ThemeContext } from '../../theme/ThemeContext'; import { ThemeInterface } from '../../theme/magma'; +import { reducedMotionTransitions } from '../../theme/components/reducedMotionTransition'; /** * @children required @@ -119,11 +120,13 @@ export const Transition = React.forwardRef( } = props; const shouldExpand = unmountOnExit ? isOpen && unmountOnExit : true; + const shouldReduceMotion = useReducedMotion(); + const transitionsArr = shouldReduceMotion ? reducedMotionTransitions : theme.transitions; const variants = Object.keys(rest).reduce( (acc, key) => { - if (rest[key] && theme.transitions[key]) { - const themeVariant = theme.transitions[key]; + if (rest[key] && transitionsArr[key]) { + const themeVariant = transitionsArr[key]; rest[key] = undefined; return { baseStyle: { diff --git a/packages/react-magma-dom/src/components/TreeView/TreeView.stories.tsx b/packages/react-magma-dom/src/components/TreeView/TreeView.stories.tsx index faf2d5012..82b90bc1b 100644 --- a/packages/react-magma-dom/src/components/TreeView/TreeView.stories.tsx +++ b/packages/react-magma-dom/src/components/TreeView/TreeView.stories.tsx @@ -60,6 +60,14 @@ export default { }, onExpandedChange: { action: 'expanded changed' }, onSelectedItemChange: { action: 'selected item changed' }, + checkParents: { + control: 'boolean', + defaultValue: true, + }, + checkChildren: { + control: 'boolean', + defaultValue: true, + }, }, } as Meta; @@ -155,7 +163,7 @@ export const Complex = args => { Part 1: Introduction} itemId="pt1" testId="pt1"> } + icon={} label={<>Chapter 1: I love tiramisu jelly beans soufflé} itemId="pt1ch1" testId="pt1ch1" @@ -595,7 +603,12 @@ export const DefaultIcon = args => { style={{ background: magma.colors.info100 }} /> } + icon={ + + } itemId="5" label={<>I have an icon too} > @@ -628,7 +641,6 @@ export const FirstItemLeaf = args => { setSelectedItems(selected); setIndeterminateItems(indet); - console.log('onSelection', items); } return ( @@ -668,7 +680,10 @@ export const FirstItemLeaf = args => { FirstItemLeaf.args = { initialExpandedItems: ['item1', 'item2', 'item-child2'], preselectedItems: [ - { itemId: 'item-gchild2', checkedStatus: IndeterminateCheckboxStatus.checked }, + { + itemId: 'item-gchild2', + checkedStatus: IndeterminateCheckboxStatus.checked, + }, ], }; @@ -686,7 +701,6 @@ export const FirstItemBranch = args => { setSelectedItems(selected); setIndeterminateItems(indet); setTotal(items.length); - console.log('onSelection', items); } return ( @@ -806,3 +820,70 @@ FlatTree.args = { }; FlatTree.parameters = { controls: { exclude: ['isInverse'] } }; + +export const ParentsAndChildrenNotAutoChecked = args => { + const [selectedItems, setSelectedItems] = React.useState(null); + const [indeterminateItems, setIndeterminateItems] = React.useState(null); + + function onSelection(items) { + const selected = createTags(items).selected; + const indet = createTags(items).indeterminate; + + setSelectedItems(selected); + setIndeterminateItems(indet); + } + + return ( + <> + + + + + + + + + + + + + + + + + + + + + + + + + + + + {args.selectable !== TreeViewSelectable.off && ( + <> +

Selected: {selectedItems}

+ {args.selectable === TreeViewSelectable.multi && ( +

Indeterminate: {indeterminateItems}

+ )} + + )} + + ); +}; + +ParentsAndChildrenNotAutoChecked.args = { + checkParents: false, + checkChildren: false, + ariaLabel: 'Independent Tree', + selectable: TreeViewSelectable.multi, + testId: 'independentTree', +}; + +ParentsAndChildrenNotAutoChecked.parameters = { + controls: { + exclude: ['isInverse', 'initialExpandedItems', 'ariaLabelledBy'], + }, +}; diff --git a/packages/react-magma-dom/src/components/TreeView/TreeView.test.js b/packages/react-magma-dom/src/components/TreeView/TreeView.test.js index 3c4e8f27e..39faa1313 100644 --- a/packages/react-magma-dom/src/components/TreeView/TreeView.test.js +++ b/packages/react-magma-dom/src/components/TreeView/TreeView.test.js @@ -438,6 +438,10 @@ describe('TreeView', () => { 'aria-checked', 'true' ); + expect(getByTestId('item-child2.2')).toHaveAttribute( + 'aria-checked', + 'true' + ); expect(getByTestId('item3')).toHaveAttribute('aria-checked', 'false'); expect(getByTestId('item0')).not.toHaveAttribute('aria-selected'); @@ -960,6 +964,60 @@ describe('TreeView', () => { expect(getByTestId('item1')).toHaveAttribute('aria-checked', 'true'); }); }); + + it('sets only child state as checked if checkParents is false and checkChildren is false', () => { + const onSelectedItemChange = jest.fn(); + const { getByTestId } = render(getTreeItemsMultiLevel({ + onSelectedItemChange, + selectable: TreeViewSelectable.multi, + checkParents: false, + checkChildren: false + })); + + userEvent.click(getByTestId('item1-expand')); + const item1Checkbox = getByTestId('item-child1-checkbox'); + userEvent.click(item1Checkbox); + expect(onSelectedItemChange).toHaveBeenCalledWith([ + { + itemId: 'item-child1', + checkedStatus: IndeterminateCheckboxStatus.checked + } + ]); + }); + + it('sets child state as checked and parent indeterminate if checkParents is true and checkChildren is false', () => { + const onSelectedItemChange = jest.fn(); + const { getByTestId } = render(getTreeItemsMultiLevel({ + onSelectedItemChange, + selectable: TreeViewSelectable.multi, + checkParents: true, + checkChildren: false + })); + + userEvent.click(getByTestId('item2-expand')); + userEvent.click(getByTestId('item-child2.1-expand')); + userEvent.click(getByTestId('item-gchild2-expand')); + const grandChildCheckbox = getByTestId('item-ggchild1-checkbox'); + userEvent.click(grandChildCheckbox); + expect(onSelectedItemChange).toHaveBeenCalledWith([ + { + itemId: 'item-ggchild1', + checkedStatus: IndeterminateCheckboxStatus.checked + }, + { + itemId: 'item-gchild2', + checkedStatus: IndeterminateCheckboxStatus.indeterminate + }, + { + itemId: 'item-child2.1', + checkedStatus: IndeterminateCheckboxStatus.indeterminate + }, + { + itemId: 'item2', + checkedStatus: IndeterminateCheckboxStatus.indeterminate + } + ]); + }); }); describe('initialExpandedItems and preselectedItems', () => { diff --git a/packages/react-magma-dom/src/components/TreeView/TreeViewContext.ts b/packages/react-magma-dom/src/components/TreeView/TreeViewContext.ts index 59e54b317..1e1a9a353 100644 --- a/packages/react-magma-dom/src/components/TreeView/TreeViewContext.ts +++ b/packages/react-magma-dom/src/components/TreeView/TreeViewContext.ts @@ -31,6 +31,8 @@ export interface TreeViewContextInterface { setSelectedItemsChanged: React.Dispatch>; treeItemRefArray?: React.MutableRefObject[]>; itemToFocus?: string; + checkParents: boolean; + checkChildren: boolean; } export const TreeViewContext = React.createContext({ @@ -47,4 +49,6 @@ export const TreeViewContext = React.createContext({ setPreselectedItemsNeedUpdate: () => {}, setSelectedItems: () => {}, setSelectedItemsChanged: () => {}, + checkParents: true, + checkChildren: true, }); diff --git a/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts b/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts index 5c80323c0..b579021d3 100644 --- a/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts +++ b/packages/react-magma-dom/src/components/TreeView/useTreeItem.ts @@ -75,7 +75,7 @@ export interface UseTreeItemProps extends React.HTMLAttributes { itemDepth?: number; /** * TODO: improve functionality (issue #1305) - * @internal + * @internal * If true, element is disabled * @default false */ @@ -129,6 +129,8 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { initialExpandedItemsNeedUpdate, setSelectedItemsChanged, selectedItemsChanged, + checkParents, + checkChildren, } = React.useContext(TreeViewContext); // Needs to skip sending an "onSelection" event during the initial render of items @@ -185,12 +187,12 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { ? getAllParentIds(itemIdChildrenInTree, itemId) : []; - const additionalItems = - parentIds && - hasOwnTreeItems && - newStatus === IndeterminateCheckboxStatus.checked - ? [...childrenOfItemId, ...parentIds] - : []; + let additionalItems = []; + if (newStatus === IndeterminateCheckboxStatus.checked) { + if (parentIds && checkParents) additionalItems.push(...parentIds); + if (hasOwnTreeItems && checkChildren) + additionalItems.push(...childrenOfItemId); + } setStatusUpdatedBy(StatusUpdatedByOptions.checkboxChange); setCheckedStatus(item?.checkedStatus); @@ -256,14 +258,16 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { status: IndeterminateCheckboxStatus, isInitialRender?: boolean ) => { - // Set isSkipSelectedItemsUpdate as true if this update caused by the initial render of children during expanding - setIsSkipSelectedItemsUpdate(Boolean(isInitialRender)); - setStatusUpdatedBy(StatusUpdatedByOptions.children); - setChildrenCheckedStatus(prev => { - const newChildrenCheckedStatus = [...prev]; - newChildrenCheckedStatus[index] = status; - return newChildrenCheckedStatus; - }); + if (checkParents) { + // Set isSkipSelectedItemsUpdate as true if this update caused by the initial render of children during expanding + setIsSkipSelectedItemsUpdate(Boolean(isInitialRender)); + setStatusUpdatedBy(StatusUpdatedByOptions.children); + setChildrenCheckedStatus(prev => { + const newChildrenCheckedStatus = [...prev]; + newChildrenCheckedStatus[index] = status; + return newChildrenCheckedStatus; + }); + } }; const updateStatusForItem = ( @@ -381,7 +385,7 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { ) { const newChildrenCheckedStatus = getChildrenCheckedStatus( childrenItemIds, - status + checkChildren && status ); setChildrenCheckedStatus(newChildrenCheckedStatus); } @@ -394,10 +398,13 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { return allItems; }); updateSelectedItemsChanged(); - } else if (!isDisabled && preselectedChildrenItems.length > 0) { + } else if ( + !isDisabled && + preselectedChildrenItems.length > 0 && + checkParents + ) { // Case for selectedItems that are inside a collapsed item const itemIdChildren = getChildrenItemIdsInTree(treeItemChildren); - for (const i of preselectedChildrenItems) { const itemIdNode = findChildByItemId(treeItemChildren, i.itemId); const childrenOfItemId = getChildrenItemIds( @@ -416,7 +423,6 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { ); } } - updateStatusForItem( childrenItemIds, preselectedChildrenItems, @@ -439,6 +445,7 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { React.useEffect(() => { if ( parentCheckedStatus && + checkChildren && checkedStatus !== parentCheckedStatus && parentCheckedStatus !== IndeterminateCheckboxStatus.indeterminate && !topLevel && @@ -553,7 +560,7 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { setStatusUpdatedBy(StatusUpdatedByOptions.checkboxChange); updateParentCheckStatus(index, status); - if (hasOwnTreeItems) { + if (hasOwnTreeItems && checkChildren) { if (getAllChildrenEnabled(treeItemChildren)) { setChildrenCheckedStatus( Array(numberOfTreeItemChildren).fill(status) @@ -587,7 +594,10 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { const multiSelectChangeHandler = ( event: React.ChangeEvent ): void => { - if (hasOwnTreeItems) { + if (!checkParents) { + setSelectedItemsChanged(true); + } + if (hasOwnTreeItems && checkChildren) { const childrenIds = getChildrenItemIds( treeItemChildren, IndeterminateCheckboxStatus.checked @@ -749,8 +759,14 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { const collapseFocusedNode = () => { if (hasOwnTreeItems) { - setExpanded(false); - focusSelf(); + if (expanded) { + setExpanded(false); + focusSelf(); + } else { + focusPrev(); + } + } else { + focusPrev(); } }; @@ -762,7 +778,7 @@ export function useTreeItem(props: UseTreeItemProps, forwardedRef) { setCheckedStatus(status); updateParentCheckStatus(index, status); - if (hasOwnTreeItems) { + if (hasOwnTreeItems && checkChildren) { const childrenIds = getChildrenItemIds( treeItemChildren, IndeterminateCheckboxStatus.checked diff --git a/packages/react-magma-dom/src/components/TreeView/useTreeView.ts b/packages/react-magma-dom/src/components/TreeView/useTreeView.ts index 9e9312280..0c0fed308 100644 --- a/packages/react-magma-dom/src/components/TreeView/useTreeView.ts +++ b/packages/react-magma-dom/src/components/TreeView/useTreeView.ts @@ -56,7 +56,22 @@ export interface UseTreeViewProps { * Return an array of objects. * Example: [ {itemId: 'item0', checkedStatus: IndeterminateCheckboxStatus.indeterminate}, {itemId: 'item0-child', checkedStatus: IndeterminateCheckboxStatus.checked} ] */ - onSelectedItemChange?: (selectedItems: Array) => void; + onSelectedItemChange?: ( + selectedItems: Array + ) => void; + /** + * Only affects if selectable mode is TreeViewSelectable.multi. + * Determines if the parent checkbox will get selected when the user selects all its children checkboxes. + * When checkParents is enabled, the TreeView displays the indeterminate state of the parent checkboxes too. + * @default true + */ + checkParents?: boolean; + /** + * Only affects if selectable mode is TreeViewSelectable.multi. + * Determines if the child checkboxes get selected when the user selects parent checkbox. + * @default true + */ + checkChildren?: boolean; children?: React.ReactNode[]; } @@ -67,6 +82,8 @@ export function useTreeView(props: UseTreeViewProps) { onExpandedChange, initialExpandedItems, preselectedItems, + checkChildren = true, + checkParents = true, children, } = props; @@ -153,6 +170,8 @@ export function useTreeView(props: UseTreeViewProps) { setInitialExpandedItemsNeedUpdate, selectedItemsChanged, setSelectedItemsChanged, + checkChildren, + checkParents }; return { contextValue }; diff --git a/packages/react-magma-dom/src/i18n/default.ts b/packages/react-magma-dom/src/i18n/default.ts index 8b9a608e4..21284ac57 100644 --- a/packages/react-magma-dom/src/i18n/default.ts +++ b/packages/react-magma-dom/src/i18n/default.ts @@ -288,6 +288,13 @@ export const defaultI18n: I18nInterface = { previousAriaLabel: 'Previous page', rowsPerPageLabel: 'Rows per page', }, + selectable: { + sortButtonAriaLabel: 'Sort rows', + selectAllRowsAriaLabel: 'Select all rows', + selectRowAriaLabel: 'Select row', + deselectAllRowsAriaLabel: 'Deselect all rows', + deselectRowAriaLabel: 'Deselect row', + } }, tabs: { horizontalTabsInstructions: diff --git a/packages/react-magma-dom/src/i18n/interface.ts b/packages/react-magma-dom/src/i18n/interface.ts index 2578d75ee..558001b97 100644 --- a/packages/react-magma-dom/src/i18n/interface.ts +++ b/packages/react-magma-dom/src/i18n/interface.ts @@ -272,6 +272,13 @@ export interface I18nInterface { previousAriaLabel: string; rowsPerPageLabel: string; }; + selectable: { + sortButtonAriaLabel: string; + selectAllRowsAriaLabel: string; + selectRowAriaLabel: string; + deselectAllRowsAriaLabel: string; + deselectRowAriaLabel: string; + }; }; tabs: { horizontalTabsInstructions: string; diff --git a/packages/react-magma-dom/src/theme/components/reducedMotionTransition.ts b/packages/react-magma-dom/src/theme/components/reducedMotionTransition.ts new file mode 100644 index 000000000..1d0aeed60 --- /dev/null +++ b/packages/react-magma-dom/src/theme/components/reducedMotionTransition.ts @@ -0,0 +1,353 @@ +import * as React from 'react'; +import { Variant } from 'framer-motion'; +export type MotionVariants = Record; + +export interface ThemeTransitions { + [key: string]: { + motion: MotionVariants<'enter' | 'exit'>; + baseStyle: React.CSSProperties; + }; +} + +export const reducedMotionTransitions: ThemeTransitions = { + fade: { + motion: { + exit: { + opacity: 0, + transition: { + opacity: { + duration: 0, + ease: 'easeOut', + }, + }, + }, + enter: { + opacity: 1, + transition: { + duration: 0, + ease: 'easeIn', + }, + }, + }, + baseStyle: {}, + }, + slideTop: { + motion: { + exit: { + y: '-100%', + transition: { + y: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + y: '0', + transition: { + y: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: { + position: 'fixed', + top: 0, + right: 0, + left: 0, + }, + }, + slideBottom: { + motion: { + exit: { + y: '100%', + transition: { + y: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + y: '0', + transition: { + y: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: { + position: 'fixed', + bottom: 0, + right: 0, + left: 0, + }, + }, + slideRight: { + motion: { + exit: { + x: '100%', + transition: { + x: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + x: '0', + transition: { + x: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: { + position: 'fixed', + top: 0, + right: 0, + bottom: 0, + }, + }, + slideLeft: { + motion: { + exit: { + x: '-100%', + transition: { + x: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + x: '0', + transition: { + x: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: { + position: 'fixed', + top: 0, + bottom: 0, + left: 0, + }, + }, + nudgeTop: { + motion: { + exit: { + y: '-50px', + transition: { + y: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + y: '0', + transition: { + y: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: {}, + }, + nudgeBottom: { + motion: { + exit: { + y: '50px', + transition: { + y: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + y: '0', + transition: { + y: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: {}, + }, + nudgeRight: { + motion: { + exit: { + x: '50px', + transition: { + x: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + x: '0', + transition: { + x: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: {}, + }, + nudgeLeft: { + motion: { + exit: { + x: '-50px', + transition: { + x: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + enter: { + x: '0', + transition: { + x: { + type: 'spring', + damping: 25, + stiffness: 180, + }, + }, + }, + }, + baseStyle: {}, + }, + scale: { + motion: { + exit: { + scale: 0.95, + transition: { + scale: { + duration: 0, + ease: 'easeOut', + }, + }, + }, + enter: { + scale: 1, + transition: { + scale: { + duration: 0, + ease: 'easeInOut', + }, + }, + }, + }, + baseStyle: {}, + }, + rotate45: { + motion: { + exit: { + rotate: 0, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + enter: { + rotate: -45, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + }, + baseStyle: {}, + }, + rotate90: { + motion: { + exit: { + rotate: 0, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + enter: { + rotate: -90, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + }, + baseStyle: {}, + }, + rotate180: { + motion: { + exit: { + rotate: 0, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + enter: { + rotate: -180, + transition: { + rotate: { + type: 'tween', + stiffness: 50, + duration: 0, + }, + }, + }, + }, + baseStyle: {}, + }, + collapse: { + motion: { + exit: {}, + enter: {}, + }, + baseStyle: { + overflow: 'visible', + }, + }, +}; diff --git a/packages/schema-renderer/CHANGELOG.md b/packages/schema-renderer/CHANGELOG.md index e19ee6ae1..c9a285c8b 100644 --- a/packages/schema-renderer/CHANGELOG.md +++ b/packages/schema-renderer/CHANGELOG.md @@ -1,15 +1,20 @@ # @react-magma/schema-renderer -## 8.0.0 +## 9.0.0-next.0 + +### Patch Changes -## 8.0.0-next.1 +- Updated dependencies [fdf2dc929] + - react-magma-dom@4.6.0-next.0 + +## 8.0.0 ### Patch Changes - Updated dependencies [9e38e9e7f] - react-magma-dom@4.5.0-next.7 -## 7.0.1-next.0 +## 7.0.1 ### Patch Changes @@ -18,28 +23,19 @@ ## 7.0.0 -## 7.0.0-next.1 - ### Patch Changes - Updated dependencies [ab6ffd4ed] - react-magma-dom@4.4.0-next.2 -## 6.0.1-next.0 +## 6.0.1 ### Patch Changes - Updated dependencies [3e14d4bd8] - react-magma-dom@4.3.1-next.0 -## 6.0.0-next.1 - -### Patch Changes - -- Updated dependencies [c47fc18b4] - - react-magma-dom@4.3.0-next.2 - -## 5.0.1-next.0 +## 5.0.1 ### Patch Changes @@ -48,8 +44,6 @@ ## 5.0.0 -## 5.0.0-next.0 - ### Patch Changes - Updated dependencies [9a09b8b55] @@ -57,8 +51,6 @@ ## 4.0.1 -## 4.0.1-next.0 - ### Patch Changes - Updated dependencies [871820e8d] @@ -66,14 +58,12 @@ ## 4.0.0 -## 4.0.0-next.1 - ### Patch Changes - Updated dependencies [3d00dcc7e] - react-magma-dom@4.1.0-next.2 -## 3.0.1-next.0 +## 3.0.1 ### Patch Changes @@ -86,12 +76,6 @@ - c01c53838: chore: Update to React v17.0.2 -## 3.0.0-next.0 - -### Major Changes - -- c01c53838: chore: Update to React v17.0.2 - ### Patch Changes - Updated dependencies [adba671f3] @@ -103,17 +87,6 @@ ### Patch Changes - 7b4549726: Update react-magma-icons version to 2.3.6 - -## 2.0.1-next.1 - -### Patch Changes - -- 7b4549726: Update react-magma-icons version to 2.3.6 - -## 2.0.1-next.0 - -### Patch Changes - - Updated dependencies [f5189569b] - react-magma-dom@3.2.1-next.0 @@ -122,17 +95,6 @@ ### Patch Changes - 95fc5ae7: chore(npm/node): Update versions - -## 2.0.0-next.1 - -### Patch Changes - -- 95fc5ae72: chore(npm/node): Update versions - -## 2.0.0-next.0 - -### Patch Changes - - Updated dependencies [47015f38] - react-magma-dom@3.2.0-next.0 @@ -142,13 +104,7 @@ - 0de78513: build(deps): Bump react-magma-icons to 2.3.4 -## 1.0.3-next.1 - -### Patch Changes - -- 0de78513c: build(deps): Bump react-magma-icons to 2.3.4 - -## 1.0.3-next.0 +## 1.0.3 ### Patch Changes @@ -157,8 +113,6 @@ ## 1.0.2 -## 1.0.2-next.0 - ### Patch Changes - Updated dependencies [fc8a20bf] @@ -172,8 +126,6 @@ ## 1.0.0 -## 1.0.0-next.0 - ### Patch Changes - Updated dependencies [366b25af] diff --git a/packages/schema-renderer/package.json b/packages/schema-renderer/package.json index abba11676..01201d5df 100644 --- a/packages/schema-renderer/package.json +++ b/packages/schema-renderer/package.json @@ -1,6 +1,6 @@ { "name": "@react-magma/schema-renderer", - "version": "8.0.0", + "version": "9.0.0-next.0", "publishConfig": { "access": "public" }, @@ -27,7 +27,7 @@ "downshift": "^5.4.5", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0-next.7", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0", "uuid": "^8.3.0" }, @@ -41,7 +41,7 @@ "react": "^17.0.2", "react-dom": "^17.0.2", "react-dropzone": "11.3.2", - "react-magma-dom": "^4.5.0", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0", "tsdx": "^0.14.1", "uuid": "^8.3.0" diff --git a/patterns/header/CHANGELOG.md b/patterns/header/CHANGELOG.md index 831553cc2..c19503d07 100644 --- a/patterns/header/CHANGELOG.md +++ b/patterns/header/CHANGELOG.md @@ -1,25 +1,24 @@ # Change Log -## 10.0.0 +## 11.0.0-next.0 -### Minor Changes +### Patch Changes -- 5f16d2018: Updating emotion to v11 +- Updated dependencies [fdf2dc929] + - react-magma-dom@4.6.0-next.0 -## 10.0.0-next.2 +## 10.0.0 ### Minor Changes -- ae668a3e5: Updating emotion to v11 - -## 10.0.0-next.1 +- 5f16d2018: Updating emotion to v11 ### Patch Changes - Updated dependencies [9e38e9e7f] - react-magma-dom@4.5.0-next.7 -## 9.0.1-next.0 +## 9.0.1 ### Patch Changes @@ -28,28 +27,26 @@ ## 9.0.0 -## 9.0.0-next.1 - ### Patch Changes - Updated dependencies [ab6ffd4ed] - react-magma-dom@4.4.0-next.2 -## 8.0.1-next.0 +## 8.0.1 ### Patch Changes - Updated dependencies [3e14d4bd8] - react-magma-dom@4.3.1-next.0 -## 8.0.0-next.1 +## 8.0.0 ### Patch Changes - Updated dependencies [c47fc18b4] - react-magma-dom@4.3.0-next.2 -## 7.0.1-next.0 +## 7.0.1 ### Patch Changes @@ -58,8 +55,6 @@ ## 7.0.0 -## 7.0.0-next.0 - ### Patch Changes - Updated dependencies [9a09b8b55] @@ -67,8 +62,6 @@ ## 6.0.1 -## 6.0.1-next.0 - ### Patch Changes - Updated dependencies [871820e8d] @@ -76,14 +69,12 @@ ## 6.0.0 -## 6.0.0-next.1 - ### Patch Changes - Updated dependencies [3d00dcc7e] - react-magma-dom@4.1.0-next.2 -## 5.0.1-next.0 +## 5.0.1 ### Patch Changes @@ -96,12 +87,6 @@ - c01c53838: chore: Update to React v17.0.2 -## 5.0.0-next.0 - -### Major Changes - -- c01c53838: chore: Update to React v17.0.2 - ### Patch Changes - Updated dependencies [adba671f3] @@ -113,24 +98,11 @@ ### Patch Changes - 7b4549726: Update react-magma-icons version to 2.3.6 - -## 4.0.1-next.1 - -### Patch Changes - -- 7b4549726: Update react-magma-icons version to 2.3.6 - -## 4.0.1-next.0 - -### Patch Changes - - Updated dependencies [f5189569b] - react-magma-dom@3.2.1-next.0 ## 4.0.0 -## 4.0.0-next.0 - ### Patch Changes - Updated dependencies [47015f38] @@ -141,24 +113,11 @@ ### Patch Changes - 0de78513: build(deps): Bump react-magma-icons to 2.3.4 - -## 3.0.3-next.1 - -### Patch Changes - -- 0de78513c: build(deps): Bump react-magma-icons to 2.3.4 - -## 3.0.3-next.0 - -### Patch Changes - - Updated dependencies [17ee57afe] - react-magma-dom@3.1.2-next.0 ## 3.0.2 -## 3.0.2-next.0 - ### Patch Changes - Updated dependencies [fc8a20bf] @@ -175,17 +134,6 @@ ### Patch Changes - 2aa4ebc0: docs: updating header setup requirements - -## 3.0.0-next.1 - -### Patch Changes - -- 2aa4ebc0: docs: updating header setup requirements - -## 3.0.0-next.0 - -### Patch Changes - - Updated dependencies [366b25af] - react-magma-dom@3.0.0-next.0 @@ -201,12 +149,6 @@ - fdc6b27f: docs: addressing a variety of documentation issues -## 2.0.11-next.1 - -### Patch Changes - -- 533a5ae3: docs: addressing a variety of documentation issues - ## 2.0.10 ### Patch Changes @@ -218,24 +160,11 @@ ### Patch Changes - 1fc0bbc0: docs(header): fix isInverse example in patterns header - -## 2.0.9-next.1 - -### Patch Changes - -- a998c444: docs(header): fix isInverse example in patterns header - -## 2.0.9-next.0 - -### Patch Changes - - Updated dependencies [cbadaccb] - react-magma-dom@2.5.9-next.0 ## 2.0.8 -## 2.0.8-next.0 - ### Patch Changes - Updated dependencies [7b0c5714] @@ -243,8 +172,6 @@ ## 2.0.7 -## 2.0.7-next.0 - ### Patch Changes - Updated dependencies [465dc468] @@ -252,8 +179,6 @@ ## 2.0.6 -## 2.0.6-next.0 - ### Patch Changes - Updated dependencies [2cdc9c2a] @@ -261,8 +186,6 @@ ## 2.0.5 -## 2.0.5-next.0 - ### Patch Changes - Updated dependencies [8771bbfe] @@ -270,8 +193,6 @@ ## 2.0.4 -## 2.0.4-next.0 - ### Patch Changes - Updated dependencies [ae57efe9] @@ -279,8 +200,6 @@ ## 2.0.3 -## 2.0.3-next.0 - ### Patch Changes - Updated dependencies [52062bae] @@ -288,8 +207,6 @@ ## 2.0.2 -## 2.0.2-next.0 - ### Patch Changes - Updated dependencies [21c2ac2e] @@ -298,8 +215,6 @@ ## 2.0.1 -## 2.0.1-next.0 - ### Patch Changes - Updated dependencies [3260fafb] @@ -307,14 +222,12 @@ ## 2.0.0 -## 2.0.0-next.1 - ### Patch Changes - Updated dependencies [8e3559c3] - react-magma-dom@2.5.0-next.1 -## 1.0.1-next.0 +## 1.0.1 ### Patch Changes @@ -337,58 +250,13 @@ - Updated dependencies [57e28ac7] - react-magma-dom@2.4.0 -## 1.0.0-next.6 - -### Patch Changes - -- Updated dependencies [1ceb9951] - - react-magma-dom@2.4.0-next.6 - -## 1.0.0-next.5 - -### Patch Changes - -- 6d2a2be6: chore: update icons -- Updated dependencies [f0a1882f] -- Updated dependencies [6d2a2be6] - - react-magma-dom@2.4.0-next.5 - -## 1.0.0-alpha.4 - -### Patch Changes - -- Updated dependencies [88e2daee] - - react-magma-dom@2.4.0-alpha.4 - -## 1.0.0-alpha.3 - -### Patch Changes - -- Updated dependencies [aaa4d559] - - react-magma-dom@2.4.0-alpha.3 - -## 1.0.0-alpha.2 - -### Patch Changes - -- Updated dependencies [b7f7e431] -- Updated dependencies [c49cda0e] - - react-magma-dom@2.4.0-alpha.2 - -## 0.1.3-alpha.1 +## 0.1.3 ### Patch Changes - Updated dependencies [efb6f297] - react-magma-dom@2.3.13-alpha.1 -## 0.1.3-alpha.0 - -### Patch Changes - -- Updated dependencies [57e28ac7] - - react-magma-dom@2.3.13-alpha.0 - ## 0.1.2 ### Patch Changes @@ -396,13 +264,6 @@ - Updated dependencies [d0a7687d] - react-magma-dom@2.3.12 -## 0.1.2-alpha.0 - -### Patch Changes - -- Updated dependencies [d0a7687d] - - react-magma-dom@2.3.12-alpha.0 - ## 0.1.1 ### Patch Changes diff --git a/patterns/header/package-lock.json b/patterns/header/package-lock.json new file mode 100644 index 000000000..e906db608 --- /dev/null +++ b/patterns/header/package-lock.json @@ -0,0 +1,705 @@ +{ + "name": "@cengage-patterns/header", + "version": "10.0.0-next.1", + "lockfileVersion": 3, + "requires": true, + "packages": { + "": { + "name": "@cengage-patterns/header", + "version": "10.0.0-next.1", + "license": "MIT", + "devDependencies": { + "@emotion/styled": "^10.0.27" + }, + "engines": { + "node": ">=10" + }, + "peerDependencies": { + "@emotion/react": "^11.13.0", + "@emotion/styled": "^11.13.0", + "@types/uuid": "^8.3.0", + "date-fns": "^2.12.0", + "downshift": "^5.4.5", + "react": "^17.0.2", + "react-dom": "^17.0.2", + "react-magma-dom": "^4.5.0-next.7", + "react-magma-icons": "^3.0.0", + "uuid": "^8.3.0" + } + }, + "node_modules/@emotion/styled": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-10.3.0.tgz", + "integrity": "sha512-GgcUpXBBEU5ido+/p/mCT2/Xx+Oqmp9JzQRuC+a4lYM4i4LBBn/dWvc0rQ19N9ObA8/T4NWMrPNe79kMBDJqoQ==", + "dev": true, + "dependencies": { + "@emotion/styled-base": "^10.3.0", + "babel-plugin-emotion": "^10.0.27" + }, + "peerDependencies": { + "@emotion/core": "^10.0.27", + "react": ">=16.3.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/code-frame": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.24.7.tgz", + "integrity": "sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==", + "dev": true, + "dependencies": { + "@babel/highlight": "^7.24.7", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/generator": { + "version": "7.25.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.25.0.tgz", + "integrity": "sha512-3LEEcj3PVW8pW2R1SR1M89g/qrYk/m/mB/tLqn7dn4sbBUQyTqnlod+II2U4dqiGtUmkcnAmkMDralTFZttRiw==", + "dev": true, + "dependencies": { + "@babel/types": "^7.25.0", + "@jridgewell/gen-mapping": "^0.3.5", + "@jridgewell/trace-mapping": "^0.3.25", + "jsesc": "^2.5.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/helper-module-imports": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.24.7.tgz", + "integrity": "sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==", + "dev": true, + "dependencies": { + "@babel/traverse": "^7.24.7", + "@babel/types": "^7.24.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/helper-string-parser": { + "version": "7.24.8", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz", + "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/helper-validator-identifier": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz", + "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==", + "dev": true, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/highlight": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz", + "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==", + "dev": true, + "dependencies": { + "@babel/helper-validator-identifier": "^7.24.7", + "chalk": "^2.4.2", + "js-tokens": "^4.0.0", + "picocolors": "^1.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/parser": { + "version": "7.25.0", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.0.tgz", + "integrity": "sha512-CzdIU9jdP0dg7HdyB+bHvDJGagUv+qtzZt5rYCWwW6tITNqV9odjp6Qu41gkG0ca5UfdDUWrKkiAnHHdGRnOrA==", + "dev": true, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/runtime": { + "version": "7.25.0", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz", + "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==", + "dev": true, + "dependencies": { + "regenerator-runtime": "^0.14.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/template": { + "version": "7.25.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.25.0.tgz", + "integrity": "sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.24.7", + "@babel/parser": "^7.25.0", + "@babel/types": "^7.25.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/traverse": { + "version": "7.25.2", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.25.2.tgz", + "integrity": "sha512-s4/r+a7xTnny2O6FcZzqgT6nE4/GHEdcqj4qAeglbUOh0TeglEfmNJFAd/OLoVtGd6ZhAO8GCVvCNUO5t/VJVQ==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.24.7", + "@babel/generator": "^7.25.0", + "@babel/parser": "^7.25.0", + "@babel/template": "^7.25.0", + "@babel/types": "^7.25.2", + "debug": "^4.3.1", + "globals": "^11.1.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@babel/types": { + "version": "7.25.2", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.2.tgz", + "integrity": "sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==", + "dev": true, + "dependencies": { + "@babel/helper-string-parser": "^7.24.8", + "@babel/helper-validator-identifier": "^7.24.7", + "to-fast-properties": "^2.0.0" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/hash": { + "version": "0.8.0", + "resolved": "https://registry.npmjs.org/@emotion/hash/-/hash-0.8.0.tgz", + "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/@emotion/is-prop-valid": { + "version": "0.8.8", + "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-0.8.8.tgz", + "integrity": "sha512-u5WtneEAr5IDG2Wv65yhunPSMLIpuKsbuOktRojfrEiEvRyC85LgPMZI63cr7NUqT8ZIGdSVg8ZKGxIug4lXcA==", + "dev": true, + "dependencies": { + "@emotion/memoize": "0.7.4" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/memoize": { + "version": "0.7.4", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.7.4.tgz", + "integrity": "sha512-Ja/Vfqe3HpuzRsG1oBtWTHk2PGZ7GR+2Vz5iYGelAw8dx32K0y7PjVuxK6z1nMpZOqAFsRUPCkK1YjJ56qJlgw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/@emotion/serialize": { + "version": "0.11.16", + "resolved": "https://registry.npmjs.org/@emotion/serialize/-/serialize-0.11.16.tgz", + "integrity": "sha512-G3J4o8by0VRrO+PFeSc3js2myYNOXVJ3Ya+RGVxnshRYgsvErfAOglKAiy1Eo1vhzxqtUvjCyS5gtewzkmvSSg==", + "dev": true, + "dependencies": { + "@emotion/hash": "0.8.0", + "@emotion/memoize": "0.7.4", + "@emotion/unitless": "0.7.5", + "@emotion/utils": "0.11.3", + "csstype": "^2.5.7" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/styled-base": { + "version": "10.3.0", + "resolved": "https://registry.npmjs.org/@emotion/styled-base/-/styled-base-10.3.0.tgz", + "integrity": "sha512-PBRqsVKR7QRNkmfH78hTSSwHWcwDpecH9W6heujWAcyp2wdz/64PP73s7fWS1dIPm8/Exc8JAzYS8dEWXjv60w==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.5.5", + "@emotion/is-prop-valid": "0.8.8", + "@emotion/serialize": "^0.11.15", + "@emotion/utils": "0.11.3" + }, + "peerDependencies": { + "@emotion/core": "^10.0.28", + "react": ">=16.3.0" + } + }, + "node_modules/@emotion/styled/node_modules/@emotion/unitless": { + "version": "0.7.5", + "resolved": "https://registry.npmjs.org/@emotion/unitless/-/unitless-0.7.5.tgz", + "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/@emotion/utils": { + "version": "0.11.3", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-0.11.3.tgz", + "integrity": "sha512-0o4l6pZC+hI88+bzuaX/6BgOvQVhbt2PfmxauVaYOGgbsAw14wdKyvMCZXnsnsHys94iadcF+RG/wZyx6+ZZBw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/@jridgewell/gen-mapping": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz", + "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==", + "dev": true, + "dependencies": { + "@jridgewell/set-array": "^1.2.1", + "@jridgewell/sourcemap-codec": "^1.4.10", + "@jridgewell/trace-mapping": "^0.3.24" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@emotion/styled/node_modules/@jridgewell/resolve-uri": { + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz", + "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@emotion/styled/node_modules/@jridgewell/set-array": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz", + "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==", + "dev": true, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/@emotion/styled/node_modules/@jridgewell/sourcemap-codec": { + "version": "1.5.0", + "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz", + "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/@jridgewell/trace-mapping": { + "version": "0.3.25", + "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz", + "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==", + "dev": true, + "dependencies": { + "@jridgewell/resolve-uri": "^3.1.0", + "@jridgewell/sourcemap-codec": "^1.4.14" + } + }, + "node_modules/@emotion/styled/node_modules/@types/parse-json": { + "version": "4.0.2", + "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.2.tgz", + "integrity": "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/ansi-styles": { + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", + "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", + "dev": true, + "dependencies": { + "color-convert": "^1.9.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/babel-plugin-emotion": { + "version": "10.2.2", + "resolved": "https://registry.npmjs.org/babel-plugin-emotion/-/babel-plugin-emotion-10.2.2.tgz", + "integrity": "sha512-SMSkGoqTbTyUTDeuVuPIWifPdUGkTk1Kf9BWRiXIOIcuyMfsdp2EjeiiFvOzX8NOBvEh/ypKYvUh2rkgAJMCLA==", + "dev": true, + "dependencies": { + "@babel/helper-module-imports": "^7.0.0", + "@emotion/hash": "0.8.0", + "@emotion/memoize": "0.7.4", + "@emotion/serialize": "^0.11.16", + "babel-plugin-macros": "^2.0.0", + "babel-plugin-syntax-jsx": "^6.18.0", + "convert-source-map": "^1.5.0", + "escape-string-regexp": "^1.0.5", + "find-root": "^1.1.0", + "source-map": "^0.5.7" + } + }, + "node_modules/@emotion/styled/node_modules/babel-plugin-macros": { + "version": "2.8.0", + "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-2.8.0.tgz", + "integrity": "sha512-SEP5kJpfGYqYKpBrj5XU3ahw5p5GOHJ0U5ssOSQ/WBVdwkD2Dzlce95exQTs3jOVWPPKLBN2rlEWkCK7dSmLvg==", + "dev": true, + "dependencies": { + "@babel/runtime": "^7.7.2", + "cosmiconfig": "^6.0.0", + "resolve": "^1.12.0" + } + }, + "node_modules/@emotion/styled/node_modules/babel-plugin-syntax-jsx": { + "version": "6.18.0", + "resolved": "https://registry.npmjs.org/babel-plugin-syntax-jsx/-/babel-plugin-syntax-jsx-6.18.0.tgz", + "integrity": "sha512-qrPaCSo9c8RHNRHIotaufGbuOBN8rtdC4QrrFFc43vyWCCz7Kl7GL1PGaXtMGQZUXrkCjNEgxDfmAuAabr/rlw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/callsites": { + "version": "3.1.0", + "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", + "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==", + "dev": true, + "engines": { + "node": ">=6" + } + }, + "node_modules/@emotion/styled/node_modules/chalk": { + "version": "2.4.2", + "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", + "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", + "dev": true, + "dependencies": { + "ansi-styles": "^3.2.1", + "escape-string-regexp": "^1.0.5", + "supports-color": "^5.3.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/color-convert": { + "version": "1.9.3", + "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", + "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", + "dev": true, + "dependencies": { + "color-name": "1.1.3" + } + }, + "node_modules/@emotion/styled/node_modules/color-name": { + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", + "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/convert-source-map": { + "version": "1.9.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", + "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/cosmiconfig": { + "version": "6.0.0", + "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz", + "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==", + "dev": true, + "dependencies": { + "@types/parse-json": "^4.0.0", + "import-fresh": "^3.1.0", + "parse-json": "^5.0.0", + "path-type": "^4.0.0", + "yaml": "^1.7.2" + }, + "engines": { + "node": ">=8" + } + }, + "node_modules/@emotion/styled/node_modules/csstype": { + "version": "2.6.21", + "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz", + "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/debug": { + "version": "4.3.6", + "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz", + "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==", + "dev": true, + "dependencies": { + "ms": "2.1.2" + }, + "engines": { + "node": ">=6.0" + }, + "peerDependenciesMeta": { + "supports-color": { + "optional": true + } + } + }, + "node_modules/@emotion/styled/node_modules/error-ex": { + "version": "1.3.2", + "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", + "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", + "dev": true, + "dependencies": { + "is-arrayish": "^0.2.1" + } + }, + "node_modules/@emotion/styled/node_modules/escape-string-regexp": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz", + "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==", + "dev": true, + "engines": { + "node": ">=0.8.0" + } + }, + "node_modules/@emotion/styled/node_modules/find-root": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", + "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/function-bind": { + "version": "1.1.2", + "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz", + "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==", + "dev": true, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/@emotion/styled/node_modules/globals": { + "version": "11.12.0", + "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz", + "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/has-flag": { + "version": "3.0.0", + "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", + "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/hasown": { + "version": "2.0.2", + "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz", + "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==", + "dev": true, + "dependencies": { + "function-bind": "^1.1.2" + }, + "engines": { + "node": ">= 0.4" + } + }, + "node_modules/@emotion/styled/node_modules/import-fresh": { + "version": "3.3.0", + "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", + "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", + "dev": true, + "dependencies": { + "parent-module": "^1.0.0", + "resolve-from": "^4.0.0" + }, + "engines": { + "node": ">=6" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@emotion/styled/node_modules/is-arrayish": { + "version": "0.2.1", + "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", + "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/is-core-module": { + "version": "2.15.0", + "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.0.tgz", + "integrity": "sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==", + "dev": true, + "dependencies": { + "hasown": "^2.0.2" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/@emotion/styled/node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/jsesc": { + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-2.5.2.tgz", + "integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==", + "dev": true, + "bin": { + "jsesc": "bin/jsesc" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/json-parse-even-better-errors": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", + "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/lines-and-columns": { + "version": "1.2.4", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", + "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/ms": { + "version": "2.1.2", + "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz", + "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/parent-module": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", + "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", + "dev": true, + "dependencies": { + "callsites": "^3.0.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@emotion/styled/node_modules/parse-json": { + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", + "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", + "dev": true, + "dependencies": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + }, + "engines": { + "node": ">=8" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, + "node_modules/@emotion/styled/node_modules/path-parse": { + "version": "1.0.7", + "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", + "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/path-type": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", + "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==", + "dev": true, + "engines": { + "node": ">=8" + } + }, + "node_modules/@emotion/styled/node_modules/picocolors": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz", + "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/regenerator-runtime": { + "version": "0.14.1", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz", + "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==", + "dev": true + }, + "node_modules/@emotion/styled/node_modules/resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "dev": true, + "dependencies": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + }, + "bin": { + "resolve": "bin/resolve" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/@emotion/styled/node_modules/resolve-from": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz", + "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/source-map": { + "version": "0.5.7", + "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", + "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/@emotion/styled/node_modules/supports-color": { + "version": "5.5.0", + "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", + "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", + "dev": true, + "dependencies": { + "has-flag": "^3.0.0" + }, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/supports-preserve-symlinks-flag": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", + "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==", + "dev": true, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, + "node_modules/@emotion/styled/node_modules/to-fast-properties": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", + "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==", + "dev": true, + "engines": { + "node": ">=4" + } + }, + "node_modules/@emotion/styled/node_modules/yaml": { + "version": "1.10.2", + "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", + "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==", + "dev": true, + "engines": { + "node": ">= 6" + } + } + } +} diff --git a/patterns/header/package.json b/patterns/header/package.json index df61d1aee..88cdc303f 100644 --- a/patterns/header/package.json +++ b/patterns/header/package.json @@ -2,7 +2,7 @@ "publishConfig": { "access": "public" }, - "version": "10.0.0", + "version": "11.0.0-next.0", "license": "MIT", "main": "dist/index.js", "typings": "dist/index.d.ts", @@ -26,7 +26,7 @@ "downshift": "^5.4.5", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0-next.7", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0", "uuid": "^8.3.0" }, @@ -38,7 +38,7 @@ "downshift": "^5.4.5", "react": "^17.0.2", "react-dom": "^17.0.2", - "react-magma-dom": "^4.5.0", + "react-magma-dom": "^4.6.0-next.0", "react-magma-icons": "^3.0.0", "uuid": "^8.3.0" }, diff --git a/website/react-magma-docs/CHANGELOG.md b/website/react-magma-docs/CHANGELOG.md index 10eeb64b3..09bf7bba0 100644 --- a/website/react-magma-docs/CHANGELOG.md +++ b/website/react-magma-docs/CHANGELOG.md @@ -1,118 +1,135 @@ # Change Log -## 5.0.7 +## 5.0.8-next.14 ### Patch Changes -- 5f16d2018: Update Charts examples -- 5f16d2018: chore: Resync dev branch -- 5f16d2018: fix(Drawer): Update site navigation storybook example -- 5f16d2018: storybook(TimePicker): Update clear time example -- 5f16d2018: Add Toast warning -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] -- Updated dependencies [5f16d2018] - - @react-magma/charts@8.0.0 - - react-magma-dom@4.5.0 - - @react-magma/dropzone@8.0.0 - - @cengage-patterns/header@10.0.0 - - @react-magma/schema-renderer@8.0.0 +- facc56d54: fix(TreeView): Fixed the Preselected for displaying checked items + +## 5.0.8-next.13 + +### Patch Changes + +- cbc680295: Update changelog text to alert adopters about the emotion update. + +## 5.0.8-next.12 + +### Patch Changes + +- 1243113e9: fix(Accordion): Fix focus issue with `Collapse All` and `Expand All` buttons + +## 5.0.8-next.11 + +### Patch Changes + +- 9cff682a8: build: Fix package lock +- Updated dependencies [11bedeff9] + - react-magma-dom@4.6.0-next.11 + +## 5.0.8-next.10 + +### Patch Changes -## 5.0.7-next.9 +- 5d58c31af: Revert "chore: Update @emotion dependency (#1419)" + +## 5.0.8-next.9 ### Patch Changes -- Updated dependencies [bf5537baa] - - @react-magma/dropzone@8.0.0-next.3 +- 5764ba3c3: docs(TreeView): Update TreeView example -## 5.0.7-next.8 +## 5.0.8-next.8 ### Patch Changes -- Updated dependencies [ae668a3e5] -- Updated dependencies [ae668a3e5] -- Updated dependencies [ae668a3e5] -- Updated dependencies [ae668a3e5] - - @cengage-patterns/header@10.0.0-next.2 - - @react-magma/charts@8.0.0-next.5 - - react-magma-dom@4.5.0-next.10 - - @react-magma/dropzone@8.0.0-next.2 +- 6a03750d4: build(deps): bump elliptic from 6.5.5 to 6.5.7 -## 5.0.7-next.7 +## 5.0.8-next.7 ### Patch Changes -- Updated dependencies [9e38e9e7f] - - react-magma-dom@4.5.0-next.7 - - @react-magma/charts@8.0.0-next.4 - - @react-magma/dropzone@8.0.0-next.1 - - @react-magma/schema-renderer@8.0.0-next.1 - - @cengage-patterns/header@10.0.0-next.1 +- 31ee96f73: docs(Modal): Modal Heading icon example fix -## 5.0.7-next.6 +## 5.0.8-next.6 ### Patch Changes -- 2837cd4fb: storybook(TimePicker): Update clear time example +- 63e206ef5: docs(Modal): Modal Heading example fixes -## 5.0.7-next.5 +## 5.0.8-next.5 ### Patch Changes -- ad137c88e: fix(Drawer): Update site navigation storybook example +- 78db20cc1: fix(ToggleButton): Improved accessibility for Toggle Button icon only examples. -## 5.0.7-next.4 +## 5.0.8-next.4 ### Patch Changes -- 9f43ba1e6: Update Charts examples -- Updated dependencies [9f43ba1e6] - - @react-magma/charts@7.0.1-next.3 +- b57973339: docs(Drawer): Fix Drawer examples -## 5.0.7-next.3 +## 5.0.8-next.3 ### Patch Changes -- 0a0ca608b: docs: Fix `TypeError: styled.h1 is not a function` errors +- f4be5a89d: fix(Drawer): Fix Drawer Navigation example -## 5.0.7-next.2 +## 5.0.8-next.2 ### Patch Changes -- 7118b03b3: Add Toast warning +- Updated dependencies [fdf2dc929] + - react-magma-dom@4.6.0-next.0 + - @react-magma/charts@9.0.0-next.0 + - @react-magma/dropzone@9.0.0-next.0 + - @react-magma/schema-renderer@9.0.0-next.0 + - @cengage-patterns/header@11.0.0-next.0 -## 5.0.7-next.1 +## 5.0.8-next.1 ### Patch Changes -- Updated dependencies [9f1e0956a] - - react-magma-dom@4.4.1-next.0 - - @react-magma/charts@7.0.1-next.0 - - @react-magma/dropzone@7.0.1-next.0 - - @react-magma/schema-renderer@7.0.1-next.0 - - @cengage-patterns/header@9.0.1-next.0 +- 26db2ae5c: fix(Drawer): Fixed drawer appearing open at lower screen resolutions for the doc site navigation. -## 5.0.7-next.0 +## 5.0.8-next.0 ### Patch Changes -- ff8fe059d: chore: Resync dev branch +- e554ef776: chore: Manually sync main -> dev (4.5.0) + +## 5.0.7 + +### Patch Changes + +- 5f16d2018: Update Charts examples +- 5f16d2018: chore: Resync dev branch +- 5f16d2018: fix(Drawer): Update site navigation storybook example +- 5f16d2018: storybook(TimePicker): Update clear time example +- 5f16d2018: Add Toast warning +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] +- Updated dependencies [5f16d2018] + - @react-magma/charts@8.0.0 + - react-magma-dom@4.5.0 + - @react-magma/dropzone@8.0.0 + - @cengage-patterns/header@10.0.0 + - @react-magma/schema-renderer@8.0.0 ## 5.0.6 @@ -140,186 +157,6 @@ - @react-magma/schema-renderer@7.0.0 - @cengage-patterns/header@9.0.0 -## 5.0.6-next.24 - -### Patch Changes - -- Updated dependencies [63ba07d06] - - react-magma-dom@4.4.0-next.21 - -## 5.0.6-next.23 - -### Patch Changes - -- Updated dependencies [ad0c58ace] - - react-magma-dom@4.4.0-next.20 - -## 5.0.6-next.22 - -### Patch Changes - -- Updated dependencies [bb103295a] - - react-magma-dom@4.4.0-next.19 - -## 5.0.6-next.21 - -### Patch Changes - -- Updated dependencies [c4044956a] - - react-magma-dom@4.4.0-next.18 - -## 5.0.6-next.20 - -### Patch Changes - -- Updated dependencies [2dc651c9f] - - react-magma-dom@4.4.0-next.17 - -## 5.0.6-next.19 - -### Patch Changes - -- Updated dependencies [fac89e708] - - react-magma-dom@4.4.0-next.16 - -## 5.0.6-next.18 - -### Patch Changes - -- Updated dependencies [e39db7b0f] - - react-magma-dom@4.4.0-next.15 - -## 5.0.6-next.17 - -### Patch Changes - -- Updated dependencies [2f95d6072] - - react-magma-dom@4.4.0-next.14 - -## 5.0.6-next.16 - -### Patch Changes - -- Updated dependencies [cf3c10fda] - - react-magma-dom@4.4.0-next.13 - -## 5.0.6-next.15 - -### Patch Changes - -- Updated dependencies [b7ad3aa90] - - react-magma-dom@4.4.0-next.12 - -## 5.0.6-next.14 - -### Patch Changes - -- Updated dependencies [aff7e0a7e] - - react-magma-dom@4.4.0-next.11 - -## 5.0.6-next.13 - -### Patch Changes - -- Updated dependencies [c1ef7d0cb] - - react-magma-dom@4.4.0-next.10 - -## 5.0.6-next.12 - -### Patch Changes - -- Updated dependencies [e8a395ed1] - - react-magma-dom@4.4.0-next.9 - -## 5.0.6-next.11 - -### Patch Changes - -- Updated dependencies [5e88eddbd] - - react-magma-dom@4.4.0-next.8 - -## 5.0.6-next.10 - -### Patch Changes - -- Updated dependencies [dcaa44365] - - react-magma-dom@4.4.0-next.7 - -## 5.0.6-next.9 - -### Patch Changes - -- b10feaaba: chore: Fix storybook - -## 5.0.6-next.8 - -### Patch Changes - -- Updated dependencies [a869e0993] - - react-magma-dom@4.4.0-next.6 - -## 5.0.6-next.7 - -### Patch Changes - -- Updated dependencies [61a5ea0c1] - - react-magma-dom@4.4.0-next.5 - -## 5.0.6-next.6 - -### Patch Changes - -- Updated dependencies [b9626a096] - - react-magma-dom@4.4.0-next.4 - -## 5.0.6-next.5 - -### Patch Changes - -- Updated dependencies [ede3d0f62] - - react-magma-dom@4.4.0-next.3 - -## 5.0.6-next.4 - -### Patch Changes - -- Updated dependencies [ab6ffd4ed] - - react-magma-dom@4.4.0-next.2 - - @react-magma/charts@7.0.0-next.1 - - @react-magma/dropzone@7.0.0-next.1 - - @react-magma/schema-renderer@7.0.0-next.1 - - @cengage-patterns/header@9.0.0-next.1 - -## 5.0.6-next.3 - -### Patch Changes - -- 731e9c217: build(deps): bump ip from 2.0.0 to 2.0.1 - -## 5.0.6-next.2 - -### Patch Changes - -- Updated dependencies [9a536bcda] - - react-magma-dom@4.3.1-next.1 - -## 5.0.6-next.1 - -### Patch Changes - -- Updated dependencies [3e14d4bd8] - - react-magma-dom@4.3.1-next.0 - - @react-magma/charts@6.0.1-next.0 - - @react-magma/dropzone@6.0.1-next.0 - - @react-magma/schema-renderer@6.0.1-next.0 - - @cengage-patterns/header@8.0.1-next.0 - -## 5.0.6-next.0 - -### Patch Changes - -- f54eb31c9: build: Resolve merge conflicts when pulling main -> dev (4.3.0) - ## 5.0.5-next.9 ### Patch Changes diff --git a/website/react-magma-docs/package-lock.json b/website/react-magma-docs/package-lock.json index 48cc921ef..5f865bb6e 100644 --- a/website/react-magma-docs/package-lock.json +++ b/website/react-magma-docs/package-lock.json @@ -26590,6 +26590,22 @@ "react-popper": "^2.2.4", "uuid": "^8.3.0" } + }, + "react-is": { + "version": "16.13.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz", + "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==" + }, + "react-magma-dom": {}, + "regenerator-runtime": { + "version": "0.13.11", + "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz", + "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg==" + }, + "tslib": { + "version": "2.5.0", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.0.tgz", + "integrity": "sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==" } } }, @@ -27412,7 +27428,6 @@ }, "ansi-styles": { "version": "3.2.1", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz", "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==", "requires": { "color-convert": "^1.9.0" @@ -27461,11 +27476,11 @@ } }, "aria-query": { - "version": "5.1.3", - "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz", - "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz", + "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==", "requires": { - "deep-equal": "^2.0.5" + "dequal": "^2.0.3" } }, "arr-diff": { @@ -27699,11 +27714,11 @@ } }, "axobject-query": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz", - "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==", + "version": "3.2.1", + "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz", + "integrity": "sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==", "requires": { - "deep-equal": "^2.0.5" + "dequal": "^2.0.3" } }, "babel-extract-comments": { @@ -28361,7 +28376,6 @@ }, "callsites": { "version": "3.1.0", - "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz", "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==" }, "camel-case": { @@ -28414,7 +28428,6 @@ }, "chalk": { "version": "2.4.2", - "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz", "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==", "requires": { "ansi-styles": "^3.2.1", @@ -28785,7 +28798,6 @@ }, "color-convert": { "version": "1.9.3", - "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz", "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==", "requires": { "color-name": "1.1.3" @@ -28793,7 +28805,6 @@ }, "color-name": { "version": "1.1.3", - "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz", "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==" }, "color-string": { @@ -29034,7 +29045,6 @@ }, "convert-source-map": { "version": "1.9.0", - "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.9.0.tgz", "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==" }, "cookie": { @@ -29475,11 +29485,8 @@ "es-get-iterator": "^1.1.3", "get-intrinsic": "^1.2.2", "is-arguments": "^1.1.1", - "is-array-buffer": "^3.0.2", "is-date-object": "^1.0.5", "is-regex": "^1.1.4", - "is-shared-array-buffer": "^1.0.2", - "isarray": "^2.0.5", "object-is": "^1.1.5", "object-keys": "^1.1.1", "object.assign": "^4.1.4", @@ -30015,7 +30022,6 @@ }, "error-ex": { "version": "1.3.2", - "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz", "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==", "requires": { "is-arrayish": "^0.2.1" @@ -30100,15 +30106,54 @@ "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz", "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==", "requires": { - "call-bind": "^1.0.2", - "get-intrinsic": "^1.1.3", + "get-intrinsic": "^1.2.4" + } + }, + "es-errors": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz", + "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==" + }, + "es-iterator-helpers": { + "version": "1.0.19", + "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz", + "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==", + "requires": { + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.3", + "es-errors": "^1.3.0", + "es-set-tostringtag": "^2.0.3", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "globalthis": "^1.0.3", + "has-property-descriptors": "^1.0.2", + "has-proto": "^1.0.3", "has-symbols": "^1.0.3", - "is-arguments": "^1.1.1", - "is-map": "^2.0.2", - "is-set": "^2.0.2", - "is-string": "^1.0.7", - "isarray": "^2.0.5", - "stop-iteration-iterator": "^1.0.0" + "internal-slot": "^1.0.7", + "iterator.prototype": "^1.1.2", + "safe-array-concat": "^1.1.2" + } + }, + "es-iterator-helpers": { + "version": "1.0.19", + "resolved": "https://registry.npmjs.org/es-iterator-helpers/-/es-iterator-helpers-1.0.19.tgz", + "integrity": "sha512-zoMwbCcH5hwUkKJkT8kDIBZSz9I6mVG//+lDCinLCGov4+r7NIy0ld8o03M0cJxl2spVf6ESYVS6/gpIfq1FFw==", + "requires": { + "call-bind": "^1.0.7", + "define-properties": "^1.2.1", + "es-abstract": "^1.23.3", + "es-errors": "^1.3.0", + "es-set-tostringtag": "^2.0.3", + "function-bind": "^1.1.2", + "get-intrinsic": "^1.2.4", + "globalthis": "^1.0.3", + "has-property-descriptors": "^1.0.2", + "has-proto": "^1.0.3", + "has-symbols": "^1.0.3", + "internal-slot": "^1.0.7", + "iterator.prototype": "^1.1.2", + "safe-array-concat": "^1.1.2" } }, "es-iterator-helpers": { @@ -30400,6 +30445,16 @@ "requires": { "ms": "^2.1.1" } + }, + "resolve": { + "version": "1.22.8", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz", + "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==", + "requires": { + "is-core-module": "^2.13.0", + "path-parse": "^1.0.7", + "supports-preserve-symlinks-flag": "^1.0.0" + } } } }, @@ -31204,7 +31259,6 @@ }, "find-root": { "version": "1.1.0", - "resolved": "https://registry.npmjs.org/find-root/-/find-root-1.1.0.tgz", "integrity": "sha512-NKfW6bec6GfKc0SGx1e07QZY9PE99u0Bft/0rzSD5k3sO/vwkVUpDUKVm5Gpp5Ue3YfShPFTX2070tDs5kB9Ng==" }, "find-up": { @@ -33107,7 +33161,6 @@ }, "has-flag": { "version": "3.0.0", - "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz", "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==" }, "has-property-descriptors": { @@ -33468,7 +33521,6 @@ }, "import-fresh": { "version": "3.3.0", - "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==", "requires": { "parent-module": "^1.0.0", @@ -33677,7 +33729,6 @@ }, "is-arrayish": { "version": "0.2.1", - "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz", "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==" }, "is-async-function": { @@ -34110,9 +34161,9 @@ "integrity": "sha512-VjSeb/lHmkoyd8ryPVIKvOCn4D1koMqY+vqyjjUfc3xyKtP4dYOxM44sZrnqQSzSds3xyOrUTLTC9LVCVgLngw==" }, "isarray": { - "version": "2.0.5", - "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz", - "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw==" + "version": "0.0.1", + "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz", + "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==" }, "isexe": { "version": "2.0.0", @@ -34294,7 +34345,6 @@ }, "js-tokens": { "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==" }, "js-yaml": { @@ -34323,7 +34373,6 @@ }, "json-parse-even-better-errors": { "version": "2.3.1", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz", "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==" }, "json-schema-traverse": { @@ -34421,7 +34470,6 @@ }, "lines-and-columns": { "version": "1.2.4", - "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz", "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==" }, "load-bmfont": { @@ -36532,7 +36580,6 @@ }, "parent-module": { "version": "1.0.1", - "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz", "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==", "requires": { "callsites": "^3.0.0" @@ -36588,7 +36635,6 @@ }, "parse-json": { "version": "5.2.0", - "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz", "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==", "requires": { "@babel/code-frame": "^7.0.0", @@ -36736,7 +36782,6 @@ }, "path-parse": { "version": "1.0.7", - "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz", "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==" }, "path-to-regexp": { @@ -36746,7 +36791,6 @@ }, "path-type": { "version": "4.0.0", - "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz", "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==" }, "peek-readable": { @@ -39155,7 +39199,6 @@ }, "source-map": { "version": "0.5.7", - "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz", "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==" }, "source-map-js": { @@ -39456,14 +39499,6 @@ "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz", "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==" }, - "stop-iteration-iterator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz", - "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==", - "requires": { - "internal-slot": "^1.0.4" - } - }, "stream-parser": { "version": "0.3.1", "resolved": "https://registry.npmjs.org/stream-parser/-/stream-parser-0.3.1.tgz", @@ -39617,6 +39652,14 @@ "es-object-atoms": "^1.0.0" } }, + "string_decoder": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz", + "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==", + "requires": { + "safe-buffer": "~5.2.0" + } + }, "stringify-entities": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/stringify-entities/-/stringify-entities-3.1.0.tgz", @@ -39805,7 +39848,6 @@ }, "supports-color": { "version": "5.5.0", - "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz", "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==", "requires": { "has-flag": "^3.0.0" @@ -39813,7 +39855,6 @@ }, "supports-preserve-symlinks-flag": { "version": "1.0.0", - "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz", "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==" }, "svg-react-loader": { @@ -40187,7 +40228,6 @@ }, "to-fast-properties": { "version": "2.0.0", - "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz", "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==" }, "to-object-path": { @@ -41707,7 +41747,6 @@ }, "yaml": { "version": "1.10.2", - "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz", "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==" }, "yaml-loader": { diff --git a/website/react-magma-docs/package.json b/website/react-magma-docs/package.json index af26b7660..d8d994e37 100644 --- a/website/react-magma-docs/package.json +++ b/website/react-magma-docs/package.json @@ -1,7 +1,7 @@ { "name": "react-magma-docs", "description": "React Magma docs", - "version": "5.0.7", + "version": "5.0.8-next.14", "private": true, "repository": { "type": "git", @@ -11,15 +11,15 @@ "homepage": "https://react-magma.cengage.com", "dependencies": { "@babel/plugin-transform-react-jsx": "7.10.4", - "@cengage-patterns/header": "10.0.0", + "@cengage-patterns/header": "11.0.0-next.0", "@data-driven-forms/react-form-renderer": "^3.6.0", "@emotion/react": "^11.13.0", "@emotion/styled": "^11.13.0", "@mdx-js/mdx": "^1.5.5", "@mdx-js/react": "^1.5.5", - "@react-magma/charts": "^8.0.0", - "@react-magma/dropzone": "8.0.0", - "@react-magma/schema-renderer": "^8.0.0", + "@react-magma/charts": "^9.0.0-next.0", + "@react-magma/dropzone": "9.0.0-next.0", + "@react-magma/schema-renderer": "^9.0.0-next.0", "buble": "0.19.4", "buffer": "^6.0.3", "core-js": "^3.1.4", @@ -49,7 +49,7 @@ "react-focus-lock": "^2.9.2", "react-helmet": "5.2.0", "react-live": "^2.2.1", - "react-magma-dom": "^4.5.0", + "react-magma-dom": "^4.6.0-next.11", "react-magma-icons": "^3.0.0", "react-spring": "6.1.9", "semver": "^7.3.4", diff --git a/website/react-magma-docs/src/components/MainContainer/index.js b/website/react-magma-docs/src/components/MainContainer/index.js index 0ba4003ea..3ac496c47 100644 --- a/website/react-magma-docs/src/components/MainContainer/index.js +++ b/website/react-magma-docs/src/components/MainContainer/index.js @@ -16,9 +16,6 @@ const StyledContainer = styled.div` 'masthead masthead' 'nav content'; } - @media (max-width: 1024px) { - display: hidden; - } `; const StyledSkipLink = styled(SkipLink)` diff --git a/website/react-magma-docs/src/pages/api-intro/changelog.mdx b/website/react-magma-docs/src/pages/api-intro/changelog.mdx index 8facc8717..0f1d450ad 100644 --- a/website/react-magma-docs/src/pages/api-intro/changelog.mdx +++ b/website/react-magma-docs/src/pages/api-intro/changelog.mdx @@ -5,12 +5,11 @@ order: 4 - ## 4.5.0 ### Minor Changes -- ae668a3e5: chore: Updating emotion to v11 +- ae668a3e5: chore: Updating emotion to v11. **Note: adopters will need to upgrade** their packages to the following versions `"@emotion/react": "^11.13.0", "@emotion/styled": "^11.13.0"`. Notice that `@emotion/core` has been replaced with `@emotion/styled` and that's the only breaking change. - 9e38e9e7f: feat(Stepper): New Stepper component. Displays step based content for use in multi-step interfaces. ### Patch Changes diff --git a/website/react-magma-docs/src/pages/api/accordion.mdx b/website/react-magma-docs/src/pages/api/accordion.mdx index b6f1b4ec4..1f0f2f9fc 100644 --- a/website/react-magma-docs/src/pages/api/accordion.mdx +++ b/website/react-magma-docs/src/pages/api/accordion.mdx @@ -16,7 +16,9 @@ import { LeadParagraph } from '../../components/LeadParagraph'; -An accordion is a vertically stacked group of collapsible sections. An accordion is composed of grouped buttons and panels. When a user clicks an accordion button, its respective panel will hide or show. + An accordion is a vertically stacked group of collapsible sections. An + accordion is composed of grouped buttons and panels. When a user clicks an + accordion button, its respective panel will hide or show. ## Basic Usage @@ -123,15 +125,15 @@ import { export function Example() { const [expandedIndex, setExpandedIndex] = React.useState([]); - const [disableExpandAll, setDisableExpandAll] = React.useState(false); - const [disableCollapseAll, setDisableCollapseAll] = React.useState(true); - const handleExpandAll = () => { - setExpandedIndex([0, 1, 2]); - }; + const isAllExpanded = expandedIndex.length > 0; - const handleCollapseAll = () => { - setExpandedIndex([]); + const handleToggleAll = () => { + if (isAllExpanded) { + setExpandedIndex([]); + } else { + setExpandedIndex([0, 1, 2]); + } }; const handleExpandedChange = index => { @@ -142,37 +144,15 @@ export function Example() { } }; - React.useEffect(() => { - if (expandedIndex.length === 0) { - setDisableCollapseAll(true); - setDisableExpandAll(false); - } else if (expandedIndex.length === 3) { - setDisableCollapseAll(false); - setDisableExpandAll(true); - } else { - setDisableCollapseAll(false); - setDisableExpandAll(false); - } - }, [expandedIndex]); - return ( <> - diff --git a/website/react-magma-docs/src/pages/api/breadcrumb.mdx b/website/react-magma-docs/src/pages/api/breadcrumb.mdx index ca2a496bc..1052e1198 100644 --- a/website/react-magma-docs/src/pages/api/breadcrumb.mdx +++ b/website/react-magma-docs/src/pages/api/breadcrumb.mdx @@ -19,7 +19,7 @@ import { LeadParagraph } from '../../components/LeadParagraph'; The breadcrumb menu consists of two components: `Breadcrumb` and `BreadcrumbItem`. The `Breadcrumb` is the wrapper for the entire menu; the `BreadcrumbItem` should be used multiple times within it, and refers to each node in the menu. A `BreadcrumbItem` takes a `to` prop, which determines the href of that item. If that prop is left blank, -the item will be rendered as a span and will have `aria-current="page"` on it. All items in a breadcrumb menu should have the `to` prop, except for the last one, which represents the current page. +the item will be rendered as a non-clickable element with `aria-current="page"` on it. All items in a breadcrumb menu should have the `to` prop, except for the last one, which represents the current page. ```tsx import React from 'react'; diff --git a/website/react-magma-docs/src/pages/api/button.mdx b/website/react-magma-docs/src/pages/api/button.mdx index feb8144c9..f97b93d38 100644 --- a/website/react-magma-docs/src/pages/api/button.mdx +++ b/website/react-magma-docs/src/pages/api/button.mdx @@ -136,14 +136,30 @@ When a button is in a loading state, the label can be replaced with a loading sp ```tsx import React from 'react'; -import { Button, ButtonGroup } from 'react-magma-dom'; +import { Button, ButtonGroup, VisuallyHidden } from 'react-magma-dom'; export function Example() { + const [isLoading, setIsLoading] = React.useState(false); + React.useEffect(() => { + if (isLoading) { + setTimeout(() => { + setIsLoading(false); + }, 4000); + } + }, [isLoading]); + return ( - - - - + <> +

Click the button below to show the loading state

+ + {isLoading ? 'Loading...' : 'Ready'} + + + + + ); } ``` diff --git a/website/react-magma-docs/src/pages/api/datagrid.mdx b/website/react-magma-docs/src/pages/api/datagrid.mdx index 59cae96c5..d941f20ed 100644 --- a/website/react-magma-docs/src/pages/api/datagrid.mdx +++ b/website/react-magma-docs/src/pages/api/datagrid.mdx @@ -242,6 +242,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row danger', }, { id: 2, @@ -250,6 +251,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row info', }, { id: 3, @@ -258,6 +260,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row success', }, ]; @@ -267,6 +270,8 @@ export function Example() { ## Selectable +Use `rowName` when using Selectable so that the aria labels on the checkboxes can be unique, otherwise the labels will default to "Select Row" or "Deselect Row." + ```typescript import React from 'react'; import { Datagrid, Card } from 'react-magma-dom'; @@ -286,6 +291,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 1' }, { id: 2, @@ -293,6 +299,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 2' }, { id: 3, @@ -300,6 +307,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 3' }, { id: 4, @@ -307,6 +315,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 4' }, { id: 5, @@ -314,6 +323,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 5' }, { id: 6, @@ -321,6 +331,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 6' }, { id: 7, @@ -328,6 +339,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 7' }, { id: 8, @@ -335,6 +347,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 8' }, { id: 9, @@ -342,6 +355,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 9' }, { id: 10, @@ -349,6 +363,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 10' }, { id: 11, @@ -356,6 +371,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 11', }, { id: 12, @@ -363,6 +379,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 12', }, { id: 13, @@ -370,6 +387,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 13', }, { id: 14, @@ -377,6 +395,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 14', }, { id: 15, @@ -384,6 +403,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 15', }, { id: 16, @@ -391,6 +411,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 16', }, { id: 17, @@ -398,6 +419,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 17', }, { id: 18, @@ -405,6 +427,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 18', }, { id: 19, @@ -412,6 +435,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 19', }, { id: 20, @@ -419,6 +443,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 20', }, { id: 21, @@ -426,6 +451,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 21', }, { id: 22, @@ -433,6 +459,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 22', }, { id: 23, @@ -440,6 +467,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 23', }, { id: 24, @@ -447,6 +475,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 24', }, { id: 25, @@ -454,6 +483,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 25', }, ]; @@ -486,6 +516,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 1' }, { id: 2, @@ -493,6 +524,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 2' }, { id: 3, @@ -500,6 +532,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 3' }, { id: 4, @@ -508,6 +541,7 @@ export function Example() { col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', isSelectableDisabled: true, + rowName: 'Row 4' }, { id: 5, @@ -515,6 +549,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 5' }, { id: 6, @@ -522,6 +557,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 6' }, { id: 7, @@ -529,6 +565,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 7' }, { id: 8, @@ -536,6 +573,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 8' }, { id: 9, @@ -543,6 +581,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 9' }, { id: 10, @@ -550,6 +589,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 10' }, { id: 11, @@ -557,6 +597,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 11', }, { id: 12, @@ -564,6 +605,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 12', }, { id: 13, @@ -571,6 +613,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 13', }, { id: 14, @@ -578,6 +621,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 14', }, { id: 15, @@ -585,6 +629,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 15', }, { id: 16, @@ -592,6 +637,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 16', }, { id: 17, @@ -599,6 +645,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 17', }, { id: 18, @@ -606,6 +653,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 18', }, { id: 19, @@ -613,6 +661,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 19', }, { id: 20, @@ -620,6 +669,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 20', }, { id: 21, @@ -627,6 +677,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 21', }, { id: 22, @@ -634,6 +685,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 22', }, { id: 23, @@ -641,6 +693,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 23', }, { id: 24, @@ -648,6 +701,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 24', }, { id: 25, @@ -655,6 +709,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 25', }, ]; @@ -883,6 +938,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 1' }, { id: 2, @@ -890,6 +946,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 2' }, { id: 3, @@ -897,6 +954,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 3' }, { id: 4, @@ -904,6 +962,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 4' }, { id: 5, @@ -911,6 +970,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 5' }, { id: 6, @@ -918,6 +978,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 6' }, { id: 7, @@ -925,6 +986,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 7' }, { id: 8, @@ -932,6 +994,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 8' }, { id: 9, @@ -939,6 +1002,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 9' }, { id: 10, @@ -946,6 +1010,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 10' }, { id: 11, @@ -953,6 +1018,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 11', }, { id: 12, @@ -960,6 +1026,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 12', }, { id: 13, @@ -967,6 +1034,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 13', }, { id: 14, @@ -974,6 +1042,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 14', }, { id: 15, @@ -981,6 +1050,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 15', }, { id: 16, @@ -988,6 +1058,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 16', }, { id: 17, @@ -995,6 +1066,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 17', }, { id: 18, @@ -1002,6 +1074,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 18', }, { id: 19, @@ -1009,6 +1082,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 19', }, { id: 20, @@ -1016,6 +1090,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 20', }, { id: 21, @@ -1023,6 +1098,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 21', }, { id: 22, @@ -1030,6 +1106,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 22', }, { id: 23, @@ -1037,6 +1114,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 23', }, { id: 24, @@ -1044,6 +1122,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 24', }, { id: 25, @@ -1051,6 +1130,7 @@ export function Example() { col2: 'Lorem ipsum dolor', col3: 'Lorem ipsum dolor', col4: 'Lorem ipsum', + rowName: 'Row 25', }, ]; diff --git a/website/react-magma-docs/src/pages/api/drawer.mdx b/website/react-magma-docs/src/pages/api/drawer.mdx index 78b34f7b0..f65aa9364 100644 --- a/website/react-magma-docs/src/pages/api/drawer.mdx +++ b/website/react-magma-docs/src/pages/api/drawer.mdx @@ -17,7 +17,7 @@ Drawer accepts a position (top, right, bottom, or left) ```typescript import React from 'react'; -import { Button, Drawer, VisuallyHidden } from 'react-magma-dom'; +import { Button, Drawer, DrawerPosition, VisuallyHidden } from 'react-magma-dom'; export function Example() { const [showDrawer, setShowDrawer] = React.useState(false); @@ -25,10 +25,11 @@ export function Example() { return ( <> setShowDrawer(false)} isOpen={showDrawer} - position="bottom" + onClose={() => setShowDrawer(false)} + position={DrawerPosition.bottom} >

This is a Drawer, doing Drawer things.

@@ -49,10 +50,12 @@ export function Example() { ```typescript import React from 'react'; import { + Button, Drawer, - NavTabs, + DrawerPosition, NavTab, - Button, + NavTabs, + TabsOrientation, VisuallyHidden, } from 'react-magma-dom'; export function Example() { @@ -62,8 +65,9 @@ export function Example() { <> setShowDrawer(false)} + closeAriaLabel="Close drawer" isOpen={showDrawer} + onClose={() => setShowDrawer(false)} position={DrawerPosition.right} > @@ -89,6 +93,7 @@ import React from 'react'; import { Button, Drawer, + DrawerPosition, VisuallyHidden, Card, CardBody, @@ -101,11 +106,12 @@ export function Example() { setShowDrawer(false)} - isOpen={showDrawer} - position="right" isInverse + isOpen={showDrawer} + onClose={() => setShowDrawer(false)} + position={DrawerPosition.right} >

This is a Drawer, doing Drawer things.

@@ -145,19 +151,18 @@ export function Example() { setShowDrawer(false)} isOpen={showDrawer} + onClose={() => setShowDrawer(false)} position={DrawerPosition.bottom} >

override default i18n value:

-

- -

+ + { + setShowModalHeaderRef(false); + headerRefButtonRef.current.focus(); + }} + isOpen={showModalHeaderRef} + headerRef={handleGetHeaderRef} + style={{ padding: '20px' }} + > + + +

+ Confirmation header +

+ + With watermelon ostriches. Gourds utters at welding equipment a oink + oink haybine. Goose hammers cattle rats in crows. Blue berries + pigeons buzz and bean prairie dogs nails at est. + + + + + + + + + ); diff --git a/website/react-magma-docs/src/pages/api/nav-tabs.mdx b/website/react-magma-docs/src/pages/api/nav-tabs.mdx index fd9dce986..603b749bb 100644 --- a/website/react-magma-docs/src/pages/api/nav-tabs.mdx +++ b/website/react-magma-docs/src/pages/api/nav-tabs.mdx @@ -73,12 +73,16 @@ import React from 'react'; import { NavTab, NavTabs } from 'react-magma-dom'; export function Example() { // We support Link components from libraries such as react-router/reach-router/gatsby that use the `to` prop in place of `href` - const Link = ({ to, ...rest }) => ; + const Link = ({ to, children, ...rest }) => ( + + {children} + + ); return ( Main page} /> FAQ} /> - About us} /> + About us} /> ); } @@ -268,7 +272,7 @@ import { EmailIcon, AndroidIcon, NotificationsIcon } from 'react-magma-icons'; export function Example() { return ( - } to="#" /> + } to="#" isActive /> } to="#" /> } to="#" /> diff --git a/website/react-magma-docs/src/pages/api/toggle-button.mdx b/website/react-magma-docs/src/pages/api/toggle-button.mdx index da876731a..1a10f7b3b 100644 --- a/website/react-magma-docs/src/pages/api/toggle-button.mdx +++ b/website/react-magma-docs/src/pages/api/toggle-button.mdx @@ -45,7 +45,7 @@ export function Example() { ## Types -Toggle Buttons come in three formats. Icon only, text only, or text with an icon. +Toggle Buttons come in three formats. Icon only, text only, or text with an icon. `aria-label` prop is required for icon only buttons. ```typescript import React from 'react'; @@ -57,7 +57,7 @@ export function Example() { <> - } /> + } aria-label="Settings" /> Text only @@ -91,6 +91,7 @@ export function Example() { value="1" size={ButtonSize.small} icon={} + aria-label="Settings" /> @@ -125,7 +126,7 @@ export function Example() { <> - } /> + } aria-label="Settings" /> @@ -155,7 +156,7 @@ export function Example() { - } /> + } aria-label="Settings" /> diff --git a/website/react-magma-docs/src/pages/api/tree-view.mdx b/website/react-magma-docs/src/pages/api/tree-view.mdx index fd3343a6a..133850736 100644 --- a/website/react-magma-docs/src/pages/api/tree-view.mdx +++ b/website/react-magma-docs/src/pages/api/tree-view.mdx @@ -11,7 +11,8 @@ import { LeadParagraph } from '../../components/LeadParagraph'; -TreeView provides a hierarchical list of items that can be collapsed or expanded to hide or reveal their contents. + TreeView provides a hierarchical list of items that can be collapsed or + expanded to hide or reveal their contents. ## Basic Usage @@ -26,7 +27,7 @@ export function Example() { Gardner's Art through the ages - + I. INTRODUCTION: WHAT IS ART HISTORY?} itemId="I-intro" @@ -98,7 +99,7 @@ export function Example() { ## Selectable -TreeViews can have `TreeViewSelectable.single` for single select (default), `TreeViewSelectable.multi` for multi select with checkboxes, or `TreeViewSelectable.off` for no selection. +TreeViews can have `TreeViewSelectable.single` for single select (default), `TreeViewSelectable.multi` for multi select with checkboxes, or `TreeViewSelectable.off` for no selection. ```typescript import React from 'react'; @@ -110,7 +111,7 @@ export function Example() { function onSelection(items) { const selected = items - .filter((i) => i.checkedStatus === IndeterminateCheckboxStatus.checked) + .filter(i => i.checkedStatus === IndeterminateCheckboxStatus.checked) .map((i, key) => ( {i.itemId} @@ -119,7 +120,7 @@ export function Example() { const indeterminate = items .filter( - (i) => i.checkedStatus === IndeterminateCheckboxStatus.indeterminate + i => i.checkedStatus === IndeterminateCheckboxStatus.indeterminate ) .map((i, key) => ( @@ -218,7 +219,6 @@ export function Example() { ); } - ``` ## Icons @@ -263,7 +263,7 @@ export function Example() { } ``` -## Initial Expanded Items +## Initial Expanded Items To have a `TreeItem` expanded initially, pass an array of `TreeItem` `itemId`s to the `TreeView`. @@ -274,32 +274,42 @@ import { TreeView, TreeItem, TreeViewSelectable } from 'react-magma-dom'; export function Example() { return ( <> - - - - + + + - - - + + + - - - + + + - - - + + + @@ -322,8 +332,8 @@ export function Example() { ariaLabel="preselected-treeview" selectable={TreeViewSelectable.multi} preselectedItems={[ - { itemId: "Birds", checkedStatus: "checked" }, - { itemId: "Amphibians", checkedStatus: "checked" }, + { itemId: 'presel-Birds', checkedStatus: 'checked' }, + { itemId: 'presel-Amphibians', checkedStatus: 'checked' }, ]} > @@ -365,7 +375,7 @@ If there is visible text that labels an element, use `ariaLabelledBy`. If there is no visible name for the element you can reference, use `ariaLabel` to provide the user with a recognizable accessible name. -*It's required to use either `ariaLabel` OR `ariaLabelledBy`.* +_It's required to use either `ariaLabel` OR `ariaLabelledBy`._ ```typescript import React from 'react'; @@ -429,6 +439,75 @@ export function Example() { } ``` +## Check Children & Check Parents + +In a multi-select tree view, the relationship between parents and children when you select an item is flexible depending on your needs. Using the props below, you can configure the component so that selecting an item has no cascading effect on any other item so they're truly independent, or the selection of a child or parent can automatically update surrounding items appropriately, including setting parents to an indeterminate state. By default, these props are set to true. + +```typescript +import React from 'react'; +import { + TreeView, + TreeItem, + TreeViewSelectable, + Toggle, +} from 'react-magma-dom'; + +export function Example() { + const [checkChildren, setCheckChildren] = React.useState(false); + const [checkParents, setCheckParents] = React.useState(false); + + const changeCheckChildren = () => setCheckChildren(prevVal => !prevVal); + const changeCheckParents = () => setCheckParents(prevVal => !prevVal); + + return ( + <> + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +} +``` + ## Change Events The following events are available: `onSelectedItemChange` and `onExpandedChange`. @@ -443,17 +522,17 @@ export function Example() { >(undefined); function handleSelectedItemChange(event) { - setCurrentTreeEvent("Selected"); + setCurrentTreeEvent('Selected'); } function handleExpandedChange(event) { - setCurrentTreeEvent("Expanded"); + setCurrentTreeEvent('Expanded'); } return ( <>

- {currentTreeEvent || "No"} event was triggered + {currentTreeEvent || 'No'} event was triggered

+ @@ -526,7 +605,6 @@ export function Example() { ); } - ``` ## Custom Styles @@ -549,7 +627,7 @@ export function Example() { @@ -560,17 +638,17 @@ export function Example() { @@ -583,7 +661,7 @@ export function Example() { @@ -609,4 +687,4 @@ export function Example() { - \ No newline at end of file + diff --git a/website/react-magma-landing/CHANGELOG.md b/website/react-magma-landing/CHANGELOG.md index 3acbb0a51..9a0bf962d 100644 --- a/website/react-magma-landing/CHANGELOG.md +++ b/website/react-magma-landing/CHANGELOG.md @@ -7,18 +7,6 @@ - 5f16d2018: build(deps-dev): bump axios from 0.21.1 to 0.28.0 - 5f16d2018: fix: Remove card with version `^15.0.0` -## 1.1.4-next.1 - -### Patch Changes - -- 88b7fd1f7: fix: Remove card with version `^15.0.0` - -## 1.1.4-next.0 - -### Patch Changes - -- b6c100cb0: build(deps-dev): bump axios from 0.21.1 to 0.28.0 - ## 1.1.2 ### Patch Changes