mod-arch-shared 1.9.1 → 1.10.1

package/dist/components/modals/ContentModal.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { ButtonProps, ModalProps, ModalHeaderProps } from '@patternfly/react-core';
+export type ButtonAction = {
+    label: string;
+    onClick: () => void;
+    variant?: ButtonProps['variant'];
+    dataTestId?: string;
+};
+export type ContentModalProps = {
+    onClose: () => void;
+    contents: React.ReactNode;
+    title: string | React.ReactNode;
+    buttonActions?: ButtonAction[];
+    description?: React.ReactNode;
+    disableFocusTrap?: boolean;
+    dataTestId?: string;
+    bodyClassName?: string;
+    variant?: ModalProps['variant'];
+    bodyLabel?: string;
+    titleIconVariant?: ModalHeaderProps['titleIconVariant'];
+};
+declare const ContentModal: React.FC<ContentModalProps>;
+export default ContentModal;
+//# sourceMappingURL=ContentModal.d.ts.map

package/dist/components/modals/ContentModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModal.d.ts","sourceRoot":"","sources":["../../../components/modals/ContentModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAML,WAAW,EACX,UAAU,EACV,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;CACzD,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoD7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/modals/ContentModal.js

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { useId } from 'react';
+import { Modal, ModalBody, ModalHeader, ModalFooter, Button, } from '@patternfly/react-core';
+const ContentModal = ({ onClose, contents, title, buttonActions, description, disableFocusTrap, dataTestId = 'content-modal', bodyClassName, variant = 'medium', bodyLabel, titleIconVariant, }) => {
+    const headingId = useId();
+    const descriptionId = useId();
+    return (React.createElement(Modal, { "data-testid": dataTestId, isOpen: true, variant: variant, onClose: onClose, disableFocusTrap: disableFocusTrap, "aria-labelledby": headingId, "aria-describedby": description ? descriptionId : undefined },
+        React.createElement(ModalHeader, { title: title, labelId: headingId, description: description ? React.createElement("div", { id: descriptionId }, description) : undefined, titleIconVariant: titleIconVariant, "data-testid": "generic-modal-header" }),
+        React.createElement(ModalBody, { className: bodyClassName, "aria-label": bodyLabel }, contents),
+        buttonActions && (React.createElement(ModalFooter, null, buttonActions.map((action, index) => (React.createElement(Button, { key: `${action.label}-${index}`, variant: action.variant, onClick: action.onClick, "data-testid": action.dataTestId }, action.label)))))));
+};
+export default ContentModal;
+//# sourceMappingURL=ContentModal.js.map

package/dist/components/modals/ContentModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentModal.js","sourceRoot":"","sources":["../../../components/modals/ContentModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,SAAS,EACT,WAAW,EACX,WAAW,EACX,MAAM,GAIP,MAAM,wBAAwB,CAAC;AAuBhC,MAAM,YAAY,GAAgC,CAAC,EACjD,OAAO,EACP,QAAQ,EACR,KAAK,EACL,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,UAAU,GAAG,eAAe,EAC5B,aAAa,EACb,OAAO,GAAG,QAAQ,EAClB,SAAS,EACT,gBAAgB,GACjB,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,EAAE,CAAC;IAC1B,MAAM,aAAa,GAAG,KAAK,EAAE,CAAC;IAE9B,OAAO,CACL,oBAAC,KAAK,mBACS,UAAU,EACvB,MAAM,QACN,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,qBACjB,SAAS,sBACR,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;QAEzD,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,EAClB,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,6BAAK,EAAE,EAAE,aAAa,IAAG,WAAW,CAAO,CAAC,CAAC,CAAC,SAAS,EAClF,gBAAgB,EAAE,gBAAgB,iBACtB,sBAAsB,GAClC;QACF,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,gBAAc,SAAS,IACvD,QAAQ,CACC;QACX,aAAa,IAAI,CAChB,oBAAC,WAAW,QACT,aAAa,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,oBAAC,MAAM,IACL,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,KAAK,EAAE,EAC/B,OAAO,EAAE,MAAM,CAAC,OAAO,EACvB,OAAO,EAAE,MAAM,CAAC,OAAO,iBACV,MAAM,CAAC,UAAU,IAE7B,MAAM,CAAC,KAAK,CACN,CACV,CAAC,CACU,CACf,CACK,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/table/index.d.ts

