@pareto-engineering/design-system 4.0.0-alpha.69 → 4.0.0-alpha.72

package/src/ui/f/fields/QueryCombobox/QueryCombobox.jsx

@@ -27,6 +27,7 @@ const QueryCombobox = ({
   name,
   label,
   labelColor,
+  getTagColor,
   color,
   optional,
   description,
@@ -104,6 +105,7 @@ const QueryCombobox = ({
     name,
     label,
     labelColor,
+    getTagColor,
     optional,
     description,
     setValue,
@@ -233,6 +235,16 @@ QueryCombobox.propTypes = {
    * does not match any of the options
    */
   promptCreateNewOption:PropTypes.bool,
+
+  /**
+   * The placeholder text for the input
+   * */
+  placeholder:PropTypes.string,
+
+  /**
+   * The function to get the color of the tag
+   * */
+  getTagColor:PropTypes.func,
 }
 
 QueryCombobox.defaultProps = {

package/src/ui/f/fields/QueryCombobox/common/MultipleCombobox/MultipleCombobox.jsx

@@ -47,6 +47,7 @@ const MultipleCombobox = ({
   labelColor,
   name,
   optional,
+  getTagColor,
   options:items,
   getOptions,
   setValue,
@@ -206,7 +207,7 @@ const MultipleCombobox = ({
                   removeSelectedItem(selectedItem)
                 }}
                 isCompact
-                color={color}
+                color={getTagColor ? getTagColor(selectedItem) : color}
               >
                 <span>{selectedItem.label}</span>
                 <span className="icon close">Y</span>
@@ -356,6 +357,42 @@ MultipleCombobox.propTypes = {
    * The placeholder text for the input
    */
   placeholder:PropTypes.string,
+
+  /**
+   * The function to set the options of the custom select input
+   */
+  setOptions:PropTypes.func,
+
+  /**
+   * Whether to prompt the user to create a new option if the search input
+   * does not match any of the options
+   */
+  promptCreateNewOption:PropTypes.bool,
+
+  /**
+   * The function to get the color of the tag
+   */
+  getTagColor:PropTypes.func,
+
+  /**
+   * The color of the label
+   */
+  labelColor:PropTypes.string,
+
+  /**
+   * The function to validate the input
+   */
+  validate:PropTypes.func,
+
+  /**
+   * Whether to allow multiple items selection
+   */
+  multiple:PropTypes.bool,
+
+  /**
+   * The variable to be used to search the data
+   */
+  searchVariable:PropTypes.string,
 }
 
 MultipleCombobox.defaultProps = {

package/src/ui/index.js

@@ -1,4 +1,3 @@
-export * from './r' // Router Extensions
 export * from './a'
 export * from './b'
 export * from './c'