Configs webpack to move component-library assets to build (#28121)

* configures webpack to copy assets into build directory * uptates ds-v3-playground to show pagination with svg * bump component-library to 37.2.0 * synch code owners
department-of-veterans-affairs · Mar 7, 2024 · 4251e24 · 4251e24
1 parent 23d1a8e
commit 4251e24
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 2 deletions.
diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS
@@ -240,4 +240,4 @@ src/applications/post-911-gib-status @department-of-veterans-affairs/va-platform
 src/applications/third-party-app-directory @department-of-veterans-affairs/va-platform-cop-frontend
 src/applications/static-pages/analytics @department-of-veterans-affairs/va-platform-cop-frontend
 src/applications/static-pages/ask-va @department-of-veterans-affairs/va-platform-cop-frontend
-src/applications/static-pages/download-1095b @department-of-veterans-affairs/va-platform-cop-frontend
+src/applications/static-pages/download-1095b @department-of-veterans-affairs/va-platform-cop-frontend
diff --git a/config/webpack.config.js b/config/webpack.config.js
@@ -481,6 +481,11 @@ module.exports = async (env = {}) => {
             from: 'src/site/assets',
             to: buildPath,
           },
+          {
+            from:
+              'node_modules/@department-of-veterans-affairs/component-library/dist/assets',
+            to: `${buildPath}/assets`,
+          },
         ],
       }),
 

diff --git a/src/applications/ds-v3-playground/pages/V3BasePage.jsx b/src/applications/ds-v3-playground/pages/V3BasePage.jsx
@@ -23,6 +23,7 @@ import {
   VaTextInput,
   VaProcessList,
   VaProcessListItem,
+  VaPagination,
 } from '@department-of-veterans-affairs/web-components/react-bindings';
 
 export default function V3BasePage() {
@@ -117,7 +118,15 @@ export default function V3BasePage() {
         <div className="vads-grid-row">
           <h1>V3 Without Formation Demo</h1>
         </div>
-
+        <div>
+          <VaPagination
+            onPageSelect={function noRefCheck() {}}
+            page={3}
+            pages={6}
+            showLastPage
+            uswds
+          />
+        </div>
         {/* Text Input */}
         <div className="vads-grid-row vads-flex-direction-column border-bottom">
           <h2 className="vads-grid-col font-ui-md">Text input component</h2>