@data-driven-forms/mui-component-mapper 4.1.13 → 4.1.14

package/esm/dual-list-select/dual-list-select.js

@@ -1,413 +1,68 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled } from '@mui/material/styles';
 import clsx from 'clsx';
-import Grid from "@mui/material/Grid";
-import List from "@mui/material/List";
-import ListItem from "@mui/material/ListItem";
-import ListItemText from "@mui/material/ListItemText";
-import ListItemIcon from "@mui/material/ListItemIcon";
-import Checkbox from "@mui/material/Checkbox";
-import ListItemSecondaryAction from "@mui/material/ListItemSecondaryAction";
-import IconButton from "@mui/material/IconButton";
-import FormControl from "@mui/material/FormControl";
-import FormLabel from "@mui/material/FormLabel";
-import FormHelperText from "@mui/material/FormHelperText";
-import Toolbar from "@mui/material/Toolbar";
-import TextField from "@mui/material/TextField";
-import Typography from "@mui/material/Typography";
-import Paper from "@mui/material/Paper";
-import Button from "@mui/material/Button";
+import { Grid, List, ListItem, ListItemText, ListItemIcon, Checkbox, ListItemSecondaryAction, IconButton, FormControl, FormLabel, FormHelperText, Toolbar, TextField, Typography, Paper, Button, } from '@mui/material';
 import SortIcon from '@mui/icons-material/ArrowUpward';
 import DualListSelectCommon from '@data-driven-forms/common/dual-list-select';
 import FormFieldGrid from '../form-field-grid/form-field-grid';
 import { validationError } from '../validation-error/validation-error';
