From ec44c2bf60ab34fb570bc7d02c89b46d040b63ef Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Fri, 12 Jan 2024 14:04:09 -0700
Subject: [PATCH 1/9] add filter layer side drawer guidance

---
 .../components/layer/SideDrawerLayerAnatomy.js   |  9 ++++++---
 .../pages/components/layer/side-drawer-layer.mdx | 16 ++++++++++++++++
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js b/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
index 1ec71651c..dc4ad2196 100644
--- a/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
+++ b/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
@@ -6,7 +6,7 @@ import { ThemeContext } from 'styled-components';
 import { Annotation } from '../../../layouts';
 import { connection, useDarkMode } from '../../../utils';
 
-export const SideDrawerLayerAnatomy = ({ informational }) => {
+export const SideDrawerLayerAnatomy = ({ informational, filter }) => {
   const theme = useContext(ThemeContext);
   const darkMode = useDarkMode();
 
@@ -71,6 +71,7 @@ export const SideDrawerLayerAnatomy = ({ informational }) => {
             gridArea="layer"
             closeId={closeId}
             informational={informational}
+            filter={filter}
           />
         </Grid>
       </Box>
@@ -81,9 +82,10 @@ export const SideDrawerLayerAnatomy = ({ informational }) => {
 
 SideDrawerLayerAnatomy.propTypes = {
   informational: PropTypes.bool,
+  filter: PropTypes.bool,
 };
 
-const LayerContent = ({ closeId, informational, ...rest }) => (
+const LayerContent = ({ closeId, informational, filter, ...rest }) => (
   <Card
     id="layer-container"
     alignSelf="start"
@@ -114,7 +116,7 @@ const LayerContent = ({ closeId, informational, ...rest }) => (
       {!informational ? (
         <Box direction="row" gap="small" flex={false}>
           <Button label="Confirm action" primary />
-          <Button label="Cancel" id="layer-actions" />
+          {!filter ? <Button label="Cancel" id="layer-actions" /> : null}
         </Box>
       ) : null}
     </CardBody>
@@ -124,4 +126,5 @@ const LayerContent = ({ closeId, informational, ...rest }) => (
 LayerContent.propTypes = {
   closeId: PropTypes.string,
   informational: PropTypes.bool,
+  filter: PropTypes.bool,
 };
diff --git a/aries-site/src/pages/components/layer/side-drawer-layer.mdx b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
index a9bbcca2e..df558737b 100644
--- a/aries-site/src/pages/components/layer/side-drawer-layer.mdx
+++ b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
@@ -58,6 +58,22 @@ When data has been edited or changed and the user tries to close the layer, a do
 
 Learn more about the anatomy and implementation of a [double confirmation](/components/layer#double-confirmations) on the main layer page since this behavior applies to all layer types.
 
+### Filter Layer
+
+Filter side drawer layer even though requires action from the user it is not essential that the user fills out the filtering form. Since this is the case 
+we can have the `onClickOutside` functionality enabled for the user to click outsiide to close the filter layer in addtion to the include the [close icon](/foundation/icons#ui-actions) next to the Header.
+
+
+<Example plain>
+  <SideDrawerLayerAnatomy filter />
+</Example>
+
+| Label | Region           | Purpose           |                  Required                   | Notes             |
+| ----- | ---------------- | ----------------- | :-----------------------------------------: | ----------------- |
+| **1** | **Close button** | Closes the layer. | <Checkmark a11yTitle="true" size="small" /> | Use "Close" icon. |
+| **2** | **Apply button**| Apply filtered items. | <Checkmark a11yTitle="true" size="small" /> | The footer action should be left aligned with primary action on the left. Having the `onClickOutside` provides the user a way to exit if they do not wish to have filters applied. |
+
+
 ## Scroll behavior
 
 The default behavior of the layer is to allow all of the content to scroll, but this behavior can be modified depending on the layer's contents.

From 300f4b3094d9d884dcc24b52cdc7ad5cbd29a3aa Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Fri, 12 Jan 2024 14:25:46 -0700
Subject: [PATCH 2/9] use grommet data and friends for example

---
 .../components/layer/ConfigurationForm.js     | 93 ++++++++-----------
 1 file changed, 37 insertions(+), 56 deletions(-)

diff --git a/aries-site/src/examples/components/layer/ConfigurationForm.js b/aries-site/src/examples/components/layer/ConfigurationForm.js
index f0c62dda0..6b3a7c827 100644
--- a/aries-site/src/examples/components/layer/ConfigurationForm.js
+++ b/aries-site/src/examples/components/layer/ConfigurationForm.js
@@ -1,9 +1,9 @@
 /* eslint-disable react/prop-types */
 import React, { useContext, useEffect, useState } from 'react';
-import PropTypes from 'prop-types';
 import {
   Box,
   Button,
+  Data,
   DataTable,
   Form,
   FormField,
@@ -13,13 +13,12 @@ import {
   TextInput,
   CheckBoxGroup,
   AnnounceContext,
+  Toolbar,
+  DataSearch,
+  DataFilters,
+  DataSummary,
 } from 'grommet';
 import { LayerHeader } from 'aries-core';
-import {
-  useFilters,
-  FiltersProvider,
-  FilterControls,
-} from '../../templates/FilterControls';
 import applications from '../../../data/mockData/applications.json';
 import {
   ConfirmationContext,
@@ -155,72 +154,54 @@ export const LayerForm = ({ ...rest }) => {
   );
 };
 
+const columns = [
+  {
+    property: 'title',
+    header: 'Title',
+  },
+  {
+    property: 'publisher',
+    header: 'Publisher',
+  },
+  {
+    property: 'pricing',
+    header: 'Pricing',
+  },
+];
+
 const ApplicationsPage = () => {
   const { setShowLayer } = useConfirmation();
   return (
-    <FiltersProvider>
       <Page>
         <PageContent>
           <Box gap="medium">
             <Heading id="applications-heading" level={2} margin="none">
               Applications
             </Heading>
-            <FilterControls
-              data={applications}
-              filters={[]}
-              primaryKey="title"
-              searchFilter={{ placeholder: 'Search' }}
-              actions={
+            <Data data={applications}>
+              <Toolbar>
+                <DataSearch />
+                <DataFilters layer />
+                <Box flex />
                 <Button
                   label="Add application"
                   secondary
                   onClick={() => setShowLayer(true)}
                 />
-              }
-            />
-            <ApplicationResults />
+              </Toolbar>
+              <DataSummary />
+              <Box height={{ max: 'medium' }} alignSelf="start" overflow="auto">
+                <DataTable
+                  aria-describedby="applications-heading"
+                  columns={columns}
+                  pin
+                  primaryKey="title"
+                  sortable
+                />
+              </Box>
+            </Data>
           </Box>
         </PageContent>
       </Page>
-    </FiltersProvider>
   );
 };
-
-const columns = [
-  {
-    property: 'title',
-    header: 'Title',
-  },
-  {
-    property: 'publisher',
-    header: 'Publisher',
-  },
-  {
-    property: 'pricing',
-    header: 'Pricing',
-  },
-];
-
-const ApplicationResults = ({ height = { max: 'medium' } }) => {
-  // const breakpoint = useContext(ResponsiveContext);
-  const { filteredResults, selected, setSelected } = useFilters();
-
-  return (
-    <Box alignSelf="start" height={height} overflow="auto">
-      <DataTable
-        aria-describedby="applications-heading"
-        data={filteredResults}
-        columns={columns}
-        pin
-        primaryKey="title"
-        sortable
-        onSelect={nextSelected => setSelected(nextSelected)}
-        select={selected}
-      />
-    </Box>
-  );
-};
-
-ApplicationResults.propTypes = {
-  height: PropTypes.string,
-};

From 6edb78995b353040140af12a8d1379c9b4daec68 Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Fri, 12 Jan 2024 14:47:38 -0700
Subject: [PATCH 3/9] use grommet data and friends for example

---
 aries-site/src/pages/components/layer/side-drawer-layer.mdx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/aries-site/src/pages/components/layer/side-drawer-layer.mdx b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
index df558737b..31a4fb4c6 100644
--- a/aries-site/src/pages/components/layer/side-drawer-layer.mdx
+++ b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
@@ -71,7 +71,7 @@ we can have the `onClickOutside` functionality enabled for the user to click out
 | Label | Region           | Purpose           |                  Required                   | Notes             |
 | ----- | ---------------- | ----------------- | :-----------------------------------------: | ----------------- |
 | **1** | **Close button** | Closes the layer. | <Checkmark a11yTitle="true" size="small" /> | Use "Close" icon. |
-| **2** | **Apply button**| Apply filtered items. | <Checkmark a11yTitle="true" size="small" /> | The footer action should be left aligned with primary action on the left. Having the `onClickOutside` provides the user a way to exit if they do not wish to have filters applied. |
+| **2** | **Apply button**| Apply filtered items. | <Checkmark a11yTitle="true" size="small" /> | The footer action should be left aligned with primary action on the left. Having the `onClickOutside` enabled provides the user a way to exit if they do not wish to have filters applied. |
 
 
 ## Scroll behavior

From c32c42a38f2a7c5464d67c8d478efa108a52e001 Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Wed, 24 Jan 2024 10:04:39 -0700
Subject: [PATCH 4/9] use data and friends from grommet

---
 .../components/button/ToolbarButtonExample.js |  24 ++--
 .../menu/MenuBatchActionsExample.js           | 103 ++++++++----------
 2 files changed, 59 insertions(+), 68 deletions(-)

diff --git a/aries-site/src/examples/components/button/ToolbarButtonExample.js b/aries-site/src/examples/components/button/ToolbarButtonExample.js
index ac053ce9f..9ee268c87 100644
--- a/aries-site/src/examples/components/button/ToolbarButtonExample.js
+++ b/aries-site/src/examples/components/button/ToolbarButtonExample.js
@@ -1,17 +1,15 @@
 import React from 'react';
-import { Menu } from 'grommet';
-import {
-  FilterControls,
-  FiltersProvider,
-} from '../../templates/FilterControls';
+import { Box, Data, Toolbar, DataSearch, DataFilters, Menu } from 'grommet';
 
 export const ToolbarButtonExample = () => (
-  <FiltersProvider>
-    <FilterControls
-      actions={<Menu label="Actions" kind="toolbar" />}
-      data={[]}
-      filters={[]}
-      searchFilter={{ placeholder: 'Search' }}
-    />
-  </FiltersProvider>
+  <Box width="large">
+    <Data>
+      <Toolbar>
+        <DataSearch />
+        <DataFilters layer />
+        <Box flex />
+        <Menu label="Actions" kind="toolbar" />
+      </Toolbar>
+    </Data>
+  </Box>
 );
diff --git a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
index f626350dd..726461b8f 100644
--- a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
+++ b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
@@ -1,6 +1,16 @@
-import PropTypes from 'prop-types';
-import { useContext, useEffect } from 'react';
-import { Box, DataTable, Menu, ResponsiveContext, Text } from 'grommet';
+import { useContext, useState, useEffect } from 'react';
+import {
+  Box,
+  Data,
+  DataFilters,
+  DataTable,
+  DataSearch,
+  DataSummary,
+  Menu,
+  ResponsiveContext,
+  Text,
+  Toolbar,
+} from 'grommet';
 import {
   StatusWarningSmall,
   StatusCriticalSmall,
@@ -8,63 +18,47 @@ import {
   StatusUnknownSmall,
 } from 'grommet-icons';
 
-import {
-  FilterControls,
-  FiltersProvider,
-  useFilters,
-} from '../../templates/FilterControls';
-
 const { servers } = require('../../../data/mockData/servers.json');
 
-const filtersConfig = [];
-
-export const MenuBatchActionsExample = ({ containerRef }) => {
-  // containerRef is for demonstration purposes on this site. Most
-  // implementations should likely remove.
-
-  const layerProps = {
-    // containerRef is for demonstration purposes on this site. Most
-    // implementations should likely remove.
-    target: containerRef && containerRef.current,
-  };
-
+export const MenuBatchActionsExample = () => {
   return (
-    <FiltersProvider>
-      <Box gap="medium">
-        <FilterControls
-          // only need a subset of records for this example
-          data={servers.items.slice(3, 12)}
-          filters={filtersConfig}
-          layerProps={layerProps}
-          searchFilter={{ placeholder: 'Search' }}
-          actions={
-            <Menu
-              label="Actions"
-              kind="toolbar"
-              open
-              items={[
-                [
-                  { label: 'Power on', onClick: () => {} },
-                  { label: 'Power off', onClick: () => {} },
-                  { label: 'Reset', onClick: () => {} },
-                  { label: 'Update firmware', onClick: () => {} },
-                ],
-                [{ label: 'Add to group', onClick: () => {} }],
-              ]}
-              dropAlign={{ top: 'bottom', right: 'right' }}
-            />
-          }
+    <Data
+      data={servers.items.slice(3, 12)}
+      views={[
+        { name: 'All', properties: { status: ['Ready', 'Paused'] } },
+        { name: 'Paused', properties: { status: ['Paused'] } },
+        { name: 'Ready', properties: { status: ['Ready'] } },
+      ]}
+    >
+      <Toolbar gap="medium">
+        <Toolbar>
+          <DataSearch responsive />
+          <DataFilters layer />
+        </Toolbar>
+        {/* Flex Box added for spacing between Button */}
+        <Box flex />
+        <Menu
+          label="Actions"
+          kind="toolbar"
+          open
+          items={[
+            [
+              { label: 'Power on', onClick: () => {} },
+              { label: 'Power off', onClick: () => {} },
+              { label: 'Reset', onClick: () => {} },
+              { label: 'Update firmware', onClick: () => {} },
+            ],
+            [{ label: 'Add to group', onClick: () => {} }],
+          ]}
+          dropAlign={{ top: 'bottom', right: 'right' }}
         />
-        <ServerResults />
-      </Box>
-    </FiltersProvider>
+      </Toolbar>
+      <DataSummary />
+      <ServerResults />
+    </Data>
   );
 };
 
-MenuBatchActionsExample.propTypes = {
-  containerRef: PropTypes.object,
-};
-
 const columns = [
   {
     property: 'state.connected',
@@ -95,7 +89,7 @@ const statusIcons = {
 
 const ServerResults = () => {
   const breakpoint = useContext(ResponsiveContext);
-  const { filteredResults, selected, setSelected } = useFilters();
+  const [selected, setSelected] = useState([]);
 
   useEffect(() => {
     setSelected([
@@ -109,7 +103,6 @@ const ServerResults = () => {
     <Box height="medium" overflow="auto">
       <DataTable
         aria-describedby="servers-heading"
-        data={filteredResults}
         columns={[
           {
             property: 'hardware.health.summary',

From 8a7c16e84bddaef270294125eef0a0ea453d5c34 Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Fri, 9 Feb 2024 11:12:21 -0700
Subject: [PATCH 5/9] add containerRef

---
 .../menu/MenuBatchActionsExample.js           | 21 +++++++++++++++++--
 1 file changed, 19 insertions(+), 2 deletions(-)

diff --git a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
index 726461b8f..edb11f14a 100644
--- a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
+++ b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
@@ -1,3 +1,4 @@
+import PropTypes from 'prop-types';
 import { useContext, useState, useEffect } from 'react';
 import {
   Box,
@@ -20,7 +21,18 @@ import {
 
 const { servers } = require('../../../data/mockData/servers.json');
 
-export const MenuBatchActionsExample = () => {
+export const MenuBatchActionsExample = ({ containerRef }) => {
+  // containerRef is for demonstration purposes on this site. Most
+  // implementations should likely remove.
+
+  const layerProps = {
+    // containerRef is for demonstration purposes on this site. Most
+    // implementations should likely remove.
+    target: containerRef?.current,
+    position: 'right',
+    full: 'vertical',
+  };
+
   return (
     <Data
       data={servers.items.slice(3, 12)}
@@ -33,7 +45,8 @@ export const MenuBatchActionsExample = () => {
       <Toolbar gap="medium">
         <Toolbar>
           <DataSearch responsive />
-          <DataFilters layer />
+          {/* layer props only needed for site demo */}
+          <DataFilters layer={layerProps} />
         </Toolbar>
         {/* Flex Box added for spacing between Button */}
         <Box flex />
@@ -59,6 +72,10 @@ export const MenuBatchActionsExample = () => {
   );
 };
 
+MenuBatchActionsExample.propTypes = {
+  containerRef: PropTypes.object,
+};
+
 const columns = [
   {
     property: 'state.connected',

From 01bcd02ee35fc1f153f4de36065ab769fa1e9ceb Mon Sep 17 00:00:00 2001
From: Taylor Seamans <taylor.seamans@yahoo.com>
Date: Mon, 12 Feb 2024 14:25:03 -0800
Subject: [PATCH 6/9] Suggestions to filters wording and example

---
 .../components/layer/DataFiltersAnatomy.js    | 19 +++++++++++++++++
 .../layer/SideDrawerLayerAnatomy.js           |  9 +++-----
 .../src/examples/components/layer/index.js    |  1 +
 .../components/layer/side-drawer-layer.mdx    | 21 ++++++++-----------
 4 files changed, 32 insertions(+), 18 deletions(-)
 create mode 100644 aries-site/src/examples/components/layer/DataFiltersAnatomy.js

diff --git a/aries-site/src/examples/components/layer/DataFiltersAnatomy.js b/aries-site/src/examples/components/layer/DataFiltersAnatomy.js
new file mode 100644
index 000000000..95dee6e7f
--- /dev/null
+++ b/aries-site/src/examples/components/layer/DataFiltersAnatomy.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { Data, DataFilters } from 'grommet';
+import applications from '../../../data/mockData/applications.json';
+
+export const DataFiltersAnatomy = () => {
+  return (
+    <Data
+      data={applications}
+      properties={{
+        publisher: { label: 'Publisher ' },
+        pricing: { label: 'Pricing' },
+        delivery: { label: 'Delivery' },
+        rating: { label: 'Rating' },
+      }}
+    >
+      <DataFilters layer />
+    </Data>
+  );
+};
diff --git a/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js b/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
index dc4ad2196..1ec71651c 100644
--- a/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
+++ b/aries-site/src/examples/components/layer/SideDrawerLayerAnatomy.js
@@ -6,7 +6,7 @@ import { ThemeContext } from 'styled-components';
 import { Annotation } from '../../../layouts';
 import { connection, useDarkMode } from '../../../utils';
 
-export const SideDrawerLayerAnatomy = ({ informational, filter }) => {
+export const SideDrawerLayerAnatomy = ({ informational }) => {
   const theme = useContext(ThemeContext);
   const darkMode = useDarkMode();
 
@@ -71,7 +71,6 @@ export const SideDrawerLayerAnatomy = ({ informational, filter }) => {
             gridArea="layer"
             closeId={closeId}
             informational={informational}
-            filter={filter}
           />
         </Grid>
       </Box>
@@ -82,10 +81,9 @@ export const SideDrawerLayerAnatomy = ({ informational, filter }) => {
 
 SideDrawerLayerAnatomy.propTypes = {
   informational: PropTypes.bool,
-  filter: PropTypes.bool,
 };
 
-const LayerContent = ({ closeId, informational, filter, ...rest }) => (
+const LayerContent = ({ closeId, informational, ...rest }) => (
   <Card
     id="layer-container"
     alignSelf="start"
@@ -116,7 +114,7 @@ const LayerContent = ({ closeId, informational, filter, ...rest }) => (
       {!informational ? (
         <Box direction="row" gap="small" flex={false}>
           <Button label="Confirm action" primary />
-          {!filter ? <Button label="Cancel" id="layer-actions" /> : null}
+          <Button label="Cancel" id="layer-actions" />
         </Box>
       ) : null}
     </CardBody>
@@ -126,5 +124,4 @@ const LayerContent = ({ closeId, informational, filter, ...rest }) => (
 LayerContent.propTypes = {
   closeId: PropTypes.string,
   informational: PropTypes.bool,
-  filter: PropTypes.bool,
 };
diff --git a/aries-site/src/examples/components/layer/index.js b/aries-site/src/examples/components/layer/index.js
index 143e8e174..caa9ea64b 100644
--- a/aries-site/src/examples/components/layer/index.js
+++ b/aries-site/src/examples/components/layer/index.js
@@ -4,6 +4,7 @@ export * from './ActionableLayerClose';
 export * from './CenterInformational';
 export * from './CenterLayerAnatomy';
 export * from './ConfigurationForm';
+export * from './DataFiltersAnatomy';
 export * from './DoubleConfirmationAnatomy';
 export * from './DoubleConfirmationBestPractice';
 export * from './FullscreenLayerAnatomy';
diff --git a/aries-site/src/pages/components/layer/side-drawer-layer.mdx b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
index 31a4fb4c6..309d21db4 100644
--- a/aries-site/src/pages/components/layer/side-drawer-layer.mdx
+++ b/aries-site/src/pages/components/layer/side-drawer-layer.mdx
@@ -1,7 +1,7 @@
-import { Notification } from 'grommet';
 import { Example } from '../../../layouts';
 import {
   ConfigurationForm,
+  DataFiltersAnatomy,
   SideDrawerLayerAnatomy,
   FilteringTable,
   LayerStickyExample,
@@ -58,22 +58,19 @@ When data has been edited or changed and the user tries to close the layer, a do
 
 Learn more about the anatomy and implementation of a [double confirmation](/components/layer#double-confirmations) on the main layer page since this behavior applies to all layer types.
 
-### Filter Layer
+### Filters
 
-Filter side drawer layer even though requires action from the user it is not essential that the user fills out the filtering form. Since this is the case 
-we can have the `onClickOutside` functionality enabled for the user to click outsiide to close the filter layer in addtion to the include the [close icon](/foundation/icons#ui-actions) next to the Header.
+A filter layer is an exception to the above rules. Even though filtering requires action from the user, it is not essential that the user fills out the filtering form. Because of this, a filter layer can be closed by the following interactions:
 
+1. Clicking the "Apply filters" button, which will apply the current filter selections and close the layer.
+1. Clicking the close button in the layer header.
+1. Clicking outside of the layer, `onClickOutside`.
+1. Pressing the Escape key, `onEsc`.
 
-<Example plain>
-  <SideDrawerLayerAnatomy filter />
+<Example height="auto">
+  <DataFiltersAnatomy />
 </Example>
 
-| Label | Region           | Purpose           |                  Required                   | Notes             |
-| ----- | ---------------- | ----------------- | :-----------------------------------------: | ----------------- |
-| **1** | **Close button** | Closes the layer. | <Checkmark a11yTitle="true" size="small" /> | Use "Close" icon. |
-| **2** | **Apply button**| Apply filtered items. | <Checkmark a11yTitle="true" size="small" /> | The footer action should be left aligned with primary action on the left. Having the `onClickOutside` enabled provides the user a way to exit if they do not wish to have filters applied. |
-
-
 ## Scroll behavior
 
 The default behavior of the layer is to allow all of the content to scroll, but this behavior can be modified depending on the layer's contents.

From 61c40671dd5afd773e0cae02b24c1d1b2e7bfd62 Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Tue, 13 Feb 2024 09:14:49 -0700
Subject: [PATCH 7/9] take out containerRef

---
 .../menu/MenuBatchActionsExample.js           | 88 ++++++++-----------
 1 file changed, 35 insertions(+), 53 deletions(-)

diff --git a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
index edb11f14a..1b0f7a146 100644
--- a/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
+++ b/aries-site/src/examples/components/menu/MenuBatchActionsExample.js
@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import { useContext, useState, useEffect } from 'react';
 import {
   Box,
@@ -21,60 +20,43 @@ import {
 
 const { servers } = require('../../../data/mockData/servers.json');
 
-export const MenuBatchActionsExample = ({ containerRef }) => {
-  // containerRef is for demonstration purposes on this site. Most
-  // implementations should likely remove.
-
-  const layerProps = {
-    // containerRef is for demonstration purposes on this site. Most
-    // implementations should likely remove.
-    target: containerRef?.current,
-    position: 'right',
-    full: 'vertical',
-  };
-
-  return (
-    <Data
-      data={servers.items.slice(3, 12)}
-      views={[
-        { name: 'All', properties: { status: ['Ready', 'Paused'] } },
-        { name: 'Paused', properties: { status: ['Paused'] } },
-        { name: 'Ready', properties: { status: ['Ready'] } },
-      ]}
-    >
-      <Toolbar gap="medium">
-        <Toolbar>
-          <DataSearch responsive />
-          {/* layer props only needed for site demo */}
-          <DataFilters layer={layerProps} />
-        </Toolbar>
-        {/* Flex Box added for spacing between Button */}
-        <Box flex />
-        <Menu
-          label="Actions"
-          kind="toolbar"
-          open
-          items={[
-            [
-              { label: 'Power on', onClick: () => {} },
-              { label: 'Power off', onClick: () => {} },
-              { label: 'Reset', onClick: () => {} },
-              { label: 'Update firmware', onClick: () => {} },
-            ],
-            [{ label: 'Add to group', onClick: () => {} }],
-          ]}
-          dropAlign={{ top: 'bottom', right: 'right' }}
-        />
+export const MenuBatchActionsExample = () => (
+  <Data
+    data={servers.items.slice(3, 12)}
+    views={[
+      { name: 'All', properties: { status: ['Ready', 'Paused'] } },
+      { name: 'Paused', properties: { status: ['Paused'] } },
+      { name: 'Ready', properties: { status: ['Ready'] } },
+    ]}
+  >
+    <Toolbar gap="medium">
+      <Toolbar>
+        <DataSearch responsive />
+        <DataFilters layer />
       </Toolbar>
-      <DataSummary />
-      <ServerResults />
-    </Data>
-  );
-};
+      {/* Flex Box added for spacing between Button */}
+      <Box flex />
+      <Menu
+        label="Actions"
+        kind="toolbar"
+        open
+        items={[
+          [
+            { label: 'Power on', onClick: () => {} },
+            { label: 'Power off', onClick: () => {} },
+            { label: 'Reset', onClick: () => {} },
+            { label: 'Update firmware', onClick: () => {} },
+          ],
+          [{ label: 'Add to group', onClick: () => {} }],
+        ]}
+        dropAlign={{ top: 'bottom', right: 'right' }}
+      />
+    </Toolbar>
+    <DataSummary />
+    <ServerResults />
+  </Data>
+);
 
-MenuBatchActionsExample.propTypes = {
-  containerRef: PropTypes.object,
-};
 
 const columns = [
   {

From 68fce891f7d1014e9708a8f41d2e4186c32af3bd Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Tue, 13 Feb 2024 15:46:01 -0700
Subject: [PATCH 8/9] add summary fix width

---
 .../components/button/ToolbarButtonExample.js    | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/aries-site/src/examples/components/button/ToolbarButtonExample.js b/aries-site/src/examples/components/button/ToolbarButtonExample.js
index 9ee268c87..407f485b4 100644
--- a/aries-site/src/examples/components/button/ToolbarButtonExample.js
+++ b/aries-site/src/examples/components/button/ToolbarButtonExample.js
@@ -1,15 +1,25 @@
 import React from 'react';
-import { Box, Data, Toolbar, DataSearch, DataFilters, Menu } from 'grommet';
+import {
+  Box,
+  Data,
+  Toolbar,
+  DataSearch,
+  DataFilters,
+  Menu,
+  DataSummary,
+} from 'grommet';
+import applications from '../../../data/mockData/applications.json';
 
 export const ToolbarButtonExample = () => (
-  <Box width="large">
-    <Data>
+  <Box>
+    <Data data={applications}>
       <Toolbar>
         <DataSearch />
         <DataFilters layer />
         <Box flex />
         <Menu label="Actions" kind="toolbar" />
       </Toolbar>
+      <DataSummary />
     </Data>
   </Box>
 );

From 6cb7524670a27aa046a2b1338ab0ef225d552577 Mon Sep 17 00:00:00 2001
From: Brittany Archibeque <brittanyarchibeque@Brittanys-MacBook-Pro-2.local>
Date: Wed, 14 Feb 2024 09:09:49 -0700
Subject: [PATCH 9/9] update yarn

---
 yarn.lock | 141 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 75 insertions(+), 66 deletions(-)

diff --git a/yarn.lock b/yarn.lock
index 707ea9d7a..f0b4123fd 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2758,7 +2758,7 @@ array.prototype.tosorted@^1.1.1:
     es-errors "^1.1.0"
     es-shim-unscopables "^1.0.2"
 
-arraybuffer.prototype.slice@^1.0.2:
+arraybuffer.prototype.slice@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz#097972f4255e41bc3425e37dc3f6421cf9aefde6"
   integrity sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==
@@ -3100,7 +3100,7 @@ browser-process-hrtime@^1.0.0:
   resolved "https://registry.yarnpkg.com/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz#3c9b4b7d782c8121e56f10106d84c0d0ffc94626"
   integrity sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==
 
-browserslist@^4.21.10, browserslist@^4.22.2:
+browserslist@^4.21.10, browserslist@^4.22.2, browserslist@^4.22.3:
   version "4.22.3"
   resolved "https://registry.yarnpkg.com/browserslist/-/browserslist-4.22.3.tgz#299d11b7e947a6b843981392721169e27d60c5a6"
   integrity sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==
@@ -3139,15 +3139,16 @@ bytes@3.1.2:
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.1.2.tgz#8b0beeb98605adf1b128fa4386403c009e0221a5"
   integrity sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==
 
-call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.6.tgz#6c46675fc7a5e9de82d75a233d586c8b7ac0d931"
-  integrity sha512-Mj50FLHtlsoVfRfnHaZvyrooHcrlceNZdL/QBvJJVd9Ta55qCQK0gs4ss2oZDeV9zFCs6ewzYgVE5yfVmfFpVg==
+call-bind@^1.0.2, call-bind@^1.0.5, call-bind@^1.0.6, call-bind@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/call-bind/-/call-bind-1.0.7.tgz#06016599c40c56498c18769d2730be242b6fa3b9"
+  integrity sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==
   dependencies:
+    es-define-property "^1.0.0"
     es-errors "^1.3.0"
     function-bind "^1.1.2"
-    get-intrinsic "^1.2.3"
-    set-function-length "^1.2.0"
+    get-intrinsic "^1.2.4"
+    set-function-length "^1.2.1"
 
 callsite-record@^4.0.0:
   version "4.1.5"
@@ -3521,16 +3522,16 @@ cookie@0.5.0:
   integrity sha512-YZ3GUyn/o8gfKJlnlX7g7xq4gyO6OSuhGPKaaGssGB2qgDUS0gPgtTvoyZLTt9Ab6dC4hfc9dV5arkvc/OCmrw==
 
 core-js-compat@^3.31.0, core-js-compat@^3.34.0:
-  version "3.35.1"
-  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.35.1.tgz#215247d7edb9e830efa4218ff719beb2803555e2"
-  integrity sha512-sftHa5qUJY3rs9Zht1WEnmkvXputCyDBczPnr7QDgL8n3qrF3CMXY4VPSYtOLLiOUJcah2WNXREd48iOl6mQIw==
+  version "3.36.0"
+  resolved "https://registry.yarnpkg.com/core-js-compat/-/core-js-compat-3.36.0.tgz#087679119bc2fdbdefad0d45d8e5d307d45ba190"
+  integrity sha512-iV9Pd/PsgjNWBXeq8XRtWVSgz2tKAfhfvBs7qxYty+RlRd+OCksaWmOnc4JKrTc1cToXL1N0s3l/vwlxPtdElw==
   dependencies:
-    browserslist "^4.22.2"
+    browserslist "^4.22.3"
 
 core-js@^3.30.2:
-  version "3.35.1"
-  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.35.1.tgz#9c28f8b7ccee482796f8590cc8d15739eaaf980c"
-  integrity sha512-IgdsbxNyMskrTFxa9lWHyMwAJU5gXOPP+1yO+K59d50VLVAIDAbs7gIv705KzALModfK3ZrSZTPNpC0PQgIZuw==
+  version "3.36.0"
+  resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.36.0.tgz#e752fa0b0b462a0787d56e9d73f80b0f7c0dde68"
+  integrity sha512-mt7+TUBbTFg5+GngsAxeKBTl5/VS0guFeJacYge9OmHb+m058UwwIm41SE9T4Den7ClatV57B6TYTuJ0CX1MAw==
 
 core-util-is@~1.0.0:
   version "1.0.3"
@@ -3747,14 +3748,13 @@ default-gateway@^6.0.3:
     execa "^5.0.0"
 
 define-data-property@^1.0.1, define-data-property@^1.1.2:
-  version "1.1.3"
-  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.3.tgz#281845e04737d709c2de99e278546189b65d3055"
-  integrity sha512-h3GBouC+RPtNX2N0hHVLo2ZwPYurq8mLmXpOLTsw71gr7lHt5VaI4vVkDUNOfiWmm48JEXe3VM7PmLX45AMmmg==
+  version "1.1.4"
+  resolved "https://registry.yarnpkg.com/define-data-property/-/define-data-property-1.1.4.tgz#894dc141bb7d3060ae4366f6a0107e68fbe48c5e"
+  integrity sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==
   dependencies:
+    es-define-property "^1.0.0"
     es-errors "^1.3.0"
-    get-intrinsic "^1.2.4"
     gopd "^1.0.1"
-    has-property-descriptors "^1.0.1"
 
 define-lazy-prop@^2.0.0:
   version "2.0.0"
@@ -3946,9 +3946,9 @@ ee-first@1.1.1:
   integrity sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==
 
 electron-to-chromium@^1.4.648:
-  version "1.4.666"
-  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.666.tgz#ecc65df60e5d3489962ff46b8a6b1dd3b8f863aa"
-  integrity sha512-q4lkcbQrUdlzWCUOxk6fwEza6bNCfV12oi4AJph5UibguD1aTfL4uD0nuzFv9hbPANXQMuUS0MxPSHQ1gqq5dg==
+  version "1.4.668"
+  resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.4.668.tgz#5cfed14f3240cdc70a359a49790cb295b1f097f1"
+  integrity sha512-ZOBocMYCehr9W31+GpMclR+KBaDZOoAEabLdhpZ8oU1JFDwIaFY0UDbpXVEUFc0BIP2O2Qn3rkfCjQmMR4T/bQ==
 
 elegant-spinner@^1.0.1:
   version "1.0.1"
@@ -4037,56 +4037,65 @@ error-stack-parser@^1.3.6:
   dependencies:
     stackframe "^0.3.1"
 
-es-abstract@^1.22.1, es-abstract@^1.22.3:
-  version "1.22.3"
-  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.3.tgz#48e79f5573198de6dee3589195727f4f74bc4f32"
-  integrity sha512-eiiY8HQeYfYH2Con2berK+To6GrK2RxbPawDkGq4UiCQQfZHb6wX9qQqkbpPqaxQFcl8d9QzZqo0tGE0VcrdwA==
+es-abstract@^1.22.1, es-abstract@^1.22.3, es-abstract@^1.22.4:
+  version "1.22.4"
+  resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.22.4.tgz#26eb2e7538c3271141f5754d31aabfdb215f27bf"
+  integrity sha512-vZYJlk2u6qHYxBOTjAeg7qUxHdNfih64Uu2J8QqWgXZ2cri0ZpJAkzDUK/q593+mvKwlxyaxr6F1Q+3LKoQRgg==
   dependencies:
-    array-buffer-byte-length "^1.0.0"
-    arraybuffer.prototype.slice "^1.0.2"
-    available-typed-arrays "^1.0.5"
-    call-bind "^1.0.5"
-    es-set-tostringtag "^2.0.1"
+    array-buffer-byte-length "^1.0.1"
+    arraybuffer.prototype.slice "^1.0.3"
+    available-typed-arrays "^1.0.6"
+    call-bind "^1.0.7"
+    es-define-property "^1.0.0"
+    es-errors "^1.3.0"
+    es-set-tostringtag "^2.0.2"
     es-to-primitive "^1.2.1"
     function.prototype.name "^1.1.6"
-    get-intrinsic "^1.2.2"
-    get-symbol-description "^1.0.0"
+    get-intrinsic "^1.2.4"
+    get-symbol-description "^1.0.2"
     globalthis "^1.0.3"
     gopd "^1.0.1"
-    has-property-descriptors "^1.0.0"
+    has-property-descriptors "^1.0.2"
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
-    hasown "^2.0.0"
-    internal-slot "^1.0.5"
-    is-array-buffer "^3.0.2"
+    hasown "^2.0.1"
+    internal-slot "^1.0.7"
+    is-array-buffer "^3.0.4"
     is-callable "^1.2.7"
     is-negative-zero "^2.0.2"
     is-regex "^1.1.4"
     is-shared-array-buffer "^1.0.2"
     is-string "^1.0.7"
-    is-typed-array "^1.1.12"
+    is-typed-array "^1.1.13"
     is-weakref "^1.0.2"
     object-inspect "^1.13.1"
     object-keys "^1.1.1"
-    object.assign "^4.1.4"
-    regexp.prototype.flags "^1.5.1"
-    safe-array-concat "^1.0.1"
-    safe-regex-test "^1.0.0"
+    object.assign "^4.1.5"
+    regexp.prototype.flags "^1.5.2"
+    safe-array-concat "^1.1.0"
+    safe-regex-test "^1.0.3"
     string.prototype.trim "^1.2.8"
     string.prototype.trimend "^1.0.7"
     string.prototype.trimstart "^1.0.7"
-    typed-array-buffer "^1.0.0"
+    typed-array-buffer "^1.0.1"
     typed-array-byte-length "^1.0.0"
     typed-array-byte-offset "^1.0.0"
     typed-array-length "^1.0.4"
     unbox-primitive "^1.0.2"
-    which-typed-array "^1.1.13"
+    which-typed-array "^1.1.14"
 
 es-array-method-boxes-properly@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/es-array-method-boxes-properly/-/es-array-method-boxes-properly-1.0.0.tgz#873f3e84418de4ee19c5be752990b2e44718d09e"
   integrity sha512-wd6JXUmyHmt8T5a2xreUwKcGPq6f1f+WwIJkijUqiGcJz1qqnZgP6XIK+QyIWU5lT7imeNxUll48bziG+TSYcA==
 
+es-define-property@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/es-define-property/-/es-define-property-1.0.0.tgz#c7faefbdff8b2696cf5f46921edfb77cc4ba3845"
+  integrity sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==
+  dependencies:
+    get-intrinsic "^1.2.4"
+
 es-errors@^1.0.0, es-errors@^1.1.0, es-errors@^1.2.1, es-errors@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/es-errors/-/es-errors-1.3.0.tgz#05f75a25dab98e4fb1dcd5e1472c0546d5057c8f"
@@ -4108,20 +4117,20 @@ es-get-iterator@^1.1.3:
     stop-iteration-iterator "^1.0.0"
 
 es-iterator-helpers@^1.0.12, es-iterator-helpers@^1.0.15:
-  version "1.0.16"
-  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.16.tgz#495756d38dd5f9cc8e3091e913ee790d353e6f28"
-  integrity sha512-CREG2A9Vq7bpDRnldhFcMKuKArvkZtsH6Y0DHOHVg49qhf+LD8uEdUM3OkOAICv0EziGtDEnQtqY2/mfBILpFw==
+  version "1.0.17"
+  resolved "https://registry.yarnpkg.com/es-iterator-helpers/-/es-iterator-helpers-1.0.17.tgz#123d1315780df15b34eb181022da43e734388bb8"
+  integrity sha512-lh7BsUqelv4KUbR5a/ZTaGGIMLCjPGPqJ6q+Oq24YP0RdyptX1uzm4vvaqzk7Zx3bpl/76YLTTDj9L7uYQ92oQ==
   dependencies:
     asynciterator.prototype "^1.0.0"
-    call-bind "^1.0.6"
+    call-bind "^1.0.7"
     define-properties "^1.2.1"
-    es-abstract "^1.22.3"
+    es-abstract "^1.22.4"
     es-errors "^1.3.0"
     es-set-tostringtag "^2.0.2"
     function-bind "^1.1.2"
     get-intrinsic "^1.2.4"
     globalthis "^1.0.3"
-    has-property-descriptors "^1.0.1"
+    has-property-descriptors "^1.0.2"
     has-proto "^1.0.1"
     has-symbols "^1.0.3"
     internal-slot "^1.0.7"
@@ -4133,7 +4142,7 @@ es-module-lexer@^1.2.1:
   resolved "https://registry.yarnpkg.com/es-module-lexer/-/es-module-lexer-1.4.1.tgz#41ea21b43908fe6a287ffcbe4300f790555331f5"
   integrity sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==
 
-es-set-tostringtag@^2.0.1, es-set-tostringtag@^2.0.2:
+es-set-tostringtag@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/es-set-tostringtag/-/es-set-tostringtag-2.0.2.tgz#11f7cc9f63376930a5f20be4915834f4bc74f9c9"
   integrity sha512-BuDyupZt65P9D2D2vA/zqcI3G5xRsklm5N3xCwuiy+/vKy8i0ifdsQP1sLgO4tZDSCaQUSnmC48khknGMV3D2Q==
@@ -5005,7 +5014,7 @@ get-stream@^6.0.0:
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-6.0.1.tgz#a262d8eef67aced57c2852ad6167526a43cbf7b7"
   integrity sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==
 
-get-symbol-description@^1.0.0:
+get-symbol-description@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/get-symbol-description/-/get-symbol-description-1.0.2.tgz#533744d5aa20aca4e079c8e5daf7fd44202821f5"
   integrity sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==
@@ -5197,12 +5206,12 @@ has-flag@^4.0.0:
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-4.0.0.tgz#944771fd9c81c81265c4d6941860da06bb59479b"
   integrity sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==
 
-has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz#52ba30b6c5ec87fd89fa574bc1c39125c6f65340"
-  integrity sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==
+has-property-descriptors@^1.0.0, has-property-descriptors@^1.0.1, has-property-descriptors@^1.0.2:
+  version "1.0.2"
+  resolved "https://registry.yarnpkg.com/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz#963ed7d071dc7bf5f084c5bfbe0d1b6222586854"
+  integrity sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==
   dependencies:
-    get-intrinsic "^1.2.2"
+    es-define-property "^1.0.0"
 
 has-proto@^1.0.1:
   version "1.0.1"
@@ -5221,7 +5230,7 @@ has-tostringtag@^1.0.0, has-tostringtag@^1.0.1:
   dependencies:
     has-symbols "^1.0.3"
 
-hasown@^2.0.0:
+hasown@^2.0.0, hasown@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/hasown/-/hasown-2.0.1.tgz#26f48f039de2c0f8d3356c223fb8d50253519faa"
   integrity sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==
@@ -5911,7 +5920,7 @@ is-symbol@^1.0.2, is-symbol@^1.0.3:
   dependencies:
     has-symbols "^1.0.2"
 
-is-typed-array@^1.1.10, is-typed-array@^1.1.12, is-typed-array@^1.1.13, is-typed-array@^1.1.9:
+is-typed-array@^1.1.10, is-typed-array@^1.1.13, is-typed-array@^1.1.9:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/is-typed-array/-/is-typed-array-1.1.13.tgz#d6c5ca56df62334959322d7d7dd1cca50debe229"
   integrity sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==
@@ -7687,7 +7696,7 @@ object-keys@^1.1.1:
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
   integrity sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==
 
-object.assign@^4.1.2, object.assign@^4.1.4:
+object.assign@^4.1.2, object.assign@^4.1.4, object.assign@^4.1.5:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/object.assign/-/object.assign-4.1.5.tgz#3a833f9ab7fdb80fc9e8d2300c803d216d8fdbb0"
   integrity sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==
@@ -8509,7 +8518,7 @@ regenerator-transform@^0.15.2:
   dependencies:
     "@babel/runtime" "^7.8.4"
 
-regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1:
+regexp.prototype.flags@^1.5.0, regexp.prototype.flags@^1.5.1, regexp.prototype.flags@^1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz#138f644a3350f981a858c44f6bb1a61ff59be334"
   integrity sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==
@@ -8714,7 +8723,7 @@ sade@^1.7.3:
   dependencies:
     mri "^1.1.0"
 
-safe-array-concat@^1.0.0, safe-array-concat@^1.0.1, safe-array-concat@^1.1.0:
+safe-array-concat@^1.0.0, safe-array-concat@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/safe-array-concat/-/safe-array-concat-1.1.0.tgz#8d0cae9cb806d6d1c06e08ab13d847293ebe0692"
   integrity sha512-ZdQ0Jeb9Ofti4hbt5lX3T2JcAamT9hfzYU1MNB+z/jaEbB6wfFfPIR/zEORmZqobkCCJhSjodobH6WHNmJ97dg==
@@ -8734,7 +8743,7 @@ safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.0.1, safe-buffer@^5.1.0,
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.1.tgz#1eaf9fa9bdb1fdd4ec75f58f9cdb4e6b7827eec6"
   integrity sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==
 
-safe-regex-test@^1.0.0:
+safe-regex-test@^1.0.3:
   version "1.0.3"
   resolved "https://registry.yarnpkg.com/safe-regex-test/-/safe-regex-test-1.0.3.tgz#a5b4c0f06e0ab50ea2c395c14d8371232924c377"
   integrity sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==
@@ -8893,7 +8902,7 @@ set-cookie-parser@^2.5.1:
   resolved "https://registry.yarnpkg.com/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz#131921e50f62ff1a66a461d7d62d7b21d5d15a51"
   integrity sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==
 
-set-function-length@^1.2.0:
+set-function-length@^1.2.1:
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/set-function-length/-/set-function-length-1.2.1.tgz#47cc5945f2c771e2cf261c6737cf9684a2a5e425"
   integrity sha512-j4t6ccc+VsKwYHso+kElc5neZpjtq9EnRICFZtWyBsLojhmeF/ZBd/elqm22WJh/BziDe/SBiOeAt0m2mfLD0g==
@@ -9846,7 +9855,7 @@ type-is@~1.6.18:
     media-typer "0.3.0"
     mime-types "~2.1.24"
 
-typed-array-buffer@^1.0.0:
+typed-array-buffer@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/typed-array-buffer/-/typed-array-buffer-1.0.1.tgz#0608ffe6bca71bf15a45bff0ca2604107a1325f5"
   integrity sha512-RSqu1UEuSlrBhHTWC8O9FnPjOduNs4M7rJ4pRKoEjtx1zUNOPN2sSXHLDX+Y2WPbHIxbvg4JFo2DNAEfPIKWoQ==