mod-arch-shared 1.22.0 → 1.22.1

package/dist/components/DashboardDescriptionListGroup.js

@@ -3,7 +3,7 @@ import { ActionList, ActionListItem, Button, DescriptionListDescription, Descrip
 import text from '@patternfly/react-styles/css/utilities/Text/text';
 import { CheckIcon, PencilAltIcon, TimesIcon, OutlinedQuestionCircleIcon, } from '@patternfly/react-icons';
 import './DashboardDescriptionListGroup.scss';
-import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
+import DashboardPopupIconButton from './dashboard/DashboardPopupIconButton';
 import { useBrowserUnloadBlocker } from '../utilities/useBrowserUnloadBlocker';
 import NavigationBlockerModal from './NavigationBlockerModal';
 const DashboardDescriptionListGroup = (props) => {

package/dist/components/DashboardSearchField.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { InputGroup, InputGroupItem, SearchInput } from '@patternfly/react-core';
-import SimpleSelect from '../components/SimpleSelect';
+import SimpleSelect from './SimpleSelect';
 import { asEnumMember } from '../utilities/utils';
 // List all the possible search fields here
 export var SearchType;

package/dist/components/EditableLabelsDescriptionListGroup.js

@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import { Label, LabelGroup, Alert, AlertVariant } from '@patternfly/react-core';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
-import DashboardDescriptionListGroup from '../components/DashboardDescriptionListGroup';
+import DashboardDescriptionListGroup from './DashboardDescriptionListGroup';
 export const EditableLabelsDescriptionListGroup = ({ title = 'Labels', contentWhenEmpty = 'No labels', labels, onLabelsChange, isArchive, allExistingKeys, labelProps = {}, isCollapsible = true, overflowCount, onEditingChange, }) => {
     const [isSavingEdits, setIsSavingEdits] = useState(false);
     const [hasSavedEdits, setHasSavedEdits] = useState(false);

package/dist/components/EditableTextDescriptionListGroup.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { DashboardDescriptionListGroupProps } from '../components/DashboardDescriptionListGroup';
+import { DashboardDescriptionListGroupProps } from './DashboardDescriptionListGroup';
 type EditableTextDescriptionListGroupProps = Pick<DashboardDescriptionListGroupProps, 'title' | 'contentWhenEmpty'> & {
     value: string;
     saveEditedValue: (value: string) => Promise<void>;

package/dist/components/EditableTextDescriptionListGroup.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Alert, AlertVariant, ExpandableSection, TextArea, TextInput, } from '@patternfly/react-core';
 import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
-import DashboardDescriptionListGroup from '../components/DashboardDescriptionListGroup';
-import FormFieldset from '../components/FormFieldset';
+import DashboardDescriptionListGroup from './DashboardDescriptionListGroup';
+import FormFieldset from './FormFieldset';
 const EditableTextDescriptionListGroup = ({ title, contentWhenEmpty, value, isArchive, saveEditedValue, baseTestId, editableVariant, truncateMaxLines = 12, onEditingChange, }) => {
     const [isEditing, setIsEditing] = React.useState(false);
     const [unsavedValue, setUnsavedValue] = React.useState(value);

package/dist/components/FieldGroupHelpLabelIcon.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Popover } from '@patternfly/react-core';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
-import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
+import DashboardPopupIconButton from './dashboard/DashboardPopupIconButton';
 const FieldGroupHelpLabelIcon = ({ content, onClick }) => (React.createElement(Popover, { bodyContent: content },
     React.createElement(DashboardPopupIconButton, { icon: React.createElement(OutlinedQuestionCircleIcon, null), "aria-label": "More info", onClick: onClick })));
 export default FieldGroupHelpLabelIcon;

package/dist/components/ResourceNameTooltip.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { K8sResourceCommon } from '../types';
-import '../components/NotebookController.scss';
+import './NotebookController.scss';
 type ResourceNameTooltipProps = {
     resource: K8sResourceCommon;
     children: React.ReactNode;

package/dist/components/ResourceNameTooltip.js

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { ClipboardCopy, DescriptionList, DescriptionListDescription, DescriptionListGroup, DescriptionListTerm, Flex, FlexItem, Popover, Stack, StackItem, } from '@patternfly/react-core';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
-import '../components/NotebookController.scss';
-import DashboardPopupIconButton from '../components/dashboard/DashboardPopupIconButton';
+import './NotebookController.scss';
+import DashboardPopupIconButton from './dashboard/DashboardPopupIconButton';
 const ResourceNameTooltip = ({ children, resource, wrap = true, }) => (React.createElement("div", { style: { display: wrap ? 'block' : 'inline-flex' } },
     React.createElement(Flex, { gap: { default: 'gapXs' }, alignItems: { default: 'alignItemsCenter' } },
         React.createElement(FlexItem, null, children),

package/dist/components/SimpleSelect.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Truncate, MenuToggle, 
 // eslint-disable-next-line no-restricted-imports
 Select, SelectList, SelectOption, SelectGroup, Divider, FormHelperText, HelperText, HelperTextItem, Skeleton, } from '@patternfly/react-core';
-import TruncatedText from '../components/TruncatedText';
+import TruncatedText from './TruncatedText';
 import './SimpleSelect.scss';
 const SimpleSelect = ({ isDisabled, onChange, options, groupedOptions, placeholder = 'Select...', value, toggleLabel, isFullWidth, icon, dataTestId, toggleProps, previewDescription = true, popperProps, isSkeleton, ...props }) => {
     const [open, setOpen] = React.useState(false);

package/dist/components/TypeaheadSelect.js

@@ -6,7 +6,7 @@ import {
 // eslint-disable-next-line no-restricted-imports
 Select, SelectOption, SelectList, MenuToggle, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, Button, FormHelperText, HelperTextItem, HelperText, } from '@patternfly/react-core';
 import { TimesIcon } from '@patternfly/react-icons';
-import TruncatedText from '../components/TruncatedText';
+import TruncatedText from './TruncatedText';
 const defaultNoOptionsFoundMessage = (filter) => `No results found for "${filter}"`;
 const defaultCreateOptionMessage = (newValue) => `Create "${newValue}"`;
 const defaultFilterFunction = (filterValue, options) => options.filter((o) => String(o.content).toLowerCase().includes(filterValue.toLowerCase()));

package/dist/components/WhosMyAdministrator.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button, Popover, PopoverPosition } from '@patternfly/react-core';
 import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
-import PopoverListContent from '../components/PopoverListContent';
+import PopoverListContent from './PopoverListContent';
 const WhosMyAdministrator = ({ buttonLabel = "Who's my administrator?", headerContent, leadText, isInline, contentTestId, linkTestId, popoverPosition = PopoverPosition.bottom, }) => (React.createElement(Popover, { showClose: true, position: popoverPosition, headerContent: headerContent || 'Your administrator might be:', hasAutoWidth: true, maxWidth: "370px", bodyContent: React.createElement(PopoverListContent, { "data-testid": contentTestId, leadText: leadText, listHeading: headerContent ? 'Your administrator might be:' : undefined, listItems: [
             'The person who gave you your username, or who helped you to log in for the first time',
             'Someone in your IT department or help desk',

package/dist/components/design/HeaderIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProjectObjectType, SectionType } from '../../components/design/utils';
+import { ProjectObjectType, SectionType } from './utils';
 interface HeaderIconProps {
     size?: number;
     padding?: number;

package/dist/components/design/HeaderIcon.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { sectionTypeBackgroundColor, typedBackgroundColor, sectionTypeIconColor, typedIconColor, } from '../../components/design/utils';
-import TypedObjectIcon from '../../components/design/TypedObjectIcon';
+import { sectionTypeBackgroundColor, typedBackgroundColor, sectionTypeIconColor, typedIconColor, } from './utils';
+import TypedObjectIcon from './TypedObjectIcon';
 const HeaderIcon = ({ size = 40, padding = 4, display = 'inline-block', type, sectionType, }) => (React.createElement("div", { style: {
         display,
         width: size,

package/dist/components/design/InfoGalleryItem.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { GalleryItemProps } from '@patternfly/react-core';
-import { SectionType } from '../../components/design/utils';
+import { SectionType } from './utils';
 type InfoGalleryItemProps = {
     title: string;
     imgSrc: string;

package/dist/components/design/InfoGalleryItem.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Button, ButtonVariant, Flex, FlexItem, Stack, StackItem, } from '@patternfly/react-core';
-import { sectionTypeBackgroundColor } from '../../components/design/utils';
-import DividedGalleryItem from '../../components/design/DividedGalleryItem';
+import { sectionTypeBackgroundColor } from './utils';
+import DividedGalleryItem from './DividedGalleryItem';
 const HEADER_ICON_SIZE = 40;
 const HEADER_ICON_PADDING = 2;
 const InfoGalleryItem = ({ title, imgSrc, sectionType, description, isOpen, onClick, testId, ...rest }) => (React.createElement(DividedGalleryItem, { "data-testid": testId, ...rest },

package/dist/components/design/TitleWithIcon.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProjectObjectType } from '../../components/design/utils';
+import { ProjectObjectType } from './utils';
 interface TitleWithIconProps {
     title: React.ReactNode;
     objectType: ProjectObjectType;

package/dist/components/design/TitleWithIcon.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Flex, FlexItem } from '@patternfly/react-core';
-import { typedBackgroundColor, typedObjectImage, } from '../../components/design/utils';
-import TypedObjectIcon from '../../components/design/TypedObjectIcon';
+import { typedBackgroundColor, typedObjectImage, } from './utils';
+import TypedObjectIcon from './TypedObjectIcon';
 const TitleWithIcon = ({ title, objectType, iconSize = 40, padding = 4, }) => (React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' }, alignItems: { default: 'alignItemsCenter' } },
     React.createElement(FlexItem, null,
         React.createElement("div", { style: {

package/dist/components/design/TypeBorderedCard.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { CardProps } from '@patternfly/react-core';
-import { ProjectObjectType, SectionType } from '../../components/design/utils';
+import { ProjectObjectType, SectionType } from './utils';
 import './TypeBorderCard.scss';
 type TypeBorderedCardProps = CardProps & {
     objectType?: ProjectObjectType;

package/dist/components/design/TypedObjectIcon.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { SVGIconProps } from '@patternfly/react-icons/dist/esm/createIcon';
-import { ProjectObjectType } from '../../components/design/utils';
+import { ProjectObjectType } from './utils';
 type TypedObjectIconProps = SVGIconProps & {
     resourceType: ProjectObjectType;
     useTypedColor?: boolean;

package/dist/components/design/TypedObjectIcon.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { ProjectObjectType, typedColor } from '../../components/design/utils';
+import { ProjectObjectType, typedColor } from './utils';
 import { AgentsCatalogIcon, GroupIcon, RegisteredModelIcon, McpCatalogIcon, UserIcon, ModelCatalogIcon, ModelRegistryNavigatorIcon, } from '../../images/icons';
 const TypedObjectIcon = ({ resourceType, useTypedColor, style, ...rest }) => {
     let Icon;

package/dist/components/table/TableRowTitleDescription.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Content } from '@patternfly/react-core';
-import MarkdownView from '../../components/MarkdownView';
+import MarkdownView from '../MarkdownView';
 const TableRowTitleDescription = ({ title, description, 
 // resource,
 subtitle, descriptionAsMarkdown, label, }) => {

package/dist/components/table/manageColumns/ManageColumnsModal.js

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { Button, Checkbox, EmptyState, EmptyStateBody, EmptyStateVariant, Flex, FlexItem, Label, Stack, StackItem, Tooltip, } from '@patternfly/react-core';
 import { SearchIcon } from '@patternfly/react-icons';
 import { DragDropSort, } from '@patternfly/react-drag-drop';
-import ContentModal from '../../../components/modals/ContentModal';
+import ContentModal from '../../modals/ContentModal';
 import { ManageColumnSearchInput } from './ManageColumnSearchInput';
 import { reorderColumns } from './utils';
 import './ManageColumnsModal.scss';

package/dist/components/table/useCheckboxTable.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { useCheckboxTableBase } from '../../components/table';
+import { useCheckboxTableBase } from '.';
 const useCheckboxTable = (dataIds, defaultSelectedIds, persistSelections) => {
     const [selectedIds, setSelectedIds] = React.useState(defaultSelectedIds ?? []);
     return useCheckboxTableBase(dataIds, selectedIds, setSelectedIds, React.useCallback((d) => d, []), { persistSelections });

package/dist/types/k8sTypes.d.ts

@@ -1,5 +1,5 @@
-import { EitherNotBoth } from '../types/typeHelpers';
-import { ContainerResources, K8sResourceCommon, NodeSelector, PodAffinity, TolerationEffect, TolerationOperator, Volume, VolumeMount } from '../types/common';
+import { EitherNotBoth } from './typeHelpers';
+import { ContainerResources, K8sResourceCommon, NodeSelector, PodAffinity, TolerationEffect, TolerationOperator, Volume, VolumeMount } from './common';
 export type K8sCondition = {
     type: string;
     status: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mod-arch-shared",
-  "version": "1.22.0",
+  "version": "1.22.1",
   "description": "Shared UI components and utilities for modular architecture micro-frontend projects",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -50,8 +50,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "mod-arch-core": ">=1.22.0",
-    "mod-arch-kubeflow": ">=1.22.0",
+    "mod-arch-core": ">=1.22.1",
+    "mod-arch-kubeflow": ">=1.22.1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-router-dom": ">=6.4.0"
@@ -64,42 +64,41 @@
     "@testing-library/jest-dom": "^6.6.2",
     "@testing-library/react": "^16.1.0",
     "@types/classnames": "^2.3.1",
-    "@types/dompurify": "^3.0.5",
     "@types/jest": "^29.5.13",
     "@types/lodash-es": "^4.17.8",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.1",
     "@types/showdown": "^2.0.3",
-    "@patternfly/react-core": "^6.4.0",
-    "@patternfly/react-icons": "^6.4.0",
-    "@patternfly/react-styles": "^6.4.0",
-    "@patternfly/react-table": "^6.4.0",
-    "core-js": "^3.40.0",
+    "@patternfly/react-core": "^6.6.2",
+    "@patternfly/react-icons": "^6.6.1",
+    "@patternfly/react-styles": "^6.6.1",
+    "@patternfly/react-table": "^6.6.2",
+    "core-js": "^3.50.0",
     "expect": "^29.7.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "npm-run-all2": "^7.0.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-router-dom": "^6.30.4",
-    "sass": "^1.83.0",
-    "ts-jest": "^29.2.6",
-    "tsc-alias": "^1.8.15",
+    "react-router-dom": "^6.30.6",
+    "sass": "^1.103.1",
+    "ts-jest": "^29.4.12",
+    "tsc-alias": "^1.9.3",
     "typescript": "^5.0.4",
-    "mod-arch-core": "1.22.0",
-    "mod-arch-kubeflow": "1.22.0"
+    "mod-arch-core": "1.22.1",
+    "mod-arch-kubeflow": "1.22.1"
   },
   "dependencies": {
-    "@patternfly/patternfly": "^6.4.0",
-    "@patternfly/react-drag-drop": "^6.4.0",
-    "classnames": "^2.2.6",
-    "dompurify": "^3.4.13",
+    "@patternfly/patternfly": "^6.6.1",
+    "@patternfly/react-drag-drop": "^6.6.2",
+    "classnames": "^2.5.1",
+    "dompurify": "^3.4.14",
     "lodash-es": "^4.18.1",
     "showdown": "^2.1.0"
   },
   "optionalDependencies": {
-    "@typescript-eslint/eslint-plugin": "^8.26.1",
-    "@typescript-eslint/parser": "^8.26.1",
+    "@typescript-eslint/eslint-plugin": "^8.69.0",
+    "@typescript-eslint/parser": "^8.69.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-import-resolver-node": "^0.3.7",