-var PREFIX = 'DualListSelectWrapper';
-var classes = {
-  allToLeftIcon: "".concat(PREFIX, "-allToLeftIcon"),
-  upsideDown: "".concat(PREFIX, "-upsideDown"),
-  list: "".concat(PREFIX, "-list"),
-  button: "".concat(PREFIX, "-button"),
-  buttonsGrid: "".concat(PREFIX, "-buttonsGrid"),
-  filter: "".concat(PREFIX, "-filter"),
-  toolbar: "".concat(PREFIX, "-toolbar")
+const PREFIX = 'DualListSelectWrapper';
+const classes = {
+    allToLeftIcon: `${PREFIX}-allToLeftIcon`,
+    upsideDown: `${PREFIX}-upsideDown`,
+    list: `${PREFIX}-list`,
+    button: `${PREFIX}-button`,
+    buttonsGrid: `${PREFIX}-buttonsGrid`,
+    filter: `${PREFIX}-filter`,
+    toolbar: `${PREFIX}-toolbar`,
 };
-var StyledDualListSelect = styled(FormFieldGrid)(function (_ref) {
-  var theme = _ref.theme;
-  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "& .".concat(classes.allToLeftIcon), {
-    transform: 'scaleX(-1)'
-  }), "& .".concat(classes.upsideDown), {
-    transform: 'scaleY(-1)'
-  }), "& .".concat(classes.list), {
-    height: 300,
-    overflow: 'auto'
-  }), "& .".concat(classes.button), {
-    display: 'flex',
-    justifyContent: 'center',
-    margin: theme.spacing(0.5, 0)
-  }), "& .".concat(classes.buttonsGrid), {
-    height: '100%',
-    alignContent: 'center'
-  }), "& .".concat(classes.filter), {
-    width: '100%'
-  }), "& .".concat(classes.toolbar), {
-    paddingLeft: 16,
-    paddingRight: 16
-  });
-});
-var ListInternal = function ListInternal(_ref3) {
-  var _ref3$value = _ref3.value,
-    value = _ref3$value === void 0 ? [] : _ref3$value,
-    optionClick = _ref3.optionClick,
-    noOptionsTitle = _ref3.noOptionsTitle,
-    filterValue = _ref3.filterValue,
-    filterValueText = _ref3.filterValueText,
-    selectedValues = _ref3.selectedValues,
-    _ref3$ListProps = _ref3.ListProps,
-    ListProps = _ref3$ListProps === void 0 ? {} : _ref3$ListProps,
-    ListItemProps = _ref3.ListItemProps,
-    ListItemIconProps = _ref3.ListItemIconProps,
-    ListItemTextProps = _ref3.ListItemTextProps,
-    ListItemSecondaryActionProps = _ref3.ListItemSecondaryActionProps,
-    checkboxVariant = _ref3.checkboxVariant,
-    PaperProps = _ref3.PaperProps,
-    LeftPaperProps = _ref3.LeftPaperProps;
-  return /*#__PURE__*/React.createElement(Paper, _extends({}, PaperProps, LeftPaperProps, {
-    className: clsx(PaperProps && PaperProps.className, LeftPaperProps && LeftPaperProps.className)
-  }), /*#__PURE__*/React.createElement(List, _extends({
-    component: "div",
-    role: "list",
-    dense: true
-  }, ListProps, {
-    className: clsx(classes.list, ListProps.className)
-  }), value.length < 1 && /*#__PURE__*/React.createElement(ListItem, _extends({
-    button: true,
-    disabled: true
-  }, ListItemProps), /*#__PURE__*/React.createElement(ListItemText, {
-    primary: filterValue ? filterValueText : noOptionsTitle
-  })), value.length > 0 && value.map(function (_ref4) {
-    var value = _ref4.value,
-      label = _ref4.label,
-      icon = _ref4.icon,
-      isCheckbox = _ref4.isCheckbox,
-      secondaryActions = _ref4.secondaryActions,
-      ListItemPropsItem = _ref4.ListItemProps,
-      ListItemIconPropsItem = _ref4.ListItemIconProps,
-      ListItemTextPropsItem = _ref4.ListItemTextProps,
-      ListItemSecondaryActionPropsItem = _ref4.ListItemSecondaryActionProps;
-    return /*#__PURE__*/React.createElement(ListItem, _extends({
-      button: true,
-      key: value,
-      selected: selectedValues.includes(value),
-      onClick: function onClick(e) {
-        return optionClick(isCheckbox || checkboxVariant ? _objectSpread(_objectSpread({}, e), {}, {
-          ctrlKey: true
-        }) : e, value);
-      }
-    }, ListItemProps, ListItemPropsItem), (icon || isCheckbox || checkboxVariant) && /*#__PURE__*/React.createElement(ListItemIcon, _extends({}, ListItemIconProps, ListItemIconPropsItem), isCheckbox || checkboxVariant ? /*#__PURE__*/React.createElement(Checkbox, {
-      edge: "start",
-      checked: selectedValues.includes(value),
-      tabIndex: -1,
-      disableRipple: true
-    }) : icon), /*#__PURE__*/React.createElement(ListItemText, _extends({
-      primary: label
-    }, ListItemTextProps, ListItemTextPropsItem)), secondaryActions && /*#__PURE__*/React.createElement(ListItemSecondaryAction, _extends({}, ListItemSecondaryActionProps, ListItemSecondaryActionPropsItem), secondaryActions));
-  })));
-};
-var ToolbarInternal = function ToolbarInternal(_ref5) {
-  var ToolbarProps = _ref5.ToolbarProps,
-    LeftToolbarProps = _ref5.LeftToolbarProps,
-    filterOptions = _ref5.filterOptions,
-    filterOptionsTitle = _ref5.filterOptionsTitle,
-    FilterFieldProps = _ref5.FilterFieldProps,
-    sortOptions = _ref5.sortOptions,
-    SortIconButtonProps = _ref5.SortIconButtonProps,
-    SortIconProps = _ref5.SortIconProps,
-    LeftSortIconProps = _ref5.LeftSortIconProps,
-    LeftFilterFieldProps = _ref5.LeftFilterFieldProps,
-    LeftSortIconButtonProps = _ref5.LeftSortIconButtonProps,
-    filter = _ref5.filter,
-    sortDesc = _ref5.sortDesc,
-    isValue = _ref5.isValue;
-  return /*#__PURE__*/React.createElement(Toolbar, _extends({
-    variant: "dense"
-  }, ToolbarProps, LeftToolbarProps, {
-    className: clsx(classes.toolbar, ToolbarProps && ToolbarProps.className, LeftToolbarProps && LeftToolbarProps.className)
-  }), /*#__PURE__*/React.createElement(TextField, _extends({
-    edge: "start",
-    "aria-label": isValue ? 'value-search' : 'options-search',
-    label: filterOptionsTitle,
-    onChange: function onChange(_ref6) {
-      var value = _ref6.target.value;
-      return filterOptions(value);
+const StyledDualListSelect = styled(FormFieldGrid)(({ theme }) => ({
+    [`& .${classes.allToLeftIcon}`]: {
+        transform: 'scaleX(-1)',
     },
-    value: filter,
-    type: "search"
-  }, FilterFieldProps, LeftFilterFieldProps, {
-    className: clsx(classes.filter, FilterFieldProps && FilterFieldProps.className, LeftFilterFieldProps && LeftFilterFieldProps.className)
-  })), /*#__PURE__*/React.createElement(IconButton, _extends({
-    "aria-label": isValue ? 'sort value' : 'sort options',
-    edge: "end",
-    onClick: sortOptions,
-    color: "inherit"
-  }, SortIconButtonProps, LeftSortIconButtonProps, {
-    size: "large"
-  }), /*#__PURE__*/React.createElement(SortIcon, _extends({}, SortIconProps, LeftSortIconProps, {
-    className: clsx(!sortDesc && classes.upsideDown, SortIconProps && SortIconProps.className, LeftSortIconProps && LeftSortIconProps.className)
-  }))));
-};
-var DualListSelect = function DualListSelect(_ref7) {
-  var handleOptionsClick = _ref7.handleOptionsClick,
-    rightValues = _ref7.rightValues,
-    _ref7$noValueTitle = _ref7.noValueTitle,
-    noValueTitle = _ref7$noValueTitle === void 0 ? 'No selected' : _ref7$noValueTitle,
-    _ref7$filterValueText = _ref7.filterValueText,
-    filterValueText = _ref7$filterValueText === void 0 ? 'Remove your filter to see all selected' : _ref7$filterValueText,
-    leftValues = _ref7.leftValues,
-    _ref7$noOptionsTitle = _ref7.noOptionsTitle,
-    noOptionsTitle = _ref7$noOptionsTitle === void 0 ? 'No available options' : _ref7$noOptionsTitle,
-    state = _ref7.state,
-    _ref7$filterOptionsTe = _ref7.filterOptionsText,
-    filterOptionsText = _ref7$filterOptionsTe === void 0 ? 'Remove your filter to see all options' : _ref7$filterOptionsTe,
-    handleValuesClick = _ref7.handleValuesClick,
-    handleMoveRight = _ref7.handleMoveRight,
-    _ref7$moveRightTitle = _ref7.moveRightTitle,
-    moveRightTitle = _ref7$moveRightTitle === void 0 ? 'Move selected to right' : _ref7$moveRightTitle,
-    handleClearLeftValues = _ref7.handleClearLeftValues,
-    _ref7$moveAllRightTit = _ref7.moveAllRightTitle,
-    moveAllRightTitle = _ref7$moveAllRightTit === void 0 ? 'Move all to right' : _ref7$moveAllRightTit,
-    handleClearRightValues = _ref7.handleClearRightValues,
-    _ref7$moveAllLeftTitl = _ref7.moveAllLeftTitle,
-    moveAllLeftTitle = _ref7$moveAllLeftTitl === void 0 ? 'Move all to left' : _ref7$moveAllLeftTitl,
-    handleMoveLeft = _ref7.handleMoveLeft,
-    _ref7$moveLeftTitle = _ref7.moveLeftTitle,
-    moveLeftTitle = _ref7$moveLeftTitle === void 0 ? 'Move selected to left' : _ref7$moveLeftTitle,
-    _ref7$allToRight = _ref7.allToRight,
-    allToRight = _ref7$allToRight === void 0 ? true : _ref7$allToRight,
-    _ref7$allToLeft = _ref7.allToLeft,
-    allToLeft = _ref7$allToLeft === void 0 ? true : _ref7$allToLeft,
-    checkboxVariant = _ref7.checkboxVariant,
-    isRequired = _ref7.isRequired,
-    meta = _ref7.meta,
-    validateOnMount = _ref7.validateOnMount,
-    label = _ref7.label,
-    helperText = _ref7.helperText,
-    description = _ref7.description,
-    _ref7$filterOptionsTi = _ref7.filterOptionsTitle,
-    filterOptionsTitle = _ref7$filterOptionsTi === void 0 ? 'Filter options' : _ref7$filterOptionsTi,
-    _ref7$leftTitle = _ref7.leftTitle,
-    leftTitle = _ref7$leftTitle === void 0 ? 'Options' : _ref7$leftTitle,
-    filterOptions = _ref7.filterOptions,
-    sortOptions = _ref7.sortOptions,
-    sortValues = _ref7.sortValues,
-    _ref7$filterValueTitl = _ref7.filterValueTitle,
-    filterValueTitle = _ref7$filterValueTitl === void 0 ? 'Filter selected value' : _ref7$filterValueTitl,
-    filterValues = _ref7.filterValues,
-    _ref7$rightTitle = _ref7.rightTitle,
-    rightTitle = _ref7$rightTitle === void 0 ? 'Selected' : _ref7$rightTitle,
-    _ref7$isFilterable = _ref7.isFilterable,
-    isFilterable = _ref7$isFilterable === void 0 ? true : _ref7$isFilterable,
-    FormFieldGridProps = _ref7.FormFieldGridProps,
-    InternalGridProps = _ref7.InternalGridProps,
-    ListGridProps = _ref7.ListGridProps,
-    LeftListGridProps = _ref7.LeftListGridProps,
-    ListProps = _ref7.ListProps,
-    LeftListProps = _ref7.LeftListProps,
-    ButtonsGridProps = _ref7.ButtonsGridProps,
-    ButtonsInternalGridProps = _ref7.ButtonsInternalGridProps,
-    ButtonGridProps = _ref7.ButtonGridProps,
-    ToRightGridProps = _ref7.ToRightGridProps,
-    IconButtonProps = _ref7.IconButtonProps,
-    ToRightIconButtonProps = _ref7.ToRightIconButtonProps,
-    AllToRightGridProps = _ref7.AllToRightGridProps,
-    AllToRightIconButtonProps = _ref7.AllToRightIconButtonProps,
-    AllToLeftGridProps = _ref7.AllToLeftGridProps,
-    AllToLeftIconButtonProps = _ref7.AllToLeftIconButtonProps,
-    ToLeftGridProps = _ref7.ToLeftGridProps,
-    ToLeftIconButtonProps = _ref7.ToLeftIconButtonProps,
-    RightListGridProps = _ref7.RightListGridProps,
-    RightListProps = _ref7.RightListProps,
-    ListItemProps = _ref7.ListItemProps,
-    ListItemIconProps = _ref7.ListItemIconProps,
-    ListItemTextProps = _ref7.ListItemTextProps,
-    ListItemSecondaryActionProps = _ref7.ListItemSecondaryActionProps,
-    LeftListItemProps = _ref7.LeftListItemProps,
-    LeftListItemIconProps = _ref7.LeftListItemIconProps,
-    LeftItemTextProps = _ref7.LeftItemTextProps,
-    LeftItemSecondaryActionProps = _ref7.LeftItemSecondaryActionProps,
-    RightListItemProps = _ref7.RightListItemProps,
-    RightListItemIconProps = _ref7.RightListItemIconProps,
-    RightItemTextProps = _ref7.RightItemTextProps,
-    RightItemSecondaryActionProps = _ref7.RightItemSecondaryActionProps,
-    FormControlProps = _ref7.FormControlProps,
-    FormLabelProps = _ref7.FormLabelProps,
-    FormHelperTextProps = _ref7.FormHelperTextProps,
-    TitleProps = _ref7.TitleProps,
-    ToolbarProps = _ref7.ToolbarProps,
-    FilterFieldProps = _ref7.FilterFieldProps,
-    SortIconButtonProps = _ref7.SortIconButtonProps,
-    SortIconProps = _ref7.SortIconProps,
-    LeftToolbarProps = _ref7.LeftToolbarProps,
-    LeftFilterFieldProps = _ref7.LeftFilterFieldProps,
-    LeftSortIconButtonProps = _ref7.LeftSortIconButtonProps,
-    LeftSortIconProps = _ref7.LeftSortIconProps,
-    LeftTitleProps = _ref7.LeftTitleProps,
-    RightToolbarProps = _ref7.RightToolbarProps,
-    RightFilterFieldProps = _ref7.RightFilterFieldProps,
-    RightSortIconButtonProps = _ref7.RightSortIconButtonProps,
-    RightSortIconProps = _ref7.RightSortIconProps,
-    RightTitleProps = _ref7.RightTitleProps,
-    PaperProps = _ref7.PaperProps,
-    LeftPaperProps = _ref7.LeftPaperProps,
-    RightPaperProps = _ref7.RightPaperProps;
-  var invalid = validationError(meta, validateOnMount);
-  var text = invalid || (meta.touched || validateOnMount) && meta.warning || helperText || description;
-  return /*#__PURE__*/React.createElement(StyledDualListSelect, FormFieldGridProps, /*#__PURE__*/React.createElement(FormControl, _extends({
-    fullWidth: true,
-    required: isRequired,
-    error: !!invalid,
-    component: "fieldset"
-  }, FormControlProps), /*#__PURE__*/React.createElement(FormLabel, _extends({
-    component: "legend"
-  }, FormLabelProps), label), /*#__PURE__*/React.createElement(Grid, _extends({
-    container: true
-  }, InternalGridProps), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    xs: 12,
-    md: 5
-  }, ListGridProps, LeftListGridProps), leftTitle && /*#__PURE__*/React.createElement(Typography, _extends({
-    variant: "h6",
-    gutterBottom: true
-  }, TitleProps, LeftTitleProps), leftTitle), isFilterable && /*#__PURE__*/React.createElement(ToolbarInternal, {
-    ToolbarProps: ToolbarProps,
-    LeftToolbarProps: LeftToolbarProps,
-    filterOptions: filterOptions,
-    filterOptionsTitle: filterOptionsTitle,
-    FilterFieldProps: FilterFieldProps,
-    sortOptions: sortOptions,
-    SortIconButtonProps: SortIconButtonProps,
-    SortIconProps: SortIconProps,
-    LeftSortIconProps: LeftSortIconProps,
-    LeftFilterFieldProps: LeftFilterFieldProps,
-    LeftSortIconButtonProps: LeftSortIconButtonProps,
-    filter: state.filterOptions,
-    sortDesc: state.sortLeftDesc
-  }), /*#__PURE__*/React.createElement(ListInternal, {
-    optionClick: handleOptionsClick,
-    value: leftValues,
-    noOptionsTitle: noOptionsTitle,
-    filterValue: state.filterOptions,
-    filterValueText: filterOptionsText,
-    selectedValues: state.selectedLeftValues,
-    checkboxVariant: checkboxVariant,
-    ListProps: _objectSpread(_objectSpread({}, ListProps), LeftListProps),
-    ListItemProps: _objectSpread(_objectSpread({}, ListItemProps), LeftListItemProps),
-    ListItemIconProps: _objectSpread(_objectSpread({}, ListItemIconProps), LeftListItemIconProps),
-    ListItemTextProps: _objectSpread(_objectSpread({}, ListItemTextProps), LeftItemTextProps),
-    ListItemSecondaryActionProps: _objectSpread(_objectSpread({}, ListItemSecondaryActionProps), LeftItemSecondaryActionProps),
-    PaperProps: PaperProps,
-    LeftPaperProps: LeftPaperProps
-  })), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    xs: 12,
-    md: 2
-  }, ButtonsGridProps), /*#__PURE__*/React.createElement(Grid, _extends({
-    container: true
-  }, ButtonsInternalGridProps, {
-    className: clsx(classes.buttonsGrid, ButtonsInternalGridProps && ButtonsInternalGridProps.className)
-  }), allToRight && /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    md: 12,
-    sm: 3
-  }, ButtonGridProps, AllToRightGridProps, {
-    className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, AllToRightGridProps && AllToRightGridProps.className)
-  }), /*#__PURE__*/React.createElement(Button, _extends({
-    variant: "outlined",
-    size: "small",
-    disabled: leftValues.length === 0,
-    onClick: handleClearLeftValues,
-    "aria-label": moveAllRightTitle
-  }, IconButtonProps, AllToRightIconButtonProps), "\u226B")), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    md: 12,
-    sm: 3
-  }, ButtonGridProps, ToRightGridProps, {
-    className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, ToRightGridProps && ToRightGridProps.className)
-  }), /*#__PURE__*/React.createElement(Button, _extends({
-    variant: "outlined",
-    size: "small",
-    disabled: leftValues.length === 0,
-    onClick: handleMoveRight,
-    "aria-label": moveRightTitle
-  }, IconButtonProps, ToRightIconButtonProps), ">")), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    md: 12,
-    sm: 3
-  }, ButtonGridProps, ToLeftGridProps, {
-    className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, ToLeftGridProps && ToLeftGridProps.className)
-  }), /*#__PURE__*/React.createElement(Button, _extends({
-    variant: "outlined",
-    size: "small",
-    disabled: rightValues.length === 0,
-    onClick: handleMoveLeft,
-    "aria-label": moveLeftTitle
-  }, IconButtonProps, ToLeftIconButtonProps), "<")), allToLeft && /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    md: 12,
-    sm: 3
-  }, ButtonGridProps, AllToLeftGridProps, {
-    className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, AllToLeftGridProps && AllToLeftGridProps.className)
-  }), /*#__PURE__*/React.createElement(Button, _extends({
-    variant: "outlined",
-    size: "small",
-    disabled: rightValues.length === 0,
-    onClick: handleClearRightValues,
-    "aria-label": moveAllLeftTitle
-  }, IconButtonProps, AllToLeftIconButtonProps), "\u226A")))), /*#__PURE__*/React.createElement(Grid, _extends({
-    item: true,
-    xs: 12,
-    md: 5
-  }, ListGridProps, RightListGridProps), rightTitle && /*#__PURE__*/React.createElement(Typography, _extends({
-    variant: "h6",
-    gutterBottom: true
-  }, TitleProps, RightTitleProps), rightTitle), isFilterable && /*#__PURE__*/React.createElement(ToolbarInternal, {
-    ToolbarProps: ToolbarProps,
-    LeftToolbarProps: RightToolbarProps,
-    filterOptions: filterValues,
-    filterOptionsTitle: filterValueTitle,
-    FilterFieldProps: FilterFieldProps,
-    sortOptions: sortValues,
-    SortIconButtonProps: SortIconButtonProps,
-    SortIconProps: SortIconProps,
-    LeftSortIconProps: RightSortIconProps,
-    LeftFilterFieldProps: RightFilterFieldProps,
-    LeftSortIconButtonProps: RightSortIconButtonProps,
-    filter: state.filterValue,
-    sortDesc: state.sortRightDesc,
-    isValue: true
-  }), /*#__PURE__*/React.createElement(ListInternal, {
-    checkboxVariant: checkboxVariant,
-    optionClick: handleValuesClick,
-    value: rightValues,
-    noOptionsTitle: noValueTitle,
-    filterValue: state.filterValue,
-    filterValueText: filterValueText,
-    selectedValues: state.selectedRightValues,
-    ListProps: _objectSpread(_objectSpread({}, ListProps), RightListProps),
-    ListItemProps: _objectSpread(_objectSpread({}, ListItemProps), RightListItemProps),
-    ListItemIconProps: _objectSpread(_objectSpread({}, ListItemIconProps), RightListItemIconProps),
-    ListItemTextProps: _objectSpread(_objectSpread({}, ListItemTextProps), RightItemTextProps),
-    ListItemSecondaryActionProps: _objectSpread(_objectSpread({}, ListItemSecondaryActionProps), RightItemSecondaryActionProps),
-    PaperProps: PaperProps,
-    LeftPaperProps: RightPaperProps
-  }))), text && /*#__PURE__*/React.createElement(FormHelperText, FormHelperTextProps, text)));
-};
-var DualListSelectWrapper = function DualListSelectWrapper(props) {
-  return /*#__PURE__*/React.createElement(DualListSelectCommon, _extends({}, props, {
-    DualListSelect: DualListSelect
-  }));
+    [`& .${classes.upsideDown}`]: {
+        transform: 'scaleY(-1)',
+    },
+    [`& .${classes.list}`]: {
+        height: 300,
+        overflow: 'auto',
+    },
+    [`& .${classes.button}`]: {
+        display: 'flex',
+        justifyContent: 'center',
+        margin: theme.spacing(0.5, 0),
+    },
+    [`& .${classes.buttonsGrid}`]: {
+        height: '100%',
+        alignContent: 'center',
+    },
+    [`& .${classes.filter}`]: {
+        width: '100%',
+    },
+    [`& .${classes.toolbar}`]: {
+        paddingLeft: 16,
+        paddingRight: 16,
+    },
+}));
+const ListInternal = ({ value = [], optionClick, noOptionsTitle, filterValue, filterValueText, selectedValues, ListProps = {}, ListItemProps, ListItemIconProps, ListItemTextProps, ListItemSecondaryActionProps, checkboxVariant, PaperProps, LeftPaperProps, }) => (_jsx(Paper, Object.assign({}, PaperProps, LeftPaperProps, { className: clsx(PaperProps && PaperProps.className, LeftPaperProps && LeftPaperProps.className), children: _jsxs(List, Object.assign({ component: "div", role: "list", dense: true }, ListProps, { className: clsx(classes.list, ListProps.className), children: [value.length < 1 && (
+            // Need to be migrated to ListItemButton
+            // @ts-ignore
+            _jsx(ListItem, Object.assign({ button: true, disabled: true }, ListItemProps, { children: _jsx(ListItemText, { primary: filterValue ? filterValueText : noOptionsTitle }) }))), value.length > 0 &&
+                value.map(({ value, label, icon, isCheckbox, secondaryActions, ListItemProps: ListItemPropsItem, ListItemIconProps: ListItemIconPropsItem, ListItemTextProps: ListItemTextPropsItem, ListItemSecondaryActionProps: ListItemSecondaryActionPropsItem, }) => (_jsxs(ListItem
+                // Need to be migrated to ListItemButton
+                // @ts-ignore
+                , Object.assign({ 
+                    // Need to be migrated to ListItemButton
+                    // @ts-ignore
+                    button: true, selected: selectedValues.includes(value), onClick: (e) => optionClick(isCheckbox || checkboxVariant ? Object.assign(Object.assign({}, e), { ctrlKey: true }) : e, value), sx: { cursor: 'pointer' } }, ListItemProps, ListItemPropsItem, { children: [(icon || isCheckbox || checkboxVariant) && (_jsx(ListItemIcon, Object.assign({}, ListItemIconProps, ListItemIconPropsItem, { children: isCheckbox || checkboxVariant ? (_jsx(Checkbox, { edge: "start", checked: selectedValues.includes(value), tabIndex: -1, disableRipple: true })) : (icon) }))), _jsx(ListItemText, Object.assign({ primary: label }, ListItemTextProps, ListItemTextPropsItem)), secondaryActions && (_jsx(ListItemSecondaryAction, Object.assign({}, ListItemSecondaryActionProps, ListItemSecondaryActionPropsItem, { children: secondaryActions })))] }), value)))] })) })));
+const ToolbarInternal = ({ ToolbarProps, LeftToolbarProps, filterOptions, filterOptionsTitle, FilterFieldProps, sortOptions, SortIconButtonProps, SortIconProps, LeftSortIconProps, LeftFilterFieldProps, LeftSortIconButtonProps, filter, sortDesc, isValue = false, }) => (_jsxs(Toolbar, Object.assign({ variant: "dense" }, ToolbarProps, LeftToolbarProps, { className: clsx(classes.toolbar, ToolbarProps && ToolbarProps.className, LeftToolbarProps && LeftToolbarProps.className), children: [_jsx(TextField, Object.assign({ "aria-label": isValue ? 'value-search' : 'options-search', label: filterOptionsTitle, onChange: ({ target: { value } }) => filterOptions(value), value: filter, type: "search" }, FilterFieldProps, LeftFilterFieldProps, { className: clsx(classes.filter, FilterFieldProps && FilterFieldProps.className, LeftFilterFieldProps && LeftFilterFieldProps.className) })), _jsx(IconButton, Object.assign({ "aria-label": isValue ? 'sort value' : 'sort options', edge: "end", onClick: sortOptions, color: "inherit" }, SortIconButtonProps, LeftSortIconButtonProps, { size: "large", children: _jsx(SortIcon, Object.assign({}, SortIconProps, LeftSortIconProps, { className: clsx(!sortDesc && classes.upsideDown, SortIconProps && SortIconProps.className, LeftSortIconProps && LeftSortIconProps.className) })) }))] })));
+const DualListSelect = ({ handleOptionsClick, rightValues, noValueTitle = 'No selected', filterValueText = 'Remove your filter to see all selected', leftValues, noOptionsTitle = 'No available options', state, filterOptionsText = 'Remove your filter to see all options', handleValuesClick, handleMoveRight, moveRightTitle = 'Move selected to right', handleClearLeftValues, moveAllRightTitle = 'Move all to right', handleClearRightValues, moveAllLeftTitle = 'Move all to left', handleMoveLeft, moveLeftTitle = 'Move selected to left', allToRight = true, allToLeft = true, checkboxVariant, isRequired, meta, validateOnMount, label, helperText, description, filterOptionsTitle = 'Filter options', leftTitle = 'Options', filterOptions, sortOptions, sortValues, filterValueTitle = 'Filter selected value', filterValues, rightTitle = 'Selected', isFilterable = true, 
+// Props
+FormFieldGridProps, InternalGridProps, ListGridProps, LeftListGridProps, ListProps, LeftListProps, ButtonsGridProps, ButtonsInternalGridProps, ButtonGridProps, ToRightGridProps, IconButtonProps, ToRightIconButtonProps, AllToRightGridProps, AllToRightIconButtonProps, AllToLeftGridProps, AllToLeftIconButtonProps, ToLeftGridProps, ToLeftIconButtonProps, RightListGridProps, RightListProps, ListItemProps, ListItemIconProps, ListItemTextProps, ListItemSecondaryActionProps, LeftListItemProps, LeftListItemIconProps, LeftItemTextProps, LeftItemSecondaryActionProps, RightListItemProps, RightListItemIconProps, RightItemTextProps, RightItemSecondaryActionProps, FormControlProps, FormLabelProps, FormHelperTextProps, TitleProps, ToolbarProps, FilterFieldProps, SortIconButtonProps, SortIconProps, LeftToolbarProps, LeftFilterFieldProps, LeftSortIconButtonProps, LeftSortIconProps, LeftTitleProps, RightToolbarProps, RightFilterFieldProps, RightSortIconButtonProps, RightSortIconProps, RightTitleProps, PaperProps, LeftPaperProps, RightPaperProps, }) => {
+    const invalid = validationError(meta, validateOnMount);
+    const text = invalid || ((meta.touched || validateOnMount) && meta.warning) || helperText || description;
+    return (_jsx(StyledDualListSelect, Object.assign({}, FormFieldGridProps, { children: _jsxs(FormControl, Object.assign({ fullWidth: true, required: isRequired, error: !!invalid, component: "fieldset" }, FormControlProps, { children: [_jsx(FormLabel, Object.assign({ component: "legend" }, FormLabelProps, { children: label })), _jsxs(Grid, Object.assign({ container: true }, InternalGridProps, { children: [_jsxs(Grid, Object.assign({ item: true, xs: 12, md: 5 }, ListGridProps, LeftListGridProps, { children: [leftTitle && (_jsx(Typography, Object.assign({ variant: "h6", gutterBottom: true }, TitleProps, LeftTitleProps, { children: leftTitle }))), isFilterable && (_jsx(ToolbarInternal, { ToolbarProps: ToolbarProps, LeftToolbarProps: LeftToolbarProps, filterOptions: filterOptions, filterOptionsTitle: filterOptionsTitle, FilterFieldProps: FilterFieldProps, sortOptions: sortOptions, SortIconButtonProps: SortIconButtonProps, SortIconProps: SortIconProps, LeftSortIconProps: LeftSortIconProps, LeftFilterFieldProps: LeftFilterFieldProps, LeftSortIconButtonProps: LeftSortIconButtonProps, filter: state.filterOptions, sortDesc: state.sortLeftDesc })), _jsx(ListInternal, { optionClick: handleOptionsClick, value: leftValues, noOptionsTitle: noOptionsTitle, filterValue: state.filterOptions, filterValueText: filterOptionsText, selectedValues: state.selectedLeftValues, checkboxVariant: checkboxVariant, ListProps: Object.assign(Object.assign({}, ListProps), LeftListProps), ListItemProps: Object.assign(Object.assign({}, ListItemProps), LeftListItemProps), ListItemIconProps: Object.assign(Object.assign({}, ListItemIconProps), LeftListItemIconProps), ListItemTextProps: Object.assign(Object.assign({}, ListItemTextProps), LeftItemTextProps), ListItemSecondaryActionProps: Object.assign(Object.assign({}, ListItemSecondaryActionProps), LeftItemSecondaryActionProps), PaperProps: PaperProps, LeftPaperProps: LeftPaperProps })] })), _jsx(Grid, Object.assign({ item: true, xs: 12, md: 2 }, ButtonsGridProps, { children: _jsxs(Grid, Object.assign({ container: true }, ButtonsInternalGridProps, { className: clsx(classes.buttonsGrid, ButtonsInternalGridProps && ButtonsInternalGridProps.className), children: [allToRight && (_jsx(Grid, Object.assign({ item: true, md: 12, sm: 3 }, ButtonGridProps, AllToRightGridProps, { className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, AllToRightGridProps && AllToRightGridProps.className), children: _jsx(Button, Object.assign({ variant: "outlined", size: "small", disabled: leftValues.length === 0, onClick: handleClearLeftValues, "aria-label": moveAllRightTitle }, IconButtonProps, AllToRightIconButtonProps, { children: "\u226B" })) }))), _jsx(Grid, Object.assign({ item: true, md: 12, sm: 3 }, ButtonGridProps, ToRightGridProps, { className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, ToRightGridProps && ToRightGridProps.className), children: _jsx(Button, Object.assign({ variant: "outlined", size: "small", disabled: leftValues.length === 0, onClick: handleMoveRight, "aria-label": moveRightTitle }, IconButtonProps, ToRightIconButtonProps, { children: ">" })) })), _jsx(Grid, Object.assign({ item: true, md: 12, sm: 3 }, ButtonGridProps, ToLeftGridProps, { className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, ToLeftGridProps && ToLeftGridProps.className), children: _jsx(Button, Object.assign({ variant: "outlined", size: "small", disabled: rightValues.length === 0, onClick: handleMoveLeft, "aria-label": moveLeftTitle }, IconButtonProps, ToLeftIconButtonProps, { children: "<" })) })), allToLeft && (_jsx(Grid, Object.assign({ item: true, md: 12, sm: 3 }, ButtonGridProps, AllToLeftGridProps, { className: clsx(classes.button, ButtonGridProps && ButtonGridProps.className, AllToLeftGridProps && AllToLeftGridProps.className), children: _jsx(Button, Object.assign({ variant: "outlined", size: "small", disabled: rightValues.length === 0, onClick: handleClearRightValues, "aria-label": moveAllLeftTitle }, IconButtonProps, AllToLeftIconButtonProps, { children: "\u226A" })) })))] })) })), _jsxs(Grid, Object.assign({ item: true, xs: 12, md: 5 }, ListGridProps, RightListGridProps, { children: [rightTitle && (_jsx(Typography, Object.assign({ variant: "h6", gutterBottom: true }, TitleProps, RightTitleProps, { children: rightTitle }))), isFilterable && (_jsx(ToolbarInternal, { ToolbarProps: ToolbarProps, LeftToolbarProps: RightToolbarProps, filterOptions: filterValues, filterOptionsTitle: filterValueTitle, FilterFieldProps: FilterFieldProps, sortOptions: sortValues, SortIconButtonProps: SortIconButtonProps, SortIconProps: SortIconProps, LeftSortIconProps: RightSortIconProps, LeftFilterFieldProps: RightFilterFieldProps, LeftSortIconButtonProps: RightSortIconButtonProps, filter: state.filterValue, sortDesc: state.sortRightDesc, isValue: true })), _jsx(ListInternal, { checkboxVariant: checkboxVariant, optionClick: handleValuesClick, value: rightValues, noOptionsTitle: noValueTitle, filterValue: state.filterValue, filterValueText: filterValueText, selectedValues: state.selectedRightValues, ListProps: Object.assign(Object.assign({}, ListProps), RightListProps), ListItemProps: Object.assign(Object.assign({}, ListItemProps), RightListItemProps), ListItemIconProps: Object.assign(Object.assign({}, ListItemIconProps), RightListItemIconProps), ListItemTextProps: Object.assign(Object.assign({}, ListItemTextProps), RightItemTextProps), ListItemSecondaryActionProps: Object.assign(Object.assign({}, ListItemSecondaryActionProps), RightItemSecondaryActionProps), PaperProps: PaperProps, LeftPaperProps: RightPaperProps })] }))] })), text && _jsx(FormHelperText, Object.assign({}, FormHelperTextProps, { children: text }))] })) })));
 };
