Add docs for blueprint dual list select

Author: rvsia

packages/react-renderer-demo/src/doc-components/dual-list-select.js

@@ -2,6 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import MuiDualListSelect from './examples-texts/mui/mui-dual-list-select.md';
 import SuirDualListSelect from './examples-texts/suir/suir-dual-list-select.md';
+import BlueprintDualListSelect from './examples-texts/blueprint/blueprint-dual-list-select.md';
 import GenericMuiComponent from '../helpers/generic-mui-component';
 
 const DualListSelect = ({ activeMapper }) => {
@@ -13,6 +14,10 @@ const DualListSelect = ({ activeMapper }) => {
     return <SuirDualListSelect />;
   }
 
+  if (activeMapper === 'blueprint') {
+    return <BlueprintDualListSelect />;
+  }
+
   return <GenericMuiComponent activeMapper={activeMapper} component="dual-list-select" />;
 };
 

packages/react-renderer-demo/src/doc-components/examples-texts/blueprint/blueprint-dual-list-select.md

@@ -0,0 +1,53 @@
+This a custom component with a custom design.
+
+**Props**
+
+Dual list select is wrapped in a form group, so it accepts all [form group props](/renderer/component-api#formgroupwrappedcomponents).
+
+|Props|Type|Default|Description|
+|-----|----|-------|-----------|
+|options|array|[]|`[{label, value, ...props}]` *see below*|
+|leftTitle|String|'Options'|Title for options|
+|rightTitle|String|'Selected'|Title for selected items|
+|moveLeftTitle|String|'Move selected to left'|Tooltip for move to left button|
+|moveRightTitle|String|'Move selected to right'|Tooltip for move to right button|
+|moveAllLeftTitle|String|'Move all to left'|Tooltip for move all to left button|
+|moveAllRightTitle|String|'Move all to right'|Tooltip for move all to right button|
+|allToLeft|Boolean|true|Hides all to left button|
+|allToRight|Boolean|true|Hides all to right button|
+|noValueTitle|String|'No selected'|Placeholder for empty value|
+|noOptionsTitle|String|'No available options'|Placeholder for empty options|
+|filterOptionsTitle|String|'Filter options'|Placeholder for options filter input|
+|filterValueTitle|String|'Filter selected value'|Placeholder for value filter input|
+|filterValueText|String|'Remove your filter to see all selected'|Placeholder for value when there is no filtered value|
+|filterOptionsText|String|'Remove your filter to see all options'|Placeholder for options when there is no filtered option|
+
+**Options**
+
+|Props|Type|Description|
+|-----|----|-----------|
+|value|string|Value of the option|
+|label|node|ListItemText primary text|
+|MenuItemProps|object|Props passed to MenuItem|
+
+**Customization**
+
+|Props|
+|-----|
+|LeftWrapperProps|
+|RightWrapperProps|
+|ButtonGroupProps|
+|ToRightButtonProps|
+|AllToRightButtonProps|
+|AllToLeftButtonProps|
+|ToLeftButtonProps|
+|LeftControlGroupProps|
+|LeftInputGroupProps|
+|LeftButtonProps|
+|RightControlGroupProps|
+|RightInputGroupProps|
+|RightButtonProps|
+|LeftMenuProps|
+|LeftMenuItemProps|
+|RightMenuProps|
+|RightMenuItemProps|