[terra-application-docs] Migrate docs from terra-application/terra-de…

…v-site (#386)

.stylelintrc.yml

@@ -0,0 +1,9 @@
+extends: "@cerner/stylelint-config-terra"
+rules: 
+  scss/at-mixin-pattern: "^(terra-)[a-z]+([a-z0-9-]+[a-z0-9]+)?$"
+
+overrides:
+  - files:
+    - packages/terra-application-docs/src/terra-dev-site/**/*.scss
+    rules: 
+      terra/custom-property-namespace: false

package.json

@@ -22,8 +22,8 @@
     "packages/*"
   ],
   "engines": {
-    "node": "10 || 12 || 14",
-    "npm": "6 || 9"
+    "node": "14",
+    "npm": "9"
   },
   "browserslist": [
     "extends @cerner/browserslist-config-terra"
@@ -32,12 +32,6 @@
     "extends": "@cerner/package-json-lint-config-terra/package-json-lint.config.js",
     "projectType": "module"
   },
-  "stylelint": {
-    "extends": "@cerner/stylelint-config-terra",
-    "rules": {
-      "scss/at-mixin-pattern": "^(terra-)[a-z]+([a-z0-9-]+[a-z0-9]+)?$"
-    }
-  },
   "peerDependencies": {
     "react": "16",
     "react-dom": "16",

packages/terra-application-docs/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 ## Unreleased
 
+* Changed
+  * Moved docs from the `terra-application` package.
+
 ## 3.2.0 - (May 8, 2024)
 
 * Changed

packages/terra-application/src/terra-dev-site/app/components.2/example/ApplicationLoadingOverlayExample.jsx → packages/terra-application-docs/src/terra-dev-site/app/components.2/example/ApplicationLoadingOverlayExample.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react';
 import classNames from 'classnames/bind';
-import ApplicationLoadingOverlay from 'terra-application/application-loading-overlay/ApplicationLoadingOverlay';
-import ApplicationLoadingOverlayProvider from 'terra-application/application-loading-overlay/ApplicationLoadingOverlayProvider';
+import ApplicationLoadingOverlay, { ApplicationLoadingOverlayProvider } from 'terra-application/application-loading-overlay';
 
 import styles from './ApplicationErrorBoundaryExample.module.scss';
 

packages/terra-application/src/terra-dev-site/app/components.2/example/ApplicationNavigationWorkspaceExample.jsx → packages/terra-application-docs/src/terra-dev-site/app/components.2/example/ApplicationNavigationWorkspaceExample.jsx

@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import classNames from 'classnames/bind';
-import ApplicationNavigation, {
-  ApplicationNavigationActionsContext,
-} from 'terra-application/application-navigation';
+import ApplicationNavigation, { ApplicationNavigationActionsContext } from 'terra-application/application-navigation';
 import { WorkspaceContent } from 'terra-application/workspace';
 import NotificationBanner from 'terra-application/notification-banner';
 import Button from 'terra-button';

packages/terra-application/src/terra-dev-site/test/application-error-boundary/ErrorBoundaryTest.test.jsx

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import ApplicationErrorBoundary from '../../../../lib/application-error-boundary/ApplicationErrorBoundary';
+import ApplicationErrorBoundary from '../../../application-error-boundary';
 
 const ErrorComponent = () => {
   const [throwError, setThrowError] = useState(false);

packages/terra-application/src/terra-dev-site/test/application-loading-overlay/LoadingOverlayTest.test.jsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import ApplicationLoadingOverlay from '../../../../lib/application-loading-overlay/ApplicationLoadingOverlay';
-import ApplicationLoadingOverlayProvider from '../../../../lib/application-loading-overlay/ApplicationLoadingOverlayProvider';
+import ApplicationLoadingOverlay, { ApplicationLoadingOverlayProvider } from '../../../application-loading-overlay';
 
 const ApplicationLoadingOverlayTest = () => {
   const [showClearOverlay, setShowClearOverlay] = useState(false);

packages/terra-application/src/terra-dev-site/test/application-navigation/ApplicationNavigationTest.test.jsx

@@ -1,9 +1,7 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { ThemeContext } from 'terra-application/theme';
-import ApplicationNavigation, {
-  ApplicationNavigationActionsContext,
-} from 'terra-application/application-navigation';
+import ApplicationNavigation, { ApplicationNavigationActionsContext } from 'terra-application/application-navigation';
 import { useIntl } from 'react-intl';
 import { WorkspaceContent } from '../../../workspace';
 import ApplicationBase from '../../../application-base';

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/ApplicationNavigation.test.jsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconPill from 'terra-icon/lib/icon/IconPill';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';
+import {
+  IconLightbulb, IconPill, IconSearch, IconVisualization,
+} from 'terra-icon';
+
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 
 const titleConfig = {

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/ApplicationNavigationPromptFocus.test.jsx

@@ -1,12 +1,15 @@
 import React, { useState } from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconManufacturer from 'terra-icon/lib/icon/IconManufacturer';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconScratchPad from 'terra-icon/lib/icon/IconScratchPad';
-import IconSave from 'terra-icon/lib/icon/IconSave';
-import IconPrinter from 'terra-icon/lib/icon/IconPrinter';
-import IconBookmark from 'terra-icon/lib/icon/IconBookmark';
-import IconAttachment from 'terra-icon/lib/icon/IconAttachment';
+import {
+  IconSearch,
+  IconManufacturer,
+  IconVisualization,
+  IconScratchPad,
+  IconSave,
+  IconPrinter,
+  IconBookmark,
+  IconAttachment,
+} from 'terra-icon';
+
 import PageContent from '../common/PageContent';
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/ApplicationNotifications.test.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconPill from 'terra-icon/lib/icon/IconPill';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';
+import {
+  IconSearch, IconPill, IconVisualization, IconLightbulb,
+} from 'terra-icon';
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 
 const titleConfig = {

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/Extensions.test.jsx

@@ -1,8 +1,11 @@
 import React from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconPill from 'terra-icon/lib/icon/IconPill';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';
+import {
+  IconSearch,
+  IconPill,
+  IconVisualization,
+  IconLightbulb,
+} from 'terra-icon';
+
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 
 const extensionItems = [

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/HeroAndUser.test.jsx

@@ -1,8 +1,9 @@
 /* eslint-disable */
 import React from 'react';
-import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 import { Placeholder } from '@cerner/terra-docs';
 
+import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
+
 const hero = <Placeholder title="Test Hero" />;
 
 const userConfig = {

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/HeroDrawer.test.jsx

@@ -1,8 +1,9 @@
 /* eslint-disable */
 import React from 'react';
-import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 import { Placeholder } from '@cerner/terra-docs';
 
+import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
+
 const hero = <Placeholder title="Test Hero" />;
 
 // TODO: remove terra-application after it is incorporated into dev-site for themes or themes are co-located

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/OnlyCustomUtilityItems.test.jsx

@@ -1,8 +1,11 @@
 import React from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconPill from 'terra-icon/lib/icon/IconPill';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';
+import {
+  IconLightbulb,
+  IconPill,
+  IconSearch,
+  IconVisualization,
+} from 'terra-icon';
+
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 
 const utilityItems = [

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/StatedNotificationDemo.test.jsx

@@ -1,14 +1,15 @@
-import React, {
-  useState,
-} from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconManufacturer from 'terra-icon/lib/icon/IconManufacturer';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconScratchPad from 'terra-icon/lib/icon/IconScratchPad';
-import IconSave from 'terra-icon/lib/icon/IconSave';
-import IconPrinter from 'terra-icon/lib/icon/IconPrinter';
-import IconBookmark from 'terra-icon/lib/icon/IconBookmark';
-import IconAttachment from 'terra-icon/lib/icon/IconAttachment';
+import React, { useState } from 'react';
+import {
+  IconAttachment,
+  IconBookmark,
+  IconManufacturer,
+  IconPrinter,
+  IconSave,
+  IconScratchPad,
+  IconSearch,
+  IconVisualization,
+} from 'terra-icon';
+
 import PageContent from '../common/PageContent';
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 

packages/terra-application/src/terra-dev-site/test/application-navigation/private/application-navigation/Utilities.test.jsx

@@ -1,8 +1,10 @@
 import React from 'react';
-import IconSearch from 'terra-icon/lib/icon/IconSearch';
-import IconPill from 'terra-icon/lib/icon/IconPill';
-import IconVisualization from 'terra-icon/lib/icon/IconVisualization';
-import IconLightbulb from 'terra-icon/lib/icon/IconLightbulb';
+import {
+  IconSearch,
+  IconPill,
+  IconVisualization,
+  IconLightbulb,
+} from 'terra-icon';
 import ApplicationNavigation from '../../../../../application-navigation/private/ApplicationNavigation';
 
 const utilityItems = [

packages/terra-application/src/terra-dev-site/test/application-navigation/private/workspace-layout/WorkspaceLayoutClosedTest.test.jsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ApplicationNavigation, {
-  ApplicationNavigationActionsContext,
-} from 'terra-application/application-navigation';
+import ApplicationNavigation, { ApplicationNavigationActionsContext } from 'terra-application/application-navigation';
 import { WorkspaceContent } from 'terra-application/workspace';
 import WorkspaceLayout from 'terra-application/application-navigation/private/workspace-layout/WorkspaceLayout';
 

packages/terra-application/src/terra-dev-site/test/application-navigation/private/workspace-layout/WorkspaceLayoutOpenTest.test.jsx

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ApplicationNavigation, {
-  ApplicationNavigationActionsContext,
-} from 'terra-application/application-navigation';
+import ApplicationNavigation, { ApplicationNavigationActionsContext } from 'terra-application/application-navigation';
 import { WorkspaceContent } from 'terra-application/workspace';
 import WorkspaceLayout from 'terra-application/application-navigation/private/workspace-layout/WorkspaceLayout';
 

packages/terra-application/src/terra-dev-site/test/application-status-overlay/StatusOverlayAllProps.test.jsx

@@ -1,6 +1,5 @@
 import React from 'react';
-import ApplicationStatusOverlay from '../../../../lib/application-status-overlay/ApplicationStatusOverlay';
-import ApplicationStatusOverlayProvider from '../../../../lib/application-status-overlay/ApplicationStatusOverlayProvider';
+import ApplicationStatusOverlay, { ApplicationStatusOverlayProvider } from '../../../application-status-overlay';
 
 const ApplicationStatusOverlayAllProps = () => {
   const StatusViewButtons = [

packages/terra-application/src/terra-dev-site/test/application-status-overlay/StatusOverlayPriority.test.jsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import ApplicationStatusOverlay from '../../../../lib/application-status-overlay/ApplicationStatusOverlay';
-import ApplicationStatusOverlayProvider from '../../../../lib/application-status-overlay/ApplicationStatusOverlayProvider';
+import ApplicationStatusOverlay, { ApplicationStatusOverlayProvider } from '../../../../lib/application-status-overlay';
 
 const ApplicationStatusOverlayVariant = () => {
   const [variantType1, setVariantType1] = useState('error');

packages/terra-application/src/terra-dev-site/test/application-status-overlay/StatusOverlayVariant.test.jsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import ApplicationStatusOverlay from '../../../../lib/application-status-overlay/ApplicationStatusOverlay';
-import ApplicationStatusOverlayProvider from '../../../../lib/application-status-overlay/ApplicationStatusOverlayProvider';
+import ApplicationStatusOverlay, { ApplicationStatusOverlayProvider } from '../../../application-status-overlay';
 
 const ApplicationStatusOverlayVariant = () => {
   const [variantType, setVariantType] = useState();

packages/terra-application/src/terra-dev-site/test/modal-manager/DisclosureComponent.jsx

@@ -4,13 +4,13 @@ import classNames from 'classnames/bind';
 import CollapsibleMenuView from 'terra-collapsible-menu-view';
 import ContentContainer from 'terra-content-container';
 import {
+  DisclosureManagerHeaderAdapter,
   availableDisclosureHeights,
   availableDisclosureWidths,
-  withDisclosureManager,
-  disclosureManagerShape,
-  DisclosureManagerHeaderAdapter,
   closeMostRecentDisclosure,
+  disclosureManagerShape,
   getActiveDisclosureCount,
+  withDisclosureManager,
 } from '../../../disclosure-manager';
 import NavigationPrompt from '../../../navigation-prompt';
 import ApplicationLoadingOverlay from '../../../application-loading-overlay';

packages/terra-application/src/terra-dev-site/test/slide-panel-manager/DisclosureComponent.jsx

@@ -5,13 +5,13 @@ import classNames from 'classnames/bind';
 import CollapsibleMenuView from 'terra-collapsible-menu-view';
 import ContentContainer from 'terra-content-container';
 import {
+  DisclosureManagerHeaderAdapter,
   availableDisclosureHeights,
   availableDisclosureWidths,
-  withDisclosureManager,
-  disclosureManagerShape,
-  DisclosureManagerHeaderAdapter,
   closeMostRecentDisclosure,
+  disclosureManagerShape,
   getActiveDisclosureCount,
+  withDisclosureManager,
 } from '../../../disclosure-manager';
 import NavigationPrompt from '../../../navigation-prompt';
 import ApplicationLoadingOverlay from '../../../application-loading-overlay';

packages/terra-application/src/terra-dev-site/test/workspace/Tab1.jsx

@@ -1,9 +1,7 @@
 import React from 'react';
 import Toolbar from 'terra-toolbar';
 import Button from 'terra-button';
-import IconEdit from 'terra-icon/lib/icon/IconEdit';
-import IconAdd from 'terra-icon/lib/icon/IconAdd';
-import IconAttachment from 'terra-icon/lib/icon/IconAttachment';
+import { IconAdd, IconAttachment, IconEdit } from 'terra-icon';
 
 import { WorkspaceContent } from '../../../workspace';
 

packages/terra-application/src/terra-dev-site/test/workspace/Tab3.jsx

@@ -1,8 +1,7 @@
 import React from 'react';
 import Toolbar from 'terra-toolbar';
 import Button from 'terra-button';
-import IconEdit from 'terra-icon/lib/icon/IconEdit';
-import IconAdd from 'terra-icon/lib/icon/IconAdd';
+import { IconAdd, IconEdit } from 'terra-icon';
 
 import { WorkspaceContent } from '../../../workspace';