@ansible/ansible-ui-framework 2.4.245 → 2.4.247

package/framework/PageTable/PageToolbar/PageToolbar.d.ts

@@ -13,10 +13,10 @@ export type PagetableToolbarProps<T extends object> = {
     filters?: Record<string, string[]>;
     setFilters?: Dispatch<SetStateAction<Record<string, string[]>>>;
     clearAllFilters?: () => void;
-    page: number;
-    perPage: number;
-    setPage: (page: number) => void;
-    setPerPage: (perPage: number) => void;
+    page?: number;
+    perPage?: number;
+    setPage?: (page: number) => void;
+    setPerPage?: (perPage: number) => void;
     isSelected?: (item: T) => boolean;
     selectedItems?: T[];
     selectItem?: (item: T) => void;
@@ -29,12 +29,13 @@ export type PagetableToolbarProps<T extends object> = {
     setSort?: (sort: string) => void;
     sortDirection?: 'asc' | 'desc';
     setSortDirection?: (sortDirection: 'asc' | 'desc') => void;
-    viewType: PageTableViewType;
-    setViewType: (viewType: PageTableViewType) => void;
+    viewType?: PageTableViewType;
+    setViewType?: (viewType: PageTableViewType) => void;
     disableTableView?: boolean;
     disableListView?: boolean;
     disableCardView?: boolean;
     disableColumnManagement?: boolean;
+    disablePagination?: boolean;
     bottomBorder?: boolean;
     sortOptions?: PageTableSortOption[];
 };

package/framework/components/ReorderItems.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+type ReorderItemsProps<T extends object> = {
+    columns: {
+        header: string;
+        cell: (item: T) => ReactNode | string;
+    }[];
+    items: T[];
+    keyFn: (item: T) => string | number;
+    onChange: (items: T[], selectedItems: T[]) => void;
+    isCompactBorderless?: boolean;
+    hideColumnHeaders?: boolean;
+    isSelectableWithCheckbox?: boolean;
+    defaultSelection?: T[];
+};
+export type ReorderItemsRef<T extends object> = {
+    getReorderedAndSelectedItems: () => {
+        reorderedItems: T[];
+        selectedItems: T[];
+    };
+};
+export declare function ReorderItems<T extends object>(props: ReorderItemsProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/index.js

@@ -29573,8 +29573,11 @@ function MRe(n) {
   } = n, v = Hs("md"), { viewType: b, setViewType: w } = n;
   let { toolbarActions: x } = n;
   x = x ?? [];
-  const D = Ye((A, O) => r(O), [r]), L = Ye(
-    (A, O) => s(O),
+  const D = Ye(
+    (A, O) => r ? r(O) : null,
+    [r]
+  ), L = Ye(
+    (A, O) => s ? s(O) : null,
     [s]
   ), k = o !== void 0, E = x !== void 0 && x.length > 0, N = n.showSelect === !0 || a !== void 0 && x && x.find(
     (A) => "selection" in A && A.selection === ei.Multiple
@@ -29626,7 +29629,7 @@ function MRe(n) {
               sortOptions: _
             }
           ),
-          /* @__PURE__ */ S.jsx(
+          b && w && /* @__PURE__ */ S.jsx(
             ORe,
             {
               disableTableView: n.disableTableView,
@@ -29639,7 +29642,7 @@ function MRe(n) {
             }
           )
         ] }),
-        /* @__PURE__ */ S.jsx(
+        !n.disablePagination && /* @__PURE__ */ S.jsx(
           na,
           {
             visibility: { default: "hidden", "2xl": "visible" },

package/index.umd.cjs

@@ -342,7 +342,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     row-gap: 16px;
     justify-content: end;
   }
-`;function CV(n){const{itemCount:e,page:t,perPage:i,setPage:r,setPerPage:s,toolbarFilters:o,selectedItems:a,filters:l,setFilters:c,clearAllFilters:u,openColumnModal:d,bottomBorder:h,sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}=n,_=ts("md"),{viewType:b,setViewType:w}=n;let{toolbarActions:x}=n;x=x??[];const D=E.useCallback((A,M)=>r(M),[r]),k=E.useCallback((A,M)=>s(M),[s]),L=o!==void 0,T=x!==void 0&&x.length>0,P=n.showSelect===!0||a!==void 0&&x&&x.find(A=>"selection"in A&&A.selection===Un.Multiple);return P||L||T?e===void 0?S.jsx(N.Toolbar,{className:"border-bottom dark-2",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8},children:S.jsx(yV,{children:S.jsx(N.ToolbarItem,{style:{width:"100%"},children:S.jsx(N.Skeleton,{height:"36px"})})})}):S.jsx(N.Toolbar,{clearAllFilters:u,className:"dark-2 page-table-toolbar",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8,borderBottom:h?"thin solid var(--pf-global--BorderColor--100)":void 0},children:S.jsxs(yV,{children:[P&&S.jsx(N.ToolbarGroup,{children:S.jsx(N.ToolbarItem,{variant:"bulk-select",children:S.jsx(_V,{...n})})}),S.jsx(bV,{toolbarFilters:o,filters:l,setFilters:c}),S.jsx(N.ToolbarGroup,{variant:"button-group",children:S.jsx(qh,{actions:x,selectedItems:a,wrapper:N.ToolbarItem})}),S.jsx(SNe,{}),S.jsxs(N.Flex,{children:[S.jsx(bNe,{sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}),S.jsx(wNe,{disableTableView:n.disableTableView,disableListView:n.disableListView,disableCardView:n.disableCardView,disableColumnManagement:n.disableColumnManagement,viewType:b,setViewType:w,openColumnModal:d})]}),S.jsx(N.ToolbarItem,{visibility:{default:"hidden","2xl":"visible"},style:{marginLeft:24},children:S.jsx(N.Pagination,{variant:N.PaginationVariant.top,isCompact:!0,itemCount:e,perPage:i,page:t,onSetPage:D,onPerPageSelect:k,style:{marginTop:-8,marginBottom:-8}})})]})}):S.jsx(E.Fragment,{})}const xNe=on.div`
+`;function CV(n){const{itemCount:e,page:t,perPage:i,setPage:r,setPerPage:s,toolbarFilters:o,selectedItems:a,filters:l,setFilters:c,clearAllFilters:u,openColumnModal:d,bottomBorder:h,sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}=n,_=ts("md"),{viewType:b,setViewType:w}=n;let{toolbarActions:x}=n;x=x??[];const D=E.useCallback((A,M)=>r?r(M):null,[r]),k=E.useCallback((A,M)=>s?s(M):null,[s]),L=o!==void 0,T=x!==void 0&&x.length>0,P=n.showSelect===!0||a!==void 0&&x&&x.find(A=>"selection"in A&&A.selection===Un.Multiple);return P||L||T?e===void 0?S.jsx(N.Toolbar,{className:"border-bottom dark-2",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8},children:S.jsx(yV,{children:S.jsx(N.ToolbarItem,{style:{width:"100%"},children:S.jsx(N.Skeleton,{height:"36px"})})})}):S.jsx(N.Toolbar,{clearAllFilters:u,className:"dark-2 page-table-toolbar",style:{paddingBottom:_?void 0:8,paddingTop:_?void 0:8,borderBottom:h?"thin solid var(--pf-global--BorderColor--100)":void 0},children:S.jsxs(yV,{children:[P&&S.jsx(N.ToolbarGroup,{children:S.jsx(N.ToolbarItem,{variant:"bulk-select",children:S.jsx(_V,{...n})})}),S.jsx(bV,{toolbarFilters:o,filters:l,setFilters:c}),S.jsx(N.ToolbarGroup,{variant:"button-group",children:S.jsx(qh,{actions:x,selectedItems:a,wrapper:N.ToolbarItem})}),S.jsx(SNe,{}),S.jsxs(N.Flex,{children:[S.jsx(bNe,{sort:f,setSort:g,sortDirection:m,setSortDirection:p,sortOptions:v}),b&&w&&S.jsx(wNe,{disableTableView:n.disableTableView,disableListView:n.disableListView,disableCardView:n.disableCardView,disableColumnManagement:n.disableColumnManagement,viewType:b,setViewType:w,openColumnModal:d})]}),!n.disablePagination&&S.jsx(N.ToolbarItem,{visibility:{default:"hidden","2xl":"visible"},style:{marginLeft:24},children:S.jsx(N.Pagination,{variant:N.PaginationVariant.top,isCompact:!0,itemCount:e,perPage:i,page:t,onSetPage:D,onPerPageSelect:k,style:{marginTop:-8,marginBottom:-8}})})]})}):S.jsx(E.Fragment,{})}const xNe=on.div`
   height: 100%;
 `,kNe=on.div`
   height: 100%;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ansible/ansible-ui-framework",
   "description": "A framework for building applications using PatternFly.",
-  "version": "2.4.245",
+  "version": "2.4.247",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",