wrap is safest solution
+ // SEE: https://stackoverflow.com/q/41421512/11817077
+
+ {content}
+ {children}
+
+ )}
+
+ );
+}
+SectionTableWrapper.propTypes = {
+ /** Any additional className(s) for the root element */
+ className: PropTypes.string,
+ /** Alternate way to pass `manualContent` and `content` */
+ children: PropTypes.node,
+ /** The table content itself (content wrapper built automatically) */
+ /* RFE: Ideally, limit this to one `InfiniteScrollTable` or `OtherTable` */
+ /* SEE: https://github.com/facebook/react/issues/2979 */
+ content: PropTypes.node,
+ /** Any additional className(s) for the content element */
+ contentClassName: PropTypes.string,
+ /** Whether to allow content to scroll */
+ contentShouldScroll: PropTypes.bool,
+ /** The table header text (header element built automatically) */
+ header: PropTypes.node,
+ /** Any table actions for the header element */
+ headerActions: PropTypes.node,
+ /** Any additional className(s) for the header element */
+ headerClassName: PropTypes.string,
+ /** The table content (built by user) flag or element */
+ /* RFE: Ideally, limit these to one relevant `Section[…]` component */
+ /* SEE: https://github.com/facebook/react/issues/2979 */
+ manualContent: PropTypes.oneOfType([PropTypes.bool, PropTypes.element]),
+ /** The section header (built by user) element */
+ manualHeader: PropTypes.element,
+ /** Override tag of the root element */
+ tagName: PropTypes.string,
+ isFlexItem: PropTypes.bool,
+};
+SectionTableWrapper.defaultProps = {
+ children: undefined,
+ className: '',
+ content: '',
+ contentClassName: '',
+ contentShouldScroll: false,
+ header: '',
+ headerActions: '',
+ headerClassName: '',
+ manualHeader: undefined,
+ manualContent: undefined,
+ tagName: 'article',
+ isFlexItem: false,
+};
+
+export default SectionTableWrapper;
diff --git a/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.module.css b/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.module.css
new file mode 100644
index 000000000..1fc5f9f73
--- /dev/null
+++ b/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.module.css
@@ -0,0 +1,33 @@
+/* Block */
+
+.root {
+ display: flex;
+ flex-direction: column;
+}
+
+/* Elements */
+
+/* CAVEAT: This is only applied to automatically-built sub-components */
+.header {
+ flex-shrink: 0;
+}
+
+/* Modifiers */
+
+/* Ensure table has height so `.table-wrap` can stretch to fill that height */
+.has-wrap {
+ flex-grow: 1;
+}
+
+/* NOTE: Similar on: SectionContent, SectionTableWrapper */
+.should-scroll .wrap {
+ /* We want to permit vertical scrolling, without forcing it */
+ /* FAQ: Did not set `overflow: auto`, because that would certainly hide negative-margined sidebar links */
+ /* CAVEAT: Setting `overflow-y` still hides the negative-margined sidebar links because `overflow-x: visible` (default) is re-intepreted as `auto` */
+ /* SEE: https://stackoverflow.com/a/6433475/11817077 */
+ overflow-y: auto;
+}
+.root:not(.should-scroll) .wrap {
+ /* We want to disable vertical and horizontal scrolling */
+ overflow: hidden;
+}
diff --git a/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.test.js b/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.test.js
new file mode 100644
index 000000000..91e5ab7d1
--- /dev/null
+++ b/libs/core-components/src/lib/SectionTableWrapper/SectionTableWrapper.test.js
@@ -0,0 +1,79 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import SectionTableWrapper from './SectionTableWrapper';
+
+const TABLE_MARKUP = (
+
+);
+
+export const PARAMETER_CLASS_MAP = {
+ contentShouldScroll: 'should-scroll',
+};
+export const PARAMETERS = [...Object.keys(PARAMETER_CLASS_MAP)];
+
+describe('SectionTableWrapper', () => {
+ describe('elements', () => {
+ it('renders passed children and header', () => {
+ const { getByRole } = render(
+
+ {TABLE_MARKUP}
+
+ );
+ expect(getByRole('table').textContent).toEqual('Table Cell');
+ // NOTE: Technically (https://www.w3.org/TR/html-aria/#el-header), the `header` should not have a role, but `aria-query` recognizes it as a banner (https://github.com/A11yance/aria-query/pull/59)
+ expect(getByRole('banner').textContent).toEqual('Header');
+ expect(getByRole('heading').textContent).toEqual('Header');
+ });
+ });
+
+ describe('content and class names', () => {
+ it('renders all passed content and class names', () => {
+ const { container, getByText } = render(
+
Header Actions}
+ headerClassName="header-test"
+ >
+ {TABLE_MARKUP}
+
+ );
+ expect(container.getElementsByClassName('root-test').length).toEqual(1);
+ expect(getByText('Header')).not.toEqual(null);
+ expect(getByText('Header Actions')).not.toEqual(null);
+ expect(container.getElementsByClassName('header-test').length).toEqual(1);
+ });
+ it('renders conditional class names', () => {
+ const { container } = render(
+
{TABLE_MARKUP}
+ );
+ expect(container.querySelector('[class*="has-wrap"]')).not.toEqual(null);
+ });
+ });
+
+ describe('parameter class names', () => {
+ it.each(PARAMETERS)(
+ 'renders accurate class for boolean parameter "%s"',
+ (parameter) => {
+ const parameterObj = { [parameter]: true };
+ const { container } = render(
+
+ {TABLE_MARKUP}
+
+ );
+ const className = PARAMETER_CLASS_MAP[parameter];
+
+ expect(container.querySelector(`[class*="${className}"]`)).not.toEqual(
+ null
+ );
+ }
+ );
+ });
+});
diff --git a/libs/core-components/src/lib/SectionTableWrapper/index.js b/libs/core-components/src/lib/SectionTableWrapper/index.js
new file mode 100644
index 000000000..2a0d97d09
--- /dev/null
+++ b/libs/core-components/src/lib/SectionTableWrapper/index.js
@@ -0,0 +1 @@
+export { default } from './SectionTableWrapper';
diff --git a/libs/core-components/src/lib/ShowMore/ShowMore.jsx b/libs/core-components/src/lib/ShowMore/ShowMore.jsx
new file mode 100644
index 000000000..8652f8f42
--- /dev/null
+++ b/libs/core-components/src/lib/ShowMore/ShowMore.jsx
@@ -0,0 +1,51 @@
+import React, { useState, useCallback } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
+import PropTypes from 'prop-types';
+
+import Button from '../Button';
+
+import styles from './ShowMore.module.scss';
+
+const ShowMore = ({ className, children }) => {
+ const [expanded, setExpanded] = useState(false);
+
+ const toggleCallback = useCallback(() => {
+ setExpanded(!expanded);
+ }, [expanded, setExpanded]);
+
+ const { height, ref } = useResizeDetector();
+
+ const hasOverflow =
+ ref && ref.current ? ref.current.scrollHeight > height : false;
+
+ return (
+ <>
+ {
+
+ {children}
+
+ }
+ {(hasOverflow || expanded) && (
+
+ {expanded ? 'Show Less' : 'Show More'}
+
+ )}
+
+ );
+};
+
+ShowMore.propTypes = {
+ className: PropTypes.string,
+ children: PropTypes.node.isRequired,
+};
+
+ShowMore.defaultProps = {
+ className: '',
+};
+
+export default ShowMore;
diff --git a/libs/core-components/src/lib/ShowMore/ShowMore.module.css b/libs/core-components/src/lib/ShowMore/ShowMore.module.css
new file mode 100644
index 000000000..52e42d7a7
--- /dev/null
+++ b/libs/core-components/src/lib/ShowMore/ShowMore.module.css
@@ -0,0 +1,9 @@
+.clamped {
+ --lines: 4;
+
+ composes: x-truncate--many-lines from '@tacc/core-styles/dist/tools/x-truncate.css';
+}
+
+.expanded {
+ composes: x-untruncate--many-lines from '@tacc/core-styles/dist/tools/x-truncate.css';
+}
diff --git a/libs/core-components/src/lib/ShowMore/index.js b/libs/core-components/src/lib/ShowMore/index.js
new file mode 100644
index 000000000..1a73fa00e
--- /dev/null
+++ b/libs/core-components/src/lib/ShowMore/index.js
@@ -0,0 +1,3 @@
+import ShowMore from './ShowMore';
+
+export default ShowMore;
diff --git a/libs/core-components/src/lib/TextCopyField/TextCopyField.jsx b/libs/core-components/src/lib/TextCopyField/TextCopyField.jsx
new file mode 100644
index 000000000..6022c5198
--- /dev/null
+++ b/libs/core-components/src/lib/TextCopyField/TextCopyField.jsx
@@ -0,0 +1,91 @@
+import React, { useCallback, useState } from 'react';
+import { CopyToClipboard } from 'react-copy-to-clipboard';
+import PropTypes from 'prop-types';
+
+import Button from '../Button';
+
+import styles from './TextCopyField.module.css';
+
+const TextCopyField = ({ value, placeholder, buttonWrapper }) => {
+ const transitionDuration = 0.15; // second(s)
+ const stateDuration = 1; // second(s)
+ const stateTimeout = transitionDuration + stateDuration; // second(s)
+
+ const [isCopied, setIsCopied] = useState(false);
+
+ const onCopy = useCallback(() => {
+ setIsCopied(true);
+
+ const timeout = setTimeout(() => {
+ setIsCopied(false);
+ clearTimeout(timeout);
+ }, stateTimeout * 1000);
+ }, [setIsCopied, stateTimeout]);
+ const isEmpty = !value || value.length === 0;
+ const onChange = (event) => {
+ // Swallow keyboard events on the Input control, but
+ // still allow selecting the text. readOnly property of
+ // Input is not adequate for this purpose because it
+ // prevents text selection
+ event.preventDefault();
+ };
+
+ const ButtonWrapper = buttonWrapper;
+ const CopyButton = (
+
+
+ Copy
+
+
+ );
+ const CopyField = (
+
+ );
+
+ return (
+ <>
+ {ButtonWrapper ? (
+
+
+ ) : (
+
+ )}
+
+
+ );
+};
+
+TextCopyField.propTypes = {
+ buttonWrapper: PropTypes.node,
+ placeholder: PropTypes.string,
+ value: PropTypes.string,
+};
+
+TextCopyField.defaultProps = {
+ buttonWrapper: undefined,
+ placeholder: '',
+ value: '',
+};
+
+export default TextCopyField;
diff --git a/libs/core-components/src/lib/TextCopyField/TextCopyField.module.css b/libs/core-components/src/lib/TextCopyField/TextCopyField.module.css
new file mode 100644
index 000000000..5cf53afac
--- /dev/null
+++ b/libs/core-components/src/lib/TextCopyField/TextCopyField.module.css
@@ -0,0 +1,22 @@
+.input {
+ /* composes: input from '@tacc/core-styles/dist/components/...form.css'; */
+}
+
+.copy-button {
+ /* So JavaScript can set this (JavaScript also needs the value) */
+ --transition-duration: 0;
+
+ transition: color var(--transition-duration),
+ background-color var(--transition-duration);
+
+ composes: c-button--secondary from '@tacc/core-styles/dist/components/c-button.css';
+}
+
+.copy-button.is-copied,
+/* FAQ: The pseudo-classes override Bootstrap */
+.copy-button.is-copied:hover,
+.copy-button.is-copied:focus,
+.copy-button.is-copied:active {
+ background-color: var(--global-color-success--normal);
+ color: var(--global-color-primary--xx-light);
+}
diff --git a/libs/core-components/src/lib/TextCopyField/index.js b/libs/core-components/src/lib/TextCopyField/index.js
new file mode 100644
index 000000000..f41d5ff41
--- /dev/null
+++ b/libs/core-components/src/lib/TextCopyField/index.js
@@ -0,0 +1,3 @@
+import TextCopyField from './TextCopyField';
+
+export default TextCopyField;
diff --git a/libs/core-components/tsconfig.lib.json b/libs/core-components/tsconfig.app.json
similarity index 100%
rename from libs/core-components/tsconfig.lib.json
rename to libs/core-components/tsconfig.app.json
diff --git a/libs/core-components/tsconfig.json b/libs/core-components/tsconfig.json
index 4c089585e..99aff8fc8 100644
--- a/libs/core-components/tsconfig.json
+++ b/libs/core-components/tsconfig.json
@@ -16,10 +16,13 @@
"include": [],
"references": [
{
- "path": "./tsconfig.lib.json"
+ "path": "./tsconfig.app.json"
},
{
"path": "./tsconfig.spec.json"
+ },
+ {
+ "path": "./tsconfig.node.json"
}
]
}
diff --git a/libs/core-components/tsconfig.node.json b/libs/core-components/tsconfig.node.json
new file mode 100644
index 000000000..8292c9be2
--- /dev/null
+++ b/libs/core-components/tsconfig.node.json
@@ -0,0 +1,4 @@
+{
+ "extends": "./tsconfig.json",
+ "include": ["vite.config.ts"]
+}
diff --git a/libs/core-components/tsconfig.spec.json b/libs/core-components/tsconfig.spec.json
index ff08addd6..b8a950754 100644
--- a/libs/core-components/tsconfig.spec.json
+++ b/libs/core-components/tsconfig.spec.json
@@ -16,5 +16,9 @@
"**/*.test.jsx",
"**/*.spec.jsx",
"**/*.d.ts"
+ ],
+ "files": [
+ "../../node_modules/@nrwl/react/typings/cssmodule.d.ts",
+ "../../node_modules/@nrwl/react/typings/image.d.ts"
]
}
diff --git a/libs/core-components/vite.config.ts b/libs/core-components/vite.config.ts
new file mode 100644
index 000000000..19acb5e0f
--- /dev/null
+++ b/libs/core-components/vite.config.ts
@@ -0,0 +1,31 @@
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+
+// https://vitejs.dev/config/
+export default defineConfig({
+ plugins: [react()],
+ resolve: {
+ alias: {
+ '@tacc/core-styles': path.resolve(__dirname, '../../libs/core-styles/'),
+ },
+ },
+ build: {
+ lib: {
+ entry: path.resolve(__dirname, './src/index.ts'),
+ name: '@tacc/core-components',
+ fileName: (format) => `core-components.${format}.js`,
+ },
+ rollupOptions: {
+ // Externalized dependencies, that will not be included during build
+ external: ['react', 'reactstrap'],
+ output: {
+ globals: {
+ react: 'react',
+ reactstrap: 'reactstrap',
+ },
+ },
+ },
+ outDir: path.resolve(__dirname, '../../dist/libs/core-components'),
+ },
+});
diff --git a/libs/core-styles/src/lib/_imports/components/bootstrap.container.css b/libs/core-styles/src/lib/_imports/components/bootstrap.container.css
index 97a3a3bcb..f32c8024d 100644
--- a/libs/core-styles/src/lib/_imports/components/bootstrap.container.css
+++ b/libs/core-styles/src/lib/_imports/components/bootstrap.container.css
@@ -7,7 +7,7 @@ Add to Bootstrap styles. See:
Styleguide Components.Bootstrap.Grid
*/
-@import url("_imports/tools/media-queries.css");
+@import url("../tools/media-queries.css");
@media (--x-wide-and-above) {
.container { max-width: var(--global-max-width--x-wide); }
diff --git a/libs/core-styles/src/lib/_imports/components/bootstrap.figure.css b/libs/core-styles/src/lib/_imports/components/bootstrap.figure.css
index dd1df420c..aa4c7cf36 100644
--- a/libs/core-styles/src/lib/_imports/components/bootstrap.figure.css
+++ b/libs/core-styles/src/lib/_imports/components/bootstrap.figure.css
@@ -7,7 +7,7 @@ Add to Bootstrap styles. See:
Styleguide Components.Bootstrap.Figure
*/
-@import url("_imports/elements/figure.css");
+@import url("../elements/figure.css");
.figure {
@extend figure;
diff --git a/libs/core-styles/src/lib/_imports/components/bootstrap.pagination.css b/libs/core-styles/src/lib/_imports/components/bootstrap.pagination.css
index 788cbb635..235d5955c 100644
--- a/libs/core-styles/src/lib/_imports/components/bootstrap.pagination.css
+++ b/libs/core-styles/src/lib/_imports/components/bootstrap.pagination.css
@@ -7,7 +7,7 @@ Style Bootstrap pagination. See:
Styleguide Components.Bootstrap.Pagination
*/
-@import url("_imports/components/c-page.css");
+@import url("../components/c-page.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-button.css b/libs/core-styles/src/lib/_imports/components/c-button.css
index 555110361..c035c63e0 100644
--- a/libs/core-styles/src/lib/_imports/components/c-button.css
+++ b/libs/core-styles/src/lib/_imports/components/c-button.css
@@ -14,7 +14,7 @@ Markup: c-button.html
Styleguide Components.Button
*/
-@import url("_imports/tools/x-truncate.css");
+@import url("../tools/x-truncate.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-callout.css b/libs/core-styles/src/lib/_imports/components/c-callout.css
index a8654ae0e..fd5f3245f 100644
--- a/libs/core-styles/src/lib/_imports/components/c-callout.css
+++ b/libs/core-styles/src/lib/_imports/components/c-callout.css
@@ -7,8 +7,8 @@ Markup: c-callout.html
Styleguide Components.Callout
*/
-@import url("_imports/tools/media-queries.css");
-@import url("_imports/tools/x-article-link.css");
+@import url("../tools/media-queries.css");
+@import url("../tools/x-article-link.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-card.css b/libs/core-styles/src/lib/_imports/components/c-card.css
index 6b6d4228c..a0e64f951 100644
--- a/libs/core-styles/src/lib/_imports/components/c-card.css
+++ b/libs/core-styles/src/lib/_imports/components/c-card.css
@@ -11,7 +11,7 @@ Markup: c-card.html
Styleguide Components.Card
*/
-@import url("_imports/tools/x-article-link.css");
+@import url("../tools/x-article-link.css");
/* Modifiers */
diff --git a/libs/core-styles/src/lib/_imports/components/c-data-list.css b/libs/core-styles/src/lib/_imports/components/c-data-list.css
index 9a197d2d2..9e2c34055 100644
--- a/libs/core-styles/src/lib/_imports/components/c-data-list.css
+++ b/libs/core-styles/src/lib/_imports/components/c-data-list.css
@@ -29,7 +29,7 @@ Markup: c-data-list.html
Styleguide Components.DataList
*/
-@import url("_imports/tools/x-truncate.css");
+@import url("../tools/x-truncate.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-nav.css b/libs/core-styles/src/lib/_imports/components/c-nav.css
index 5e25ff030..f8a057157 100644
--- a/libs/core-styles/src/lib/_imports/components/c-nav.css
+++ b/libs/core-styles/src/lib/_imports/components/c-nav.css
@@ -17,7 +17,7 @@ Markup: c-nav.html
Styleguide Components.Nav
*/
-@import url("_imports/tools/media-queries.css");
+@import url("../tools/media-queries.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-see-all-link.css b/libs/core-styles/src/lib/_imports/components/c-see-all-link.css
index f6cec9d72..7710d0f7d 100644
--- a/libs/core-styles/src/lib/_imports/components/c-see-all-link.css
+++ b/libs/core-styles/src/lib/_imports/components/c-see-all-link.css
@@ -11,7 +11,7 @@ Markup:
Styleguide Components.SeeAllLink
*/
-@import url("_imports/tools/x-truncate.css");
+@import url("../tools/x-truncate.css");
diff --git a/libs/core-styles/src/lib/_imports/components/c-show-more.css b/libs/core-styles/src/lib/_imports/components/c-show-more.css
index 09a47df41..c28c1cb43 100644
--- a/libs/core-styles/src/lib/_imports/components/c-show-more.css
+++ b/libs/core-styles/src/lib/_imports/components/c-show-more.css
@@ -11,7 +11,7 @@ A CSS-only way to support a "Show More…" feature. It requires a container and
Styleguide: Components.ShowMore
*/
-@import url("_imports/tools/x-truncate.css");
+@import url("../tools/x-truncate.css");
/* Truncation */
diff --git a/libs/core-styles/src/lib/_imports/objects/o-grid.css b/libs/core-styles/src/lib/_imports/objects/o-grid.css
index e2139f904..be1629ec7 100644
--- a/libs/core-styles/src/lib/_imports/objects/o-grid.css
+++ b/libs/core-styles/src/lib/_imports/objects/o-grid.css
@@ -15,8 +15,8 @@ Markup: o-grid.html
Styleguide Objects.Grid
*/
-@import url("_imports/tools/media-queries.css");
-@import url("_imports/tools/x-grid.css");
+@import url("../tools/media-queries.css");
+@import url("../tools/x-grid.css");
diff --git a/libs/core-styles/src/lib/_imports/objects/o-offset-content.css b/libs/core-styles/src/lib/_imports/objects/o-offset-content.css
index f9ce110de..5efbe36d6 100644
--- a/libs/core-styles/src/lib/_imports/objects/o-offset-content.css
+++ b/libs/core-styles/src/lib/_imports/objects/o-offset-content.css
@@ -5,7 +5,7 @@ Content that should be offset from the flow of text within which it is placed.
Styleguide Objects.OffsetContent
*/
-@import url("_imports/tools/media-queries.css");
+@import url("../tools/media-queries.css");
diff --git a/libs/core-styles/src/lib/_imports/objects/o-section.css b/libs/core-styles/src/lib/_imports/objects/o-section.css
index d85150d10..22181f380 100644
--- a/libs/core-styles/src/lib/_imports/objects/o-section.css
+++ b/libs/core-styles/src/lib/_imports/objects/o-section.css
@@ -32,9 +32,9 @@ Markup: o-section.html
Styleguide Objects.Section
*/
-@import url("_imports/tools/media-queries.css");
-@import url("_imports/tools/x-layout.css");
-@import url("_imports/tools/x-fake-border.css");
+@import url("../tools/media-queries.css");
+@import url("../tools/x-layout.css");
+@import url("../tools/x-fake-border.css");
diff --git a/libs/core-styles/src/lib/_imports/tools/x-layout.css b/libs/core-styles/src/lib/_imports/tools/x-layout.css
index 58018f1ef..e6945cb4d 100644
--- a/libs/core-styles/src/lib/_imports/tools/x-layout.css
+++ b/libs/core-styles/src/lib/_imports/tools/x-layout.css
@@ -11,7 +11,7 @@ Styles that allow re-usable layouts.
Styleguide Tools.ExtendsAndMixins.Layout
*/
-@import url("_imports/tools/media-queries.css");
+@import url("../tools/media-queries.css");
diff --git a/libs/core-styles/src/lib/_imports/trumps/s-article-list.css b/libs/core-styles/src/lib/_imports/trumps/s-article-list.css
index b1237bc2e..b7140c3eb 100644
--- a/libs/core-styles/src/lib/_imports/trumps/s-article-list.css
+++ b/libs/core-styles/src/lib/_imports/trumps/s-article-list.css
@@ -7,9 +7,9 @@ Markup: s-article-list.html
Styleguide Trumps.Scopes.ArticleList
*/
-@import url("_imports/tools/x-truncate.css");
-@import url("_imports/tools/x-layout.css");
-@import url("_imports/tools/x-article-link.css");
+@import url("../tools/x-truncate.css");
+@import url("../tools/x-layout.css");
+@import url("../tools/x-article-link.css");
diff --git a/libs/core-styles/src/lib/_imports/trumps/s-article-preview.css b/libs/core-styles/src/lib/_imports/trumps/s-article-preview.css
index cbe36e415..544fe436c 100644
--- a/libs/core-styles/src/lib/_imports/trumps/s-article-preview.css
+++ b/libs/core-styles/src/lib/_imports/trumps/s-article-preview.css
@@ -7,8 +7,8 @@ Markup: s-article-preview.html
Styleguide Trumps.Scopes.ArticlePreview
*/
-@import url("_imports/tools/x-truncate.css");
-@import url("_imports/tools/x-article-link.css");
+@import url("../tools/x-truncate.css");
+@import url("../tools/x-article-link.css");
diff --git a/libs/core-styles/src/lib/_imports/trumps/s-breadcrumbs.css b/libs/core-styles/src/lib/_imports/trumps/s-breadcrumbs.css
index a85f0ac69..b388cd8c2 100644
--- a/libs/core-styles/src/lib/_imports/trumps/s-breadcrumbs.css
+++ b/libs/core-styles/src/lib/_imports/trumps/s-breadcrumbs.css
@@ -25,7 +25,7 @@ Markup:
Styleguide Trumps.Scopes.Breadcrumbs
*/
-@import url("_imports/tools/x-truncate.css");
+@import url("../tools/x-truncate.css");
diff --git a/libs/core-styles/src/lib/_imports/trumps/s-system-specs.css b/libs/core-styles/src/lib/_imports/trumps/s-system-specs.css
index 15b25cf1f..6d2a044ca 100644
--- a/libs/core-styles/src/lib/_imports/trumps/s-system-specs.css
+++ b/libs/core-styles/src/lib/_imports/trumps/s-system-specs.css
@@ -8,7 +8,7 @@ Styles for System Specifications content which assumes external code:
Styleguide Trumps.Scopes.SystemSpecs
*/
-@import url("_imports/tools/media-queries.css");
+@import url("../tools/media-queries.css");
diff --git a/package-lock.json b/package-lock.json
index f3d347a83..b402b15f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
"core-js": "^3.6.5",
"react": "18.1.0",
"react-dom": "18.1.0",
+ "reactstrap": "^9.1.1",
"regenerator-runtime": "0.13.7",
"tslib": "^2.3.0"
},
@@ -25,6 +26,7 @@
"@nrwl/react": "14.1.7",
"@nrwl/web": "14.1.7",
"@nrwl/workspace": "14.1.7",
+ "@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "13.1.1",
"@types/jest": "27.4.1",
"@types/node": "16.11.7",
@@ -34,6 +36,7 @@
"@typescript-eslint/parser": "~5.18.0",
"@vitejs/plugin-react": "^1.3.2",
"babel-jest": "27.5.1",
+ "babel-plugin-postcss": "^1.1.0",
"cypress": "^9.1.0",
"eslint": "~8.12.0",
"eslint-config-prettier": "8.1.0",
@@ -1966,7 +1969,6 @@
"version": "7.18.0",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.0.tgz",
"integrity": "sha512-YMQvx/6nKEaucl0MY56mwIG483xk8SDNdlUwb2Ts6FUpr7fm85DxEmsY18LXBNhcTz6tO6JwZV8w1W06v8UKeg==",
- "dev": true,
"dependencies": {
"regenerator-runtime": "^0.13.4"
},
@@ -3261,6 +3263,15 @@
"node": ">= 8"
}
},
+ "node_modules/@popperjs/core": {
+ "version": "2.11.5",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+ "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/popperjs"
+ }
+ },
"node_modules/@rollup/plugin-babel": {
"version": "5.3.1",
"resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -3985,6 +3996,50 @@
"node": ">=6.0"
}
},
+ "node_modules/@testing-library/jest-dom": {
+ "version": "5.16.4",
+ "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.16.4.tgz",
+ "integrity": "sha512-Gy+IoFutbMQcky0k+bqqumXZ1cTGswLsFqmNLzNdSKkU9KGV2u9oXhukCbbJ9/LRPKiqwxEE8VpV/+YZlfkPUA==",
+ "dev": true,
+ "dependencies": {
+ "@babel/runtime": "^7.9.2",
+ "@types/testing-library__jest-dom": "^5.9.1",
+ "aria-query": "^5.0.0",
+ "chalk": "^3.0.0",
+ "css": "^3.0.0",
+ "css.escape": "^1.5.1",
+ "dom-accessibility-api": "^0.5.6",
+ "lodash": "^4.17.15",
+ "redent": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=8",
+ "npm": ">=6",
+ "yarn": ">=1"
+ }
+ },
+ "node_modules/@testing-library/jest-dom/node_modules/aria-query": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.0.0.tgz",
+ "integrity": "sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==",
+ "dev": true,
+ "engines": {
+ "node": ">=6.0"
+ }
+ },
+ "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+ "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+ "dev": true,
+ "dependencies": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ },
+ "engines": {
+ "node": ">=8"
+ }
+ },
"node_modules/@testing-library/react": {
"version": "13.1.1",
"resolved": "https://registry.npmjs.org/@testing-library/react/-/react-13.1.1.tgz",
@@ -4391,6 +4446,15 @@
"integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
"dev": true
},
+ "node_modules/@types/testing-library__jest-dom": {
+ "version": "5.14.3",
+ "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.3.tgz",
+ "integrity": "sha512-oKZe+Mf4ioWlMuzVBaXQ9WDnEm1+umLx0InILg+yvZVBBDmzV5KfZyLrCvadtWcx8+916jLmHafcmqqffl+iIw==",
+ "dev": true,
+ "dependencies": {
+ "@types/jest": "*"
+ }
+ },
"node_modules/@types/ws": {
"version": "8.5.3",
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -5605,6 +5669,114 @@
"@babel/core": "^7.0.0-0"
}
},
+ "node_modules/babel-plugin-postcss": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-postcss/-/babel-plugin-postcss-1.1.0.tgz",
+ "integrity": "sha512-cv2xIZg/yzjIhT4rFFCxiuMK+sFoXe469bcp2B38Wsnixvx5JSuCy3flJSpNquNoQO95hH7erLBDcwAWcz32Wg==",
+ "dev": true,
+ "dependencies": {
+ "postcss-load-config": "^2.1.0",
+ "sync-rpc": "^1.3.6"
+ },
+ "engines": {
+ "node": ">=8"
+ },
+ "peerDependencies": {
+ "@babel/core": "^7.11.6",
+ "@babel/types": "^7.11.5"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/cosmiconfig": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+ "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+ "dev": true,
+ "dependencies": {
+ "import-fresh": "^2.0.0",
+ "is-directory": "^0.3.1",
+ "js-yaml": "^3.13.1",
+ "parse-json": "^4.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/import-cwd": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+ "integrity": "sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==",
+ "dev": true,
+ "dependencies": {
+ "import-from": "^2.1.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/import-fresh": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+ "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+ "dev": true,
+ "dependencies": {
+ "caller-path": "^2.0.0",
+ "resolve-from": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/import-from": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+ "integrity": "sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==",
+ "dev": true,
+ "dependencies": {
+ "resolve-from": "^3.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/parse-json": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+ "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+ "dev": true,
+ "dependencies": {
+ "error-ex": "^1.3.1",
+ "json-parse-better-errors": "^1.0.1"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/postcss-load-config": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+ "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
+ "dev": true,
+ "dependencies": {
+ "cosmiconfig": "^5.0.0",
+ "import-cwd": "^2.0.0"
+ },
+ "engines": {
+ "node": ">= 4"
+ },
+ "funding": {
+ "type": "opencollective",
+ "url": "https://opencollective.com/postcss/"
+ }
+ },
+ "node_modules/babel-plugin-postcss/node_modules/resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
"node_modules/babel-plugin-transform-async-to-promises": {
"version": "0.8.18",
"resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-promises/-/babel-plugin-transform-async-to-promises-0.8.18.tgz",
@@ -5996,6 +6168,39 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/caller-callsite": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+ "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+ "dev": true,
+ "dependencies": {
+ "callsites": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/caller-callsite/node_modules/callsites": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+ "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
+ "node_modules/caller-path": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+ "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+ "dev": true,
+ "dependencies": {
+ "caller-callsite": "^2.0.0"
+ },
+ "engines": {
+ "node": ">=4"
+ }
+ },
"node_modules/callsites": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -6168,6 +6373,11 @@
"integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==",
"dev": true
},
+ "node_modules/classnames": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+ "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+ },
"node_modules/clean-stack": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -7480,6 +7690,12 @@
"url": "https://github.com/sponsors/fb55"
}
},
+ "node_modules/css.escape": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+ "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+ "dev": true
+ },
"node_modules/cssesc": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -7543,8 +7759,7 @@
"node_modules/csstype": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
- "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
- "dev": true
+ "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
},
"node_modules/cypress": {
"version": "9.6.1",
@@ -7975,6 +8190,15 @@
"integrity": "sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==",
"dev": true
},
+ "node_modules/dom-helpers": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+ "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+ "dependencies": {
+ "@babel/runtime": "^7.8.7",
+ "csstype": "^3.0.2"
+ }
+ },
"node_modules/dom-serializer": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -10153,6 +10377,15 @@
"node": ">=8.0.0"
}
},
+ "node_modules/get-port": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+ "integrity": "sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==",
+ "dev": true,
+ "engines": {
+ "node": ">=4"
+ }
+ },
"node_modules/get-stdin": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
@@ -11055,6 +11288,15 @@
"url": "https://github.com/sponsors/ljharb"
}
},
+ "node_modules/is-directory": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+ "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+ "dev": true,
+ "engines": {
+ "node": ">=0.10.0"
+ }
+ },
"node_modules/is-docker": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -12246,6 +12488,12 @@
"node": ">=4"
}
},
+ "node_modules/json-parse-better-errors": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+ "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+ "dev": true
+ },
"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",
@@ -13473,7 +13721,6 @@
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
- "dev": true,
"engines": {
"node": ">=0.10.0"
}
@@ -14383,7 +14630,6 @@
"version": "15.8.1",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
- "dev": true,
"dependencies": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
@@ -14393,8 +14639,7 @@
"node_modules/prop-types/node_modules/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==",
- "dev": true
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
},
"node_modules/proxy-addr": {
"version": "2.0.7",
@@ -14611,12 +14856,31 @@
"react": "^18.1.0"
}
},
+ "node_modules/react-fast-compare": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
+ "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
+ },
"node_modules/react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
"dev": true
},
+ "node_modules/react-popper": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+ "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
+ "dependencies": {
+ "react-fast-compare": "^3.0.1",
+ "warning": "^4.0.2"
+ },
+ "peerDependencies": {
+ "@popperjs/core": "^2.0.0",
+ "react": "^16.8.0 || ^17 || ^18",
+ "react-dom": "^16.8.0 || ^17 || ^18"
+ }
+ },
"node_modules/react-refresh": {
"version": "0.10.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.10.0.tgz",
@@ -14659,6 +14923,38 @@
"integrity": "sha512-Fl7FuabXsJnV5Q1qIOQwx/sagGF18kogb4gpfcG4gjLBWO0WDiiz1ko/ExayuxE7InyQkBLkxRFG5oxY6Uu3Kg==",
"dev": true
},
+ "node_modules/react-transition-group": {
+ "version": "4.4.2",
+ "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+ "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+ "dependencies": {
+ "@babel/runtime": "^7.5.5",
+ "dom-helpers": "^5.0.1",
+ "loose-envify": "^1.4.0",
+ "prop-types": "^15.6.2"
+ },
+ "peerDependencies": {
+ "react": ">=16.6.0",
+ "react-dom": ">=16.6.0"
+ }
+ },
+ "node_modules/reactstrap": {
+ "version": "9.1.1",
+ "resolved": "https://registry.npmjs.org/reactstrap/-/reactstrap-9.1.1.tgz",
+ "integrity": "sha512-XlQI5qKHQ4QMpye4GxLgoj8rv+qsypvzMcs2KA11DeYjT82LcS48ttfNqOodDYyeCYv8t89gd9THXkjGhoYp5A==",
+ "dependencies": {
+ "@babel/runtime": "^7.12.5",
+ "@popperjs/core": "^2.6.0",
+ "classnames": "^2.2.3",
+ "prop-types": "^15.5.8",
+ "react-popper": "^2.2.4",
+ "react-transition-group": "^4.4.2"
+ },
+ "peerDependencies": {
+ "react": ">=16.8.0",
+ "react-dom": ">=16.8.0"
+ }
+ },
"node_modules/read-cache": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -16984,6 +17280,15 @@
"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
"dev": true
},
+ "node_modules/sync-rpc": {
+ "version": "1.3.6",
+ "resolved": "https://registry.npmjs.org/sync-rpc/-/sync-rpc-1.3.6.tgz",
+ "integrity": "sha512-J8jTXuZzRlvU7HemDgHi3pGnh/rkoqR/OZSjhTyyZrEkkYQbk7Z33AXp37mkPfPpfdOuj7Ex3H/TJM1z48uPQw==",
+ "dev": true,
+ "dependencies": {
+ "get-port": "^3.1.0"
+ }
+ },
"node_modules/table": {
"version": "6.8.0",
"resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
@@ -17999,6 +18304,14 @@
"makeerror": "1.0.12"
}
},
+ "node_modules/warning": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+ "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+ "dependencies": {
+ "loose-envify": "^1.0.0"
+ }
+ },
"node_modules/watchpack": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
@@ -20010,7 +20323,6 @@
"version": "7.18.0",
"resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.18.0.tgz",
"integrity": "sha512-YMQvx/6nKEaucl0MY56mwIG483xk8SDNdlUwb2Ts6FUpr7fm85DxEmsY18LXBNhcTz6tO6JwZV8w1W06v8UKeg==",
- "dev": true,
"requires": {
"regenerator-runtime": "^0.13.4"
}
@@ -21054,6 +21366,11 @@
}
}
},
+ "@popperjs/core": {
+ "version": "2.11.5",
+ "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+ "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw=="
+ },
"@rollup/plugin-babel": {
"version": "5.3.1",
"resolved": "https://registry.npmjs.org/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz",
@@ -21474,6 +21791,41 @@
}
}
},
+ "@testing-library/jest-dom": {
+ "version": "5.16.4",
+ "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-5.16.4.tgz",
+ "integrity": "sha512-Gy+IoFutbMQcky0k+bqqumXZ1cTGswLsFqmNLzNdSKkU9KGV2u9oXhukCbbJ9/LRPKiqwxEE8VpV/+YZlfkPUA==",
+ "dev": true,
+ "requires": {
+ "@babel/runtime": "^7.9.2",
+ "@types/testing-library__jest-dom": "^5.9.1",
+ "aria-query": "^5.0.0",
+ "chalk": "^3.0.0",
+ "css": "^3.0.0",
+ "css.escape": "^1.5.1",
+ "dom-accessibility-api": "^0.5.6",
+ "lodash": "^4.17.15",
+ "redent": "^3.0.0"
+ },
+ "dependencies": {
+ "aria-query": {
+ "version": "5.0.0",
+ "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.0.0.tgz",
+ "integrity": "sha512-V+SM7AbUwJ+EBnB8+DXs0hPZHO0W6pqBcc0dW90OwtVG02PswOu/teuARoLQjdDOH+t9pJgGnW5/Qmouf3gPJg==",
+ "dev": true
+ },
+ "chalk": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+ "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+ "dev": true,
+ "requires": {
+ "ansi-styles": "^4.1.0",
+ "supports-color": "^7.1.0"
+ }
+ }
+ }
+ },
"@testing-library/react": {
"version": "13.1.1",
"resolved": "https://registry.npmjs.org/@testing-library/react/-/react-13.1.1.tgz",
@@ -21867,6 +22219,15 @@
"integrity": "sha512-Hl219/BT5fLAaz6NDkSuhzasy49dwQS/DSdu4MdggFB8zcXv7vflBI3xp7FEmkmdDkBUI2bPUNeMttp2knYdxw==",
"dev": true
},
+ "@types/testing-library__jest-dom": {
+ "version": "5.14.3",
+ "resolved": "https://registry.npmjs.org/@types/testing-library__jest-dom/-/testing-library__jest-dom-5.14.3.tgz",
+ "integrity": "sha512-oKZe+Mf4ioWlMuzVBaXQ9WDnEm1+umLx0InILg+yvZVBBDmzV5KfZyLrCvadtWcx8+916jLmHafcmqqffl+iIw==",
+ "dev": true,
+ "requires": {
+ "@types/jest": "*"
+ }
+ },
"@types/ws": {
"version": "8.5.3",
"resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.5.3.tgz",
@@ -22772,6 +23133,84 @@
"@babel/helper-define-polyfill-provider": "^0.3.1"
}
},
+ "babel-plugin-postcss": {
+ "version": "1.1.0",
+ "resolved": "https://registry.npmjs.org/babel-plugin-postcss/-/babel-plugin-postcss-1.1.0.tgz",
+ "integrity": "sha512-cv2xIZg/yzjIhT4rFFCxiuMK+sFoXe469bcp2B38Wsnixvx5JSuCy3flJSpNquNoQO95hH7erLBDcwAWcz32Wg==",
+ "dev": true,
+ "requires": {
+ "postcss-load-config": "^2.1.0",
+ "sync-rpc": "^1.3.6"
+ },
+ "dependencies": {
+ "cosmiconfig": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-5.2.1.tgz",
+ "integrity": "sha512-H65gsXo1SKjf8zmrJ67eJk8aIRKV5ff2D4uKZIBZShbhGSpEmsQOPW/SKMKYhSTrqR7ufy6RP69rPogdaPh/kA==",
+ "dev": true,
+ "requires": {
+ "import-fresh": "^2.0.0",
+ "is-directory": "^0.3.1",
+ "js-yaml": "^3.13.1",
+ "parse-json": "^4.0.0"
+ }
+ },
+ "import-cwd": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
+ "integrity": "sha512-Ew5AZzJQFqrOV5BTW3EIoHAnoie1LojZLXKcCQ/yTRyVZosBhK1x1ViYjHGf5pAFOq8ZyChZp6m/fSN7pJyZtg==",
+ "dev": true,
+ "requires": {
+ "import-from": "^2.1.0"
+ }
+ },
+ "import-fresh": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-2.0.0.tgz",
+ "integrity": "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg==",
+ "dev": true,
+ "requires": {
+ "caller-path": "^2.0.0",
+ "resolve-from": "^3.0.0"
+ }
+ },
+ "import-from": {
+ "version": "2.1.0",
+ "resolved": "https://registry.npmjs.org/import-from/-/import-from-2.1.0.tgz",
+ "integrity": "sha512-0vdnLL2wSGnhlRmzHJAg5JHjt1l2vYhzJ7tNLGbeVg0fse56tpGaH0uzH+r9Slej+BSXXEHvBKDEnVSLLE9/+w==",
+ "dev": true,
+ "requires": {
+ "resolve-from": "^3.0.0"
+ }
+ },
+ "parse-json": {
+ "version": "4.0.0",
+ "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-4.0.0.tgz",
+ "integrity": "sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==",
+ "dev": true,
+ "requires": {
+ "error-ex": "^1.3.1",
+ "json-parse-better-errors": "^1.0.1"
+ }
+ },
+ "postcss-load-config": {
+ "version": "2.1.2",
+ "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.1.2.tgz",
+ "integrity": "sha512-/rDeGV6vMUo3mwJZmeHfEDvwnTKKqQ0S7OHUi/kJvvtx3aWtyWG2/0ZWnzCt2keEclwN6Tf0DST2v9kITdOKYw==",
+ "dev": true,
+ "requires": {
+ "cosmiconfig": "^5.0.0",
+ "import-cwd": "^2.0.0"
+ }
+ },
+ "resolve-from": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-3.0.0.tgz",
+ "integrity": "sha512-GnlH6vxLymXJNMBo7XP1fJIzBFbdYt49CuTwmB/6N53t+kMPRMFKz783LlQ4tv28XoQfMWinAJX6WCGf2IlaIw==",
+ "dev": true
+ }
+ }
+ },
"babel-plugin-transform-async-to-promises": {
"version": "0.8.18",
"resolved": "https://registry.npmjs.org/babel-plugin-transform-async-to-promises/-/babel-plugin-transform-async-to-promises-0.8.18.tgz",
@@ -23071,6 +23510,32 @@
"get-intrinsic": "^1.0.2"
}
},
+ "caller-callsite": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/caller-callsite/-/caller-callsite-2.0.0.tgz",
+ "integrity": "sha512-JuG3qI4QOftFsZyOn1qq87fq5grLIyk1JYd5lJmdA+fG7aQ9pA/i3JIJGcO3q0MrRcHlOt1U+ZeHW8Dq9axALQ==",
+ "dev": true,
+ "requires": {
+ "callsites": "^2.0.0"
+ },
+ "dependencies": {
+ "callsites": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/callsites/-/callsites-2.0.0.tgz",
+ "integrity": "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ==",
+ "dev": true
+ }
+ }
+ },
+ "caller-path": {
+ "version": "2.0.0",
+ "resolved": "https://registry.npmjs.org/caller-path/-/caller-path-2.0.0.tgz",
+ "integrity": "sha512-MCL3sf6nCSXOwCTzvPKhN18TU7AHTvdtam8DAogxcrJ8Rjfbbg7Lgng64H9Iy+vUV6VGFClN/TyxBkAebLRR4A==",
+ "dev": true,
+ "requires": {
+ "caller-callsite": "^2.0.0"
+ }
+ },
"callsites": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
@@ -23188,6 +23653,11 @@
"integrity": "sha512-cOU9usZw8/dXIXKtwa8pM0OTJQuJkxMN6w30csNRUerHfeQ5R6U3kkU/FtJeIf3M202OHfY2U8ccInBG7/xogA==",
"dev": true
},
+ "classnames": {
+ "version": "2.3.1",
+ "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.3.1.tgz",
+ "integrity": "sha512-OlQdbZ7gLfGarSqxesMesDa5uz7KFbID8Kpq/SxIoNGDqY8lSYs0D+hhtBXhcdB3rcbXArFr7vlHheLk1voeNA=="
+ },
"clean-stack": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -24115,6 +24585,12 @@
"integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
"dev": true
},
+ "css.escape": {
+ "version": "1.5.1",
+ "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+ "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+ "dev": true
+ },
"cssesc": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -24163,8 +24639,7 @@
"csstype": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.0.tgz",
- "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA==",
- "dev": true
+ "integrity": "sha512-uX1KG+x9h5hIJsaKR9xHUeUraxf8IODOwq9JLNPq6BwB04a/xgpq3rcx47l5BZu5zBPlgD342tdke3Hom/nJRA=="
},
"cypress": {
"version": "9.6.1",
@@ -24496,6 +24971,15 @@
"integrity": "sha512-NMt+m9zFMPZe0JcY9gN224Qvk6qLIdqex29clBvc/y75ZBX9YA9wNK3frsYvu2DI1xcCIwxwnX+TlsJ2DSOADg==",
"dev": true
},
+ "dom-helpers": {
+ "version": "5.2.1",
+ "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+ "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+ "requires": {
+ "@babel/runtime": "^7.8.7",
+ "csstype": "^3.0.2"
+ }
+ },
"dom-serializer": {
"version": "1.4.1",
"resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.4.1.tgz",
@@ -26065,6 +26549,12 @@
"integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
"dev": true
},
+ "get-port": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/get-port/-/get-port-3.2.0.tgz",
+ "integrity": "sha512-x5UJKlgeUiNT8nyo/AcnwLnZuZNcSjSw0kogRB+Whd1fjjFq4B1hySFxSFWWSn4mIBzg3sRNUDFYc4g5gjPoLg==",
+ "dev": true
+ },
"get-stdin": {
"version": "8.0.0",
"resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-8.0.0.tgz",
@@ -26728,6 +27218,12 @@
"has-tostringtag": "^1.0.0"
}
},
+ "is-directory": {
+ "version": "0.3.1",
+ "resolved": "https://registry.npmjs.org/is-directory/-/is-directory-0.3.1.tgz",
+ "integrity": "sha512-yVChGzahRFvbkscn2MlwGismPO12i9+znNruC5gVEntG3qu0xQMzsGg/JFbrsqDOHtHFPci+V5aP5T9I+yeKqw==",
+ "dev": true
+ },
"is-docker": {
"version": "2.2.1",
"resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
@@ -27631,6 +28127,12 @@
"integrity": "sha512-OYu7XEzjkCQ3C5Ps3QIZsQfNpqoJyZZA99wd9aWd05NCtC5pWOkShK2mkL6HXQR6/Cy2lbNdPlZBpuQHXE63gA==",
"dev": true
},
+ "json-parse-better-errors": {
+ "version": "1.0.2",
+ "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+ "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+ "dev": true
+ },
"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",
@@ -28579,8 +29081,7 @@
"object-assign": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
- "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
- "dev": true
+ "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
},
"object-inspect": {
"version": "1.12.0",
@@ -29229,7 +29730,6 @@
"version": "15.8.1",
"resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
"integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
- "dev": true,
"requires": {
"loose-envify": "^1.4.0",
"object-assign": "^4.1.1",
@@ -29239,8 +29739,7 @@
"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==",
- "dev": true
+ "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
}
}
},
@@ -29402,12 +29901,26 @@
"scheduler": "^0.22.0"
}
},
+ "react-fast-compare": {
+ "version": "3.2.0",
+ "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz",
+ "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA=="
+ },
"react-is": {
"version": "17.0.2",
"resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
"integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==",
"dev": true
},
+ "react-popper": {
+ "version": "2.3.0",
+ "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.3.0.tgz",
+ "integrity": "sha512-e1hj8lL3uM+sgSR4Lxzn5h1GxBlpa4CQz0XLF8kx4MDrDRWY0Ena4c97PUeSX9i5W3UAfDP0z0FXCTQkoXUl3Q==",
+ "requires": {
+ "react-fast-compare": "^3.0.1",
+ "warning": "^4.0.2"
+ }
+ },
"react-refresh": {
"version": "0.10.0",
"resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.10.0.tgz",
@@ -29443,6 +29956,30 @@
}
}
},
+ "react-transition-group": {
+ "version": "4.4.2",
+ "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.2.tgz",
+ "integrity": "sha512-/RNYfRAMlZwDSr6z4zNKV6xu53/e2BuaBbGhbyYIXTrmgu/bGHzmqOs7mJSJBHy9Ud+ApHx3QjrkKSp1pxvlFg==",
+ "requires": {
+ "@babel/runtime": "^7.5.5",
+ "dom-helpers": "^5.0.1",
+ "loose-envify": "^1.4.0",
+ "prop-types": "^15.6.2"
+ }
+ },
+ "reactstrap": {
+ "version": "9.1.1",
+ "resolved": "https://registry.npmjs.org/reactstrap/-/reactstrap-9.1.1.tgz",
+ "integrity": "sha512-XlQI5qKHQ4QMpye4GxLgoj8rv+qsypvzMcs2KA11DeYjT82LcS48ttfNqOodDYyeCYv8t89gd9THXkjGhoYp5A==",
+ "requires": {
+ "@babel/runtime": "^7.12.5",
+ "@popperjs/core": "^2.6.0",
+ "classnames": "^2.2.3",
+ "prop-types": "^15.5.8",
+ "react-popper": "^2.2.4",
+ "react-transition-group": "^4.4.2"
+ }
+ },
"read-cache": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
@@ -31202,6 +31739,15 @@
"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
"dev": true
},
+ "sync-rpc": {
+ "version": "1.3.6",
+ "resolved": "https://registry.npmjs.org/sync-rpc/-/sync-rpc-1.3.6.tgz",
+ "integrity": "sha512-J8jTXuZzRlvU7HemDgHi3pGnh/rkoqR/OZSjhTyyZrEkkYQbk7Z33AXp37mkPfPpfdOuj7Ex3H/TJM1z48uPQw==",
+ "dev": true,
+ "requires": {
+ "get-port": "^3.1.0"
+ }
+ },
"table": {
"version": "6.8.0",
"resolved": "https://registry.npmjs.org/table/-/table-6.8.0.tgz",
@@ -31956,6 +32502,14 @@
"makeerror": "1.0.12"
}
},
+ "warning": {
+ "version": "4.0.3",
+ "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+ "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+ "requires": {
+ "loose-envify": "^1.0.0"
+ }
+ },
"watchpack": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.3.1.tgz",
diff --git a/package.json b/package.json
index 5fe900312..a2352dc05 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
"core-js": "^3.6.5",
"react": "18.1.0",
"react-dom": "18.1.0",
+ "reactstrap": "^9.1.1",
"regenerator-runtime": "0.13.7",
"tslib": "^2.3.0"
},
@@ -25,6 +26,7 @@
"@nrwl/react": "14.1.7",
"@nrwl/web": "14.1.7",
"@nrwl/workspace": "14.1.7",
+ "@testing-library/jest-dom": "^5.16.4",
"@testing-library/react": "13.1.1",
"@types/jest": "27.4.1",
"@types/node": "16.11.7",
@@ -34,6 +36,7 @@
"@typescript-eslint/parser": "~5.18.0",
"@vitejs/plugin-react": "^1.3.2",
"babel-jest": "27.5.1",
+ "babel-plugin-postcss": "^1.1.0",
"cypress": "^9.1.0",
"eslint": "~8.12.0",
"eslint-config-prettier": "8.1.0",