-export default DualListSelectWrapper;
+const DualListSelectWrapper = (props) => _jsx(DualListSelectCommon, Object.assign({}, props, { DualListSelect: DualListSelect }));
+export default DualListSelectWrapper;
+//# sourceMappingURL=dual-list-select.js.map

package/esm/dual-list-select/dual-list-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dual-list-select.js","sourceRoot":"","sources":["../../src/dual-list-select/dual-list-select.tsx"],"names":[],"mappings":"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"}

package/esm/dual-list-select/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './dual-list-select';
+export * from './dual-list-select';

package/esm/dual-list-select/index.js

@@ -1,2 +1,3 @@
 export { default } from './dual-list-select';
-export * from './dual-list-select';
+export * from './dual-list-select';
+//# sourceMappingURL=index.js.map

package/esm/dual-list-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/dual-list-select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,cAAc,oBAAoB,CAAC"}

package/esm/field-array/field-array.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { BaseFieldProps, AnyObject } from '@data-driven-forms/react-form-renderer';
+import type { GridProps, ButtonProps, TypographyProps, FormControlProps, FormHelperTextProps, IconButtonProps } from '@mui/material';
+import type { FormFieldGridProps } from '../form-field-grid/form-field-grid';
+interface ButtonLabels {
+    add?: string;
+    remove?: string;
+}
+interface HistoryAction {
+    action: 'remove';
+    value: any;
+}
+interface HistoryState {
+    index: number;
+    history: HistoryAction[];
+}
+type ReducerAction = {
+    type: 'redo';
+} | {
+    type: 'undo';
+} | {
+    type: 'action';
+    action: HistoryAction;
+} | {
+    type: 'resetHistory';
+};
+export declare const reducer: (state: HistoryState, actionObj: ReducerAction) => HistoryState;
+export interface DynamicArrayProps extends BaseFieldProps {
+    arrayValidator?: (value: any[]) => string | undefined;
+    fields: AnyObject[];
+    defaultItem?: any;
+    minItems?: number;
+    maxItems?: number;
+    noItemsMessage?: string;
+    buttonLabels?: ButtonLabels;
+    FormFieldGridProps?: FormFieldGridProps;
+    FormControlProps?: FormControlProps;
+    GridContainerProps?: GridProps;
+    HeaderGridProps?: GridProps;
+    HeaderProps?: TypographyProps;
+    UndoButtonProps?: IconButtonProps;
+    RedoButtonProps?: IconButtonProps;
+    AddButtonProps?: ButtonProps;
+    DescriptionGridProps?: GridProps;
+    DescriptionProps?: TypographyProps;
+    BodyGridProps?: GridProps;
+    NoItemsProps?: TypographyProps;
+    FormHelperTextGridProps?: GridProps;
+    FormHelperTextProps?: FormHelperTextProps;
+    FieldContainerProps?: GridProps;
+    FieldGroupGridProps?: GridProps;
+    RemoveButtonGridProps?: GridProps;
+    RemoveButtonProps?: ButtonProps;
+}
+declare const DynamicArray: React.FC<DynamicArrayProps>;
+export default DynamicArray;