@@ -2,10 +2,17 @@ export * from './types';
 export * from './const';
 export { default as Table } from './Table';
 export { default as TableBase } from './TableBase';
+export { useManageColumns } from './useManageColumns';
+export type { ManagedColumn, UseManageColumnsConfig, UseManageColumnsResult, } from './useManageColumns';
 export { default as useCheckboxTable } from './useCheckboxTable';
 export { default as useCheckboxTableBase } from './useCheckboxTableBase';
 export type { UseCheckboxTableBaseProps } from './useCheckboxTableBase';
 export { default as TableRowTitleDescription } from './TableRowTitleDescription';
 export { default as CheckboxTd } from './CheckboxTd';
 export { getTableColumnSort } from './useTableColumnSort';
+export { ManageColumnsModal } from './manageColumns/ManageColumnsModal';
+export type { ManageColumnsModalProps } from './manageColumns/ManageColumnsModal';
+export { ManageColumnSearchInput } from './manageColumns/ManageColumnSearchInput';
+export type { ManageColumnSearchInputProps } from './manageColumns/ManageColumnSearchInput';
+export { reorderColumns } from './manageColumns/utils';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,aAAa,EACb,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACzE,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAExE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AACxE,YAAY,EAAE,uBAAuB,EAAE,MAAM,oCAAoC,CAAC;AAClF,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAClF,YAAY,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAC5F,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/table/index.js

@@ -2,9 +2,13 @@ export * from './types';
 export * from './const';
 export { default as Table } from './Table';
 export { default as TableBase } from './TableBase';
+export { useManageColumns } from './useManageColumns';
 export { default as useCheckboxTable } from './useCheckboxTable';
 export { default as useCheckboxTableBase } from './useCheckboxTableBase';
 export { default as TableRowTitleDescription } from './TableRowTitleDescription';
 export { default as CheckboxTd } from './CheckboxTd';
 export { getTableColumnSort } from './useTableColumnSort';
+export { ManageColumnsModal } from './manageColumns/ManageColumnsModal';
+export { ManageColumnSearchInput } from './manageColumns/ManageColumnSearchInput';
+export { reorderColumns } from './manageColumns/utils';
 //# sourceMappingURL=index.js.map

package/dist/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/table/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAMtD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAGzE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAC;AAExE,OAAO,EAAE,uBAAuB,EAAE,MAAM,yCAAyC,CAAC;AAElF,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/table/manageColumns/ManageColumnSearchInput.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ManageColumnSearchInputProps {
+    value: string;
+    placeholder?: string;
+    onSearch: (value: string) => void;
+    dataTestId?: string;
+}
+export declare const ManageColumnSearchInput: React.FC<ManageColumnSearchInputProps>;
+//# sourceMappingURL=ManageColumnSearchInput.d.ts.map

package/dist/components/table/manageColumns/ManageColumnSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageColumnSearchInput.d.ts","sourceRoot":"","sources":["../../../../components/table/manageColumns/ManageColumnSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,4BAA4B;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,4BAA4B,CAsB1E,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SearchInput } from '@patternfly/react-core';
+export const ManageColumnSearchInput = ({ value, placeholder = 'Filter by column name', onSearch, dataTestId = 'manage-column-search', }) => {
+    const handleChange = React.useCallback((_, newValue) => {
+        onSearch(newValue);
+    }, [onSearch]);
+    return (React.createElement(SearchInput, { "data-testid": dataTestId, placeholder: placeholder, value: value, onChange: handleChange, onClear: () => handleChange(null, '') }));
+};
+//# sourceMappingURL=ManageColumnSearchInput.js.map

package/dist/components/table/manageColumns/ManageColumnSearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageColumnSearchInput.js","sourceRoot":"","sources":["../../../../components/table/manageColumns/ManageColumnSearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AASrD,MAAM,CAAC,MAAM,uBAAuB,GAA2C,CAAC,EAC9E,KAAK,EACL,WAAW,GAAG,uBAAuB,EACrC,QAAQ,EACR,UAAU,GAAG,sBAAsB,GACpC,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CACpC,CAAC,CAA2C,EAAE,QAAgB,EAAE,EAAE;QAChE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACrB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,oBAAC,WAAW,mBACG,UAAU,EACvB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,CAAC,GACrC,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/table/manageColumns/ManageColumnsModal.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import type { UseManageColumnsResult } from '../useManageColumns';
+/**
+ * Configuration for the ManageColumnsModal
+ */
+export interface ManageColumnsModalProps {
+    /** Result from useManageColumns hook - provides columns, callbacks, modal state, and defaults */
+    manageColumnsResult: Pick<UseManageColumnsResult<unknown>, 'managedColumns' | 'setVisibleColumnIds' | 'defaultVisibleColumnIds' | 'isModalOpen' | 'closeModal'>;
+    /** Modal title - defaults to "Customize columns" */
+    title?: string;
+    /** Description text shown above the column list */
+    description?: string;
+    /** Maximum number of columns that can be selected, undefined = unlimited */
+    maxSelections?: number;
+    /** Tooltip text when max is reached */
+    maxSelectionsTooltip?: string;
+    /** Placeholder for the search input */
+    searchPlaceholder?: string;
+    /** Test ID prefix for data-testid attributes */
+    dataTestId?: string;
+}
+export declare const ManageColumnsModal: React.FC<ManageColumnsModalProps>;
+//# sourceMappingURL=ManageColumnsModal.d.ts.map

package/dist/components/table/manageColumns/ManageColumnsModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManageColumnsModal.d.ts","sourceRoot":"","sources":["../../../../components/table/manageColumns/ManageColumnsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B,OAAO,KAAK,EAAiB,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAEjF;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,iGAAiG;IACjG,mBAAmB,EAAE,IAAI,CACvB,sBAAsB,CAAC,OAAO,CAAC,EAC7B,gBAAgB,GAChB,qBAAqB,GACrB,yBAAyB,GACzB,aAAa,GACb,YAAY,CACf,CAAC;IACF,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uCAAuC;IACvC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAgNhE,CAAC"}

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

@@ -0,0 +1,108 @@
+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 { ManageColumnSearchInput } from './ManageColumnSearchInput';
+import { reorderColumns } from './utils';
+export const ManageColumnsModal = ({ manageColumnsResult, title = 'Customize columns', description, maxSelections, maxSelectionsTooltip = 'Maximum columns selected.', searchPlaceholder = 'Filter by column name', dataTestId = 'manage-columns-modal', }) => {
+    const { managedColumns: initialColumns, setVisibleColumnIds, defaultVisibleColumnIds, isModalOpen, closeModal, } = manageColumnsResult;
+    const [columns, setColumns] = React.useState(initialColumns);
+    const [searchValue, setSearchValue] = React.useState('');
+    // Normalize whitespace (including NBSP) to regular spaces for search comparison
+    const normalizeWhitespace = (str) => str.replace(/\s+/g, ' ');
+    // Derive filtered columns from search
+    const columnsMatchingSearch = React.useMemo(() => searchValue
+        ? columns.filter((col) => normalizeWhitespace(col.label.toLowerCase()).includes(normalizeWhitespace(searchValue.toLowerCase())))
+        : columns, [columns, searchValue]);
+    // Reset state when modal opens with new columns
+    React.useEffect(() => {
+        if (isModalOpen) {
+            setColumns(initialColumns);
+            setSearchValue('');
+        }
+    }, [isModalOpen, initialColumns]);
+    const selectedCount = columns.filter((col) => col.isVisible).length;
+    const isMaxReached = maxSelections !== undefined && selectedCount >= maxSelections;
+    const handleUpdate = React.useCallback(() => {
+        const visibleColumnIds = columns.filter((col) => col.isVisible).map((col) => col.id);
+        setVisibleColumnIds(visibleColumnIds);
+        closeModal();
+    }, [columns, setVisibleColumnIds, closeModal]);
+    const handleSearch = React.useCallback((value) => {
+        setSearchValue(value);
+    }, []);
+    const handleToggleColumn = React.useCallback((columnId, isChecked) => {
+        setColumns((prev) => prev.map((col) => (col.id === columnId ? { ...col, isVisible: isChecked } : col)));
+    }, []);
+    const handleDrop = React.useCallback((_, newItems) => {
+        const reorderedIds = newItems.map((item) => String(item.id));
+        const matchingIds = new Set(columnsMatchingSearch.map((c) => c.id));
+        setColumns((prev) => reorderColumns(prev, matchingIds, reorderedIds));
+    }, [columnsMatchingSearch]);
+    const handleRestoreDefaults = React.useCallback(() => {
+        if (!defaultVisibleColumnIds) {
+            return;
+        }
+        // Update visibility based on default column IDs
+        // Also reorder to put default columns first in their original order
+        setColumns((prev) => {
+            const defaultSet = new Set(defaultVisibleColumnIds);
+            const defaultColumns = defaultVisibleColumnIds
+                .map((id) => prev.find((col) => col.id === id))
+                .filter((col) => col !== undefined)
+                .map((col) => ({ ...col, isVisible: true }));
+            const nonDefaultColumns = prev
+                .filter((col) => !defaultSet.has(col.id))
+                .map((col) => ({ ...col, isVisible: false }));
+            return [...defaultColumns, ...nonDefaultColumns];
+        });
+    }, [defaultVisibleColumnIds]);
+    if (!isModalOpen) {
+        return null;
+    }
+    const buttonActions = [
+        {
+            label: 'Update',
+            onClick: handleUpdate,
+            variant: 'primary',
+            dataTestId: `${dataTestId}-update-button`,
+        },
+        {
+            label: 'Cancel',
+            onClick: closeModal,
+            variant: 'link',
+            dataTestId: `${dataTestId}-cancel-button`,
+        },
+    ];
+    const descriptionContent = (React.createElement(Stack, { hasGutter: true, className: "pf-v6-u-pb-md" },
+        description && React.createElement(StackItem, { className: "pf-v6-u-mt-sm" }, description),
+        React.createElement(StackItem, null,
+            React.createElement(ManageColumnSearchInput, { value: searchValue, placeholder: searchPlaceholder, onSearch: handleSearch, dataTestId: `${dataTestId}-search` })),
+        React.createElement(StackItem, null,
+            React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' }, alignItems: { default: 'alignItemsCenter' } },
+                React.createElement(FlexItem, null,
+                    React.createElement(Label, null,
+                        selectedCount,
+                        " / total ",
+                        columns.length,
+                        " selected")),
+                defaultVisibleColumnIds && (React.createElement(FlexItem, null,
+                    React.createElement(Button, { variant: "link", isInline: true, onClick: handleRestoreDefaults, "data-testid": `${dataTestId}-restore-defaults` }, "Restore default columns")))))));
+    const draggableItems = columnsMatchingSearch.map((col) => {
+        const currentCol = columns.find((c) => c.id === col.id) ?? col;
+        const isDisabled = isMaxReached && !currentCol.isVisible;
+        const checkbox = (React.createElement(Checkbox, { id: col.id, "aria-label": col.label, isChecked: currentCol.isVisible, isDisabled: isDisabled, onChange: (_, checked) => handleToggleColumn(col.id, checked) }));
+        return {
+            id: col.id,
+            content: (React.createElement("div", { className: "pf-v6-u-display-inline-block" },
+                React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' }, flexWrap: { default: 'nowrap' }, spaceItems: { default: 'spaceItemsSm' } },
+                    React.createElement(FlexItem, null, isDisabled ? React.createElement(Tooltip, { content: maxSelectionsTooltip }, checkbox) : checkbox),
+                    React.createElement(FlexItem, null, col.label)))),
+            props: { checked: currentCol.isVisible },
+        };
+    });
+    return (React.createElement(ContentModal, { onClose: closeModal, title: title, description: descriptionContent, contents: columnsMatchingSearch.length === 0 && searchValue ? (React.createElement(EmptyState, { headingLevel: "h4", icon: SearchIcon, titleText: "No results found", variant: EmptyStateVariant.sm },
+            React.createElement(EmptyStateBody, null, "No columns match your search. Try adjusting your search terms."))) : (React.createElement(DragDropSort, { items: draggableItems, variant: "default", onDrop: handleDrop })), buttonActions: buttonActions, dataTestId: dataTestId, variant: "small", bodyLabel: "Column names" }));
+};
+//# sourceMappingURL=ManageColumnsModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ManageColumnsModal.js","sourceRoot":"","sources":["../../../../components/table/manageColumns/ManageColumnsModal.tsx"],"names":[],"mappings":"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"}

package/dist/components/table/manageColumns/utils.d.ts

@@ -0,0 +1,16 @@
+import type { ManagedColumn } from '../useManageColumns';
+/**
+ * Reorders columns while preserving the positions of non-matching columns.
+ *
+ * When a user reorders columns during a search filter, only the filtered (matching)
+ * columns should change their relative order. Non-matching columns stay in their
+ * original positions.
+ *
+ * Example:
+ * - columns: [A, B, C, D, E]
+ * - matchingIds: [B, D] (search matches B and D)
+ * - reorderedIds: [D, B] (user dragged D before B)
+ * - result: [A, D, C, B, E] (B and D swap positions, others unchanged)
+ */
+export declare const reorderColumns: (columns: ManagedColumn[], matchingIds: Set<string>, reorderedIds: string[]) => ManagedColumn[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/table/manageColumns/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../components/table/manageColumns/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,cAAc,GACzB,SAAS,aAAa,EAAE,EACxB,aAAa,GAAG,CAAC,MAAM,CAAC,EACxB,cAAc,MAAM,EAAE,KACrB,aAAa,EAuBf,CAAC"}

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

@@ -0,0 +1,34 @@
+/**
+ * Reorders columns while preserving the positions of non-matching columns.
+ *
+ * When a user reorders columns during a search filter, only the filtered (matching)
+ * columns should change their relative order. Non-matching columns stay in their
+ * original positions.
+ *
+ * Example:
+ * - columns: [A, B, C, D, E]
+ * - matchingIds: [B, D] (search matches B and D)
+ * - reorderedIds: [D, B] (user dragged D before B)
+ * - result: [A, D, C, B, E] (B and D swap positions, others unchanged)
+ */
+export const reorderColumns = (columns, matchingIds, reorderedIds) => {
+    const columnMap = new Map(columns.map((col) => [col.id, col]));
+    // Find indices where matching columns are located
+    const matchingIndices = [];
+    columns.forEach((col, index) => {
+        if (matchingIds.has(col.id)) {
+            matchingIndices.push(index);
+        }
+    });
+    // Start with a copy of columns (non-matching columns stay in place)
+    const result = [...columns];
+    // Place reordered columns at the original matching indices
+    reorderedIds.forEach((id, i) => {
+        const col = columnMap.get(id);
+        if (col && i < matchingIndices.length) {
+            result[matchingIndices[i]] = col;
+        }
+    });
+    return result;
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/table/manageColumns/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../components/table/manageColumns/utils.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,OAAwB,EACxB,WAAwB,EACxB,YAAsB,EACL,EAAE;IACnB,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IAE/D,kDAAkD;IAClD,MAAM,eAAe,GAAa,EAAE,CAAC;IACrC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QAC7B,IAAI,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC;YAC5B,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,oEAAoE;IACpE,MAAM,MAAM,GAAG,CAAC,GAAG,OAAO,CAAC,CAAC;IAE5B,2DAA2D;IAC3D,YAAY,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;QAC7B,MAAM,GAAG,GAAG,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAC9B,IAAI,GAAG,IAAI,CAAC,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC;YACtC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;QACnC,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/dist/components/table/useManageColumns.d.ts

@@ -0,0 +1,48 @@
+import { SortableData } from './types';
+/**
+ * Represents a column that can be managed (shown/hidden, reordered)
+ */
+export interface ManagedColumn {
+    /** Unique identifier for the column (typically matches SortableData.field) */
+    id: string;
+    /** Display label for the column */
+    label: string;
+    /** Whether the column is currently visible */
+    isVisible: boolean;
+}
+/**
+ * Configuration for the useManageColumns hook
+ */
+export interface UseManageColumnsConfig<T, C extends SortableData<T> = SortableData<T>> {
+    /** All possible columns (the full column definition) */
+    allColumns: C[];
+    /** Unique key for localStorage persistence */
+    storageKey: string;
+    /** Default visible column fields when no localStorage value exists */
+    defaultVisibleColumnIds?: string[];
+    /** Maximum number of manageable columns that can be visible */
+    maxVisibleColumns?: number;
+}
+/**
+ * Return type for the useManageColumns hook
+ */
+export interface UseManageColumnsResult<T, C extends SortableData<T> = SortableData<T>> {
+    /** The columns to render in the table, filtered and ordered by visibility settings */
+    visibleColumns: C[];
+    /** All manageable columns with their current visibility state (for the modal) */
+    managedColumns: ManagedColumn[];
+    /** Callback to update which columns are visible (called from modal) */
+    setVisibleColumnIds: (columnIds: string[]) => void;
+    /** The currently visible column IDs (for display purposes like "X of Y selected") */
+    visibleColumnIds: string[];
+    /** Default visible column fields when no localStorage value exists. Returned as-is for convenience to pass to ManageColumnsModal. */
+    defaultVisibleColumnIds?: string[];
+    /** Whether the manage columns modal is open */
+    isModalOpen: boolean;
+    /** Opens the manage columns modal */
+    openModal: () => void;
+    /** Closes the manage columns modal */
+    closeModal: () => void;
+}
+export declare const useManageColumns: <T, C extends SortableData<T> = SortableData<T>>({ allColumns, storageKey, defaultVisibleColumnIds, maxVisibleColumns, }: UseManageColumnsConfig<T, C>) => UseManageColumnsResult<T, C>;
+//# sourceMappingURL=useManageColumns.d.ts.map

package/dist/components/table/useManageColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManageColumns.d.ts","sourceRoot":"","sources":["../../../components/table/useManageColumns.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,8EAA8E;IAC9E,EAAE,EAAE,MAAM,CAAC;IACX,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;IACpF,wDAAwD;IACxD,UAAU,EAAE,CAAC,EAAE,CAAC;IAChB,8CAA8C;IAC9C,UAAU,EAAE,MAAM,CAAC;IACnB,sEAAsE;IACtE,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB,CAAC,CAAC,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;IACpF,sFAAsF;IACtF,cAAc,EAAE,CAAC,EAAE,CAAC;IACpB,iFAAiF;IACjF,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,uEAAuE;IACvE,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACnD,qFAAqF;IACrF,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,qIAAqI;IACrI,uBAAuB,CAAC,EAAE,MAAM,EAAE,CAAC;IACnC,+CAA+C;IAC/C,WAAW,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,sCAAsC;IACtC,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,CAAC,SAAS,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,EAAE,yEAK9E,sBAAsB,CAAC,CAAC,EAAE,CAAC,CAAC,KAAG,sBAAsB,CAAC,CAAC,EAAE,CAAC,CA6H5D,CAAC"}

package/dist/components/table/useManageColumns.js

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { useBrowserStorage } from 'mod-arch-core';
+import { CHECKBOX_FIELD_ID, EXPAND_FIELD_ID, KEBAB_FIELD_ID } from './const';
+// Fields that are never manageable by users (UI chrome columns)
+const NON_MANAGEABLE_FIELDS = [CHECKBOX_FIELD_ID, KEBAB_FIELD_ID, EXPAND_FIELD_ID];
+export const useManageColumns = ({ allColumns, storageKey, defaultVisibleColumnIds, maxVisibleColumns, }) => {
+    // Get manageable columns (those that can be shown/hidden)
+    const manageableColumns = React.useMemo(() => allColumns.filter((col) => !NON_MANAGEABLE_FIELDS.includes(col.field)), [allColumns]);
+    // Calculate default visible fields if not provided
+    const effectivedefaultVisibleColumnIds = React.useMemo(() => {
+        if (defaultVisibleColumnIds) {
+            const normalizedDefaults = defaultVisibleColumnIds.filter((id) => manageableColumns.some((col) => col.field === id));
+            const defaultCount = maxVisibleColumns ?? 2;
+            return normalizedDefaults.slice(0, defaultCount);
+        }
+        // Default: show first maxVisibleColumns columns, or first 2 if not specified
+        const manageableFields = manageableColumns.map((col) => col.field);
+        const defaultCount = maxVisibleColumns ?? 2;
+        return manageableFields.slice(0, defaultCount);
+    }, [defaultVisibleColumnIds, manageableColumns, maxVisibleColumns]);
+    // Persist visible column IDs to localStorage
+    const [storedVisibleIds, setStoredVisibleIds] = useBrowserStorage(storageKey, effectivedefaultVisibleColumnIds, true);
+    // Build the managed columns list for the modal
+    // Preserves order from storage, adds any new columns at the end
+    const managedColumns = React.useMemo(() => {
+        const orderedIds = [...storedVisibleIds];
+        const allManageableIds = manageableColumns.map((col) => col.field);
+        // Add columns that are not in storage (new columns)
+        allManageableIds.forEach((id) => {
+            if (!orderedIds.includes(id)) {
+                orderedIds.push(id);
+            }
+        });
+        return orderedIds
+            .filter((id) => allManageableIds.includes(id)) // Remove deleted columns
+            .map((id) => {
+            const col = manageableColumns.find((c) => c.field === id);
+            if (!col) {
+                return null;
+            }
+            return {
+                id: col.field,
+                label: col.label,
+                isVisible: storedVisibleIds.includes(col.field),
+            };
+        })
+            .filter((col) => col !== null);
+    }, [manageableColumns, storedVisibleIds]);
+    // Build the final visible columns for the table
+    const visibleColumns = React.useMemo(() => {
+        const result = [];
+        // First, add columns that come before manageable columns (like checkbox)
+        allColumns.forEach((col) => {
+            if (col.field === CHECKBOX_FIELD_ID || col.field === EXPAND_FIELD_ID) {
+                result.push(col);
+            }
+        });
+        // Add visible manageable columns in their stored order
+        const visibleManageableIds = storedVisibleIds.filter((id) => manageableColumns.some((col) => col.field === id));
+        visibleManageableIds.forEach((id) => {
+            const col = manageableColumns.find((c) => c.field === id);
+            if (col) {
+                result.push(col);
+            }
+        });
+        // Add kebab column at the end if present
+        const kebabCol = allColumns.find((col) => col.field === KEBAB_FIELD_ID);
+        if (kebabCol) {
+            result.push(kebabCol);
+        }
+        return result;
+    }, [allColumns, storedVisibleIds, manageableColumns]);
+    const setVisibleColumnIds = React.useCallback((columnIds) => {
+        const uniqueManageableIds = Array.from(new Set(columnIds)).filter((id) => manageableColumns.some((col) => col.field === id));
+        const normalizedIds = maxVisibleColumns !== undefined
+            ? uniqueManageableIds.slice(0, maxVisibleColumns)
+            : uniqueManageableIds;
+        setStoredVisibleIds(normalizedIds);
+    }, [setStoredVisibleIds, manageableColumns, maxVisibleColumns]);
+    // Modal state management
+    const [isModalOpen, setIsModalOpen] = React.useState(false);
+    const openModal = React.useCallback(() => {
+        setIsModalOpen(true);
+    }, []);
+    const closeModal = React.useCallback(() => {
+        setIsModalOpen(false);
+    }, []);
+    return {
+        visibleColumns,
+        managedColumns,
+        setVisibleColumnIds,
+        visibleColumnIds: storedVisibleIds,
+        defaultVisibleColumnIds,
+        isModalOpen,
+        openModal,
+        closeModal,
+    };
+};
+//# sourceMappingURL=useManageColumns.js.map

package/dist/components/table/useManageColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManageColumns.js","sourceRoot":"","sources":["../../../components/table/useManageColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE7E,gEAAgE;AAChE,MAAM,qBAAqB,GAAG,CAAC,iBAAiB,EAAE,cAAc,EAAE,eAAe,CAAC,CAAC;AAkDnF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAiD,EAC/E,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,iBAAiB,GACY,EAAgC,EAAE;IAC/D,0DAA0D;IAC1D,MAAM,iBAAiB,GAAG,KAAK,CAAC,OAAO,CACrC,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,qBAAqB,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAC5E,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,mDAAmD;IACnD,MAAM,gCAAgC,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC1D,IAAI,uBAAuB,EAAE,CAAC;YAC5B,MAAM,kBAAkB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAC/D,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC,CAClD,CAAC;YACF,MAAM,YAAY,GAAG,iBAAiB,IAAI,CAAC,CAAC;YAC5C,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;QACnD,CAAC;QACD,6EAA6E;QAC7E,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACnE,MAAM,YAAY,GAAG,iBAAiB,IAAI,CAAC,CAAC;QAC5C,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,uBAAuB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEpE,6CAA6C;IAC7C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAC/D,UAAU,EACV,gCAAgC,EAChC,IAAI,CACL,CAAC;IAEF,+CAA+C;IAC/C,gEAAgE;IAChE,MAAM,cAAc,GAAoB,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACzD,MAAM,UAAU,GAAG,CAAC,GAAG,gBAAgB,CAAC,CAAC;QACzC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEnE,oDAAoD;QACpD,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAC9B,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC;gBAC7B,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU;aACd,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,yBAAyB;aACvE,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YACV,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;YAC1D,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAO,IAAI,CAAC;YACd,CAAC;YACD,OAAO;gBACL,EAAE,EAAE,GAAG,CAAC,KAAK;gBACb,KAAK,EAAE,GAAG,CAAC,KAAK;gBAChB,SAAS,EAAE,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;aAChD,CAAC;QACJ,CAAC,CAAC;aACD,MAAM,CAAC,CAAC,GAAG,EAAwB,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC,CAAC;IACzD,CAAC,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE1C,gDAAgD;IAChD,MAAM,cAAc,GAAQ,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC7C,MAAM,MAAM,GAAQ,EAAE,CAAC;QAEvB,yEAAyE;QACzE,UAAU,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;YACzB,IAAI,GAAG,CAAC,KAAK,KAAK,iBAAiB,IAAI,GAAG,CAAC,KAAK,KAAK,eAAe,EAAE,CAAC;gBACrE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,uDAAuD;QACvD,MAAM,oBAAoB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CAC1D,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC,CAClD,CAAC;QAEF,oBAAoB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE;YAClC,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC;YAC1D,IAAI,GAAG,EAAE,CAAC;gBACR,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACnB,CAAC;QACH,CAAC,CAAC,CAAC;QAEH,yCAAyC;QACzC,MAAM,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,cAAc,CAAC,CAAC;QACxE,IAAI,QAAQ,EAAE,CAAC;YACb,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACxB,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,UAAU,EAAE,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEtD,MAAM,mBAAmB,GAAG,KAAK,CAAC,WAAW,CAC3C,CAAC,SAAmB,EAAE,EAAE;QACtB,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,CACvE,iBAAiB,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC,CAClD,CAAC;QACF,MAAM,aAAa,GACjB,iBAAiB,KAAK,SAAS;YAC7B,CAAC,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;YACjD,CAAC,CAAC,mBAAmB,CAAC;QAC1B,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,mBAAmB,EAAE,iBAAiB,EAAE,iBAAiB,CAAC,CAC5D,CAAC;IAEF,yBAAyB;IACzB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACvC,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACxC,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,cAAc;QACd,cAAc;QACd,mBAAmB;QACnB,gBAAgB,EAAE,gBAAgB;QAClC,uBAAuB;QACvB,WAAW;QACX,SAAS;QACT,UAAU;KACX,CAAC;AACJ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mod-arch-shared",
-  "version": "1.9.1",
+  "version": "1.10.1",
   "description": "Shared UI components and utilities for modular architecture micro-frontend projects",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -52,6 +52,7 @@
     "access": "public"
   },
   "peerDependencies": {
+    "mod-arch-core": ">=1.10.1",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "react-router-dom": ">=6.4.0"
@@ -85,13 +86,15 @@
     "sass": "^1.83.0",
     "ts-jest": "^29.2.6",
     "tsc-alias": "^1.8.15",
-    "typescript": "^5.0.4"
+    "typescript": "^5.0.4",
+    "mod-arch-core": "1.10.1"
   },
   "dependencies": {
     "@patternfly/patternfly": "^6.4.0",
+    "@patternfly/react-drag-drop": "^6.4.0",
     "classnames": "^2.2.6",
     "dompurify": "^3.2.4",
-    "lodash-es": "^4.17.15",
+    "lodash-es": "^4.17.23",
     "showdown": "^2.1.0"
   },
   "optionalDependencies": {