Update definition file for Dual List

Author: rvsia

packages/pf4-component-mapper/src/files/dual-list-select.d.ts

@@ -1,97 +1,21 @@
 import { UseFieldApiComponentConfig, AnyObject } from "@data-driven-forms/react-form-renderer";
+import { DualListSelectorProps } from "@patternfly/react-core";
 import { ReactNode } from "react";
 import FormGroupProps from "./form-group";
-import { FormGroupProps as FormGrpProps, ListProps, ToolbarProps, TextInputProps, ButtonProps, GridProps, GridItemProps, TextContentProps, FlexProps, FlexItemProps } from "@patternfly/react-core";
-import { SVGIconProps } from "@patternfly/react-icons/dist/js/createIcon";
-
 export interface DualListSelectOption extends AnyObject {
-  value?: any;
-  label: ReactNode;
-}
-
-export interface RenderStatusInput {
-  selected: number;
-  options: number;
+  value: any;
+  label: ReactNode | string;
 }
 
-export interface RenderStatusFunction {
-  (input: RenderStatusInput): ReactNode;
-}
+export type GetValueFromNode = (node: ReactNode) => string;
 
 interface InternalDualListSelectProps {
-  leftTitle?: ReactNode;
-  rightTitle?: ReactNode;
-  moveLeftTitle?: ReactNode;
-  moveRightTitle?: ReactNode;
-  allToLeft?: boolean;
-  allToRight?: boolean;
-  moveAllLeftTitle?: ReactNode;
-  moveAllRightTitle?: ReactNode;
-  label?: ReactNode;
-  isRequired?: boolean;
-  helperText?: ReactNode;
-  noValueTitle?: ReactNode;
-  noOptionsTitle?: ReactNode;
-  filterOptionsTitle?: ReactNode;
-  filterValueTitle?: ReactNode;
-  filterValueText?: ReactNode;
-  filterOptionsText?: ReactNode;
-  description?: ReactNode;
-  hideLabel?: boolean;
-  id?: string;
-  renderStatus?: RenderStatusFunction;
-  FormGroupProps: FormGrpProps,
-  ListProps: ListProps,
-  LeftListProps: ListProps,
-  RightListProps: ListProps,
-  ListItemProps: React.HTMLProps<HTMLDivElement>,
-  LeftListItemProps: React.HTMLProps<HTMLDivElement>,
-  RightListItemProps: React.HTMLProps<HTMLDivElement>,
-  ToolbarProps: ToolbarProps,
-  LeftToolbarProps: ToolbarProps,
-  RightToolbarProps: ToolbarProps,
-  FilterFieldProps: TextInputProps,
-  LeftFilterFieldProps: TextInputProps,
-  RightFilterFieldProps: TextInputProps,
-  SearchIconProps: SVGIconProps,
-  LeftSearchIconProps: SVGIconProps,
-  RightSearchIconProps: SVGIconProps,
-  SearchIconButtonProps: ButtonProps,
-  LeftSearchIconButtonProps: ButtonProps,
-  RightSearchIconButtonProps: ButtonProps,
-  SortIconButtonProps: ButtonProps,
-  LeftSortIconButtonProps: ButtonProps,
-  RightSortIconButtonProps: ButtonProps,
-  SortIconProps: SVGIconProps,
-  LeftSortIconProps: SVGIconProps,
-  RightSortIconProps: SVGIconProps,
-  InternalGridProps: GridProps,
-  ListGridProps: GridItemProps,
-  LeftListGridProps: GridItemProps,
-  RightListGridProps: GridItemProps,
-  TitleProps: TextContentProps,
-  LeftTitleProps: TextContentProps,
-  RightTitleProps: TextContentProps,
-  ButtonsGridProps: GridItemProps,
-  ButtonsInternalFlexProps: FlexProps,
-  ButtonFlexProps: FlexItemProps,
-  ToRightFlexProps: FlexItemProps,
-  IconButtonProps: ButtonProps,
-  ToRightIconButtonProps: ButtonProps,
-  IconProps: SVGIconProps,
-  AllToRightFlexProps: FlexItemProps,
-  AllToRightIconButtonProps: ButtonProps,
-  AllToLeftFlexProps: FlexProps,
-  AllToLeftIconButtonProps: ButtonProps,
-  ToLeftFlexProps: FlexProps,
-  ToLeftIconButtonProps: ButtonProps,
-  ToRightIconProps: SVGIconProps,
-  AllToRightIconProps: SVGIconProps,
-  AllToLeftIconProps: SVGIconProps,
-  ToLeftIconProps: SVGIconProps
+  options: Array<DualListSelectOption | string>;
+  getValueFromNode?: GetValueFromNode;
+  isSortable?: boolean;
 }
 
-export type DualListSelectProps = InternalDualListSelectProps & FormGroupProps & UseFieldApiComponentConfig;
+export type DualListSelectProps = InternalDualListSelectProps & FormGroupProps & UseFieldApiComponentConfig & DualListSelectorProps;
 
 declare const DualListSelect: React.ComponentType<DualListSelectProps>;
 

packages/pf4-component-mapper/src/files/dual-list-select.js

@@ -4,7 +4,6 @@ import { DualListSelector } from '@patternfly/react-core';
 import { useFieldApi } from '@data-driven-forms/react-form-renderer';
 import isEqual from 'lodash/isEqual';
 
-import './dual-list-select.scss';
 import FormGroup from '../common/form-group';
 import DualListContext from './dual-list-context';
 

packages/pf4-component-mapper/src/files/dual-list-select.scss

@@ -1,4 +1,6 @@
-export interface DualListSortButtonProps {
+import { AnyObject } from "@data-driven-forms/react-form-renderer";
+
+export interface DualListSortButtonProps extends AnyObject {
     position: 'left' | 'right';
 }