Code clean up & improvements to ReadMe

README.md

@@ -3,16 +3,17 @@ With this widget you can easily select multiple values of an enumeration via che
 
 ![appstore](/assets/multi-select-enum_appstore_001.png)
 
-Show this MultiSelectEnum:
-
-![preview](/assets/Screenshot_001.PNG)
-
-
 ## Example use cases
 Any situation where you want a fixed set of values (enumeration) that can be easily translated and stored on a single object. Some examples:
 - Selecting which languages /days / documents are available
 - Creating checklists & showing completed items;
 - Building advanced search functionality;
+- Indicating skill set
+
+## Screenshot of an example page
+In this screenshot the widget is shown in multiple configurations (editable, read only as text, read only as control, horizontal and vertical).
+
+![preview](/assets/Screenshot_002.PNG)
 
 ## Features 
 - Multi-select 
@@ -21,27 +22,21 @@ Any situation where you want a fixed set of values (enumeration) that can be eas
 - Display the list in a horizontal or vertical direction
 - Specify the text of the label
 - Attach a microflow for the on-change event
+- Show text only version
 
 ## Usage
-Download the widget into your app and add **Multi Select Enum** to a data view on a page. Configure the properties described below to determine how the widget will behave in your application
-
-## Properties
+Download the widget into your app and add **Multi Select Enum** widget to a data view on your page. Configure the properties described below to determine how the widget will behave in your application
 
-### General Properties
-- Label - set the label value (question or other hint for the checkboxes)
-- Orientation – determines if the checkbox items will render horizontally or vertically 
+1. **Label** - set the label value (question or other hint for the checkboxes)
+1. **Orientation** – determines if the checkbox items will render horizontally or vertically 
+1. **Attribute enum** – an attribute that is on the entity used in the data view. The attribute needs to be of the type  enumeration type. This enumeration will be used to generate all the checkbox list
+1. **Attribute string** – an attribute of the type string, which will store the selected values of the enumeration
+1. **On change** - this is the action that will be invoked for an on-change event, if any of the checkboxes is clicked, this action will be started (e.g. execute nanoflow, microflow, save changes)
 
-### Data source
-- Attribute enum – an attribute of the enumeration type, the values of which will be rendered as the checkbox items list
-- Attribute string – an attribute of the string type, which will store the selected values of the enumeration
-
-### Events
-- On change – this is the microflow that will be invoked for an on-change event  
+## Limitations
+- They enumeration keys need to be unique. The value of a complete key, e.g. `HelloWorld` should not be a substring of another key like `HelloWorldUSA`.
+- This widget requires 2 attributes: the enumeration attribute to define the enumeration and a string attribute to store the selected values as a comma separate list. Note: the enumeration attribute can still be used for the standard behavior (like for selecting one value of the enumeration. This works independently of the multi-select functionality. The enumeration attribute is only required to determine which list of possible values to render.
 
 ## Notes
 - The string attribute is used to store the selected enumeration values. Make sure that the length of the string attribute is equals (or is larger than) the following sum: `length of enumeration keys + number of enumeration keys - 1`. 
-- The widget is display/input widget, but the comma separate list of string values can also be used in microflows. Use StringSplit in the CommunityCommons module to get split the string attribute in to separate values.
-
-## Limitations
-- They enumeration keys need to be unique. The value of a complete key, e.g. `HelloWorld` should not be a substring of another key like `HelloWorldUSA`.
-- This widget requires 2 attributes: the enumeration attribute to define the enumeration and a string attribute to store the selected values as a comma separate list. Note: the enumeration attribute can still be used for the standard behavior (like for selecting one value of the enumeration. This works independently of the multi-select functionality. The enumeration attribute is only required to determine which list of possible values to render.
+- The widget is display/input widget, but the comma separate list of string values can also be used in microflows. Use StringSplit in the CommunityCommons module to get split the string attribute in to separate values.

src/MultiSelectEnum.tsx

@@ -5,6 +5,8 @@ import { MultiSelectEnumContainerProps } from "../typings/MultiSelectEnumProps";
 import { CheckboxItem, CheckboxText } from "./components/CheckboxItem";
 import { Alert } from "./components/Alert";
 
+import classNames from "classnames";
+
 import "./ui/MultiSelectEnum.css";
 
 class MultiSelectEnum extends Component<MultiSelectEnumContainerProps> {
@@ -32,18 +34,15 @@ class MultiSelectEnum extends Component<MultiSelectEnumContainerProps> {
 
         // Enable validation feedback on this input element
         const validationFeedback = this.props.enumAttribute.validation;
-
+        const className = classNames(this.props.className, this.props.orientationMode === "horizontal" ? "checkboxes inline" : "checkboxes");
         return (
-            <div
-                style={this.props.style}
-                className={this.props.class}
-                tabIndex={this.props.tabIndex}
-            >
-                <div className={this.props.orientationMode === "horizontal" ? "checkboxes inline" : "checkboxes"}>
+                <div 
+                    className={className}
+                    style={this.props.style}
+                    tabIndex={this.props.tabIndex}>
                     {this.universe.map((this.eachEnumKey), this)}
                     <Alert>{validationFeedback}</Alert>
                 </div>
-            </div>
         );
     }
 

src/MultiSelectEnum.xml

@@ -4,7 +4,7 @@
 	xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.mendix.com/widget/1.0/ ../node_modules/mendix/custom_widget.xsd">
 	<name>Multi Select Enum</name>
 	<description>Select multiple enumeration values</description>
-	<icon> iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAABp1BMVEUAAABV//9mzP9LtP9Ms/9Jtv9NsvdJsfpLtPpJsfdJsfhJsvhJsvdKsvdJsPhKsPhJsfdJsPhJsfdIsfhJsfdIsPdJsfhJsfhJsPhJsPhIsfhIsPdJsPdKsPdKsfdNsvdOsvdPs/dQs/dRtPdStPdTtPdUtfdWtvdXtvdauPdcuPdeufdeufhguvhiu/hju/hkvPhmvfhnvfhpvvhrv/huwPhvwfhxwfhywvhzwvh4xfl5xfl6xfl8xvl9xvl9x/mByPmCyfmFyvmGyvmJzPmKzPmLzfmNzvqPzvqQz/qT0PqU0PqU0fqX0vqY0vqa0/qe1fqg1vqj1/uk1/un2fup2vut2/uv3Puw3Puw3fuz3vu13/u23/u34Pu44Pu64fu64fy84vy94vy+4/y/4/zD5fzE5fzG5vzH5vzI5/zK6PzL6PzR6/zT7P3U7P3V7f3W7f3Y7v3Z7v3c8P3e8f3f8f3g8f3i8v3l8/3l9P3n9P3r9v7t9/7u9/7v+P7w+P7x+f7y+f70+v71+v74/P75/P76/f77/f78/f78/v79/v7+/v7////6dMsRAAAAG3RSTlMAAwURGxwhMTNic3SEh4iVp7XBzejt7vH5/f6PsMNWAAABsklEQVR4AWIYfGAUjIJRMAqYuYREJKWJAqLCPGwY+jnFpEkBEryMqPr5pEkFgkwo9kuTDviR/S9GhgFSHAgDuKXJAQIIA4TIMkAcEY4i0mQBVrgBkuQZwA43QJo8wIFhQEhEOIBQOutHJozDOP5Crp4e1RhkJ0tKGJFd6oNEdtmJyEIzpaZl5nrRZgaHM/2Pf5/vwXXfyagXgG93bwSAlEolowLMm9w83gibhXH2gKKVdD67gTnWjwCk+VVjMQS4suSnnjMLRVFc9sAHvAX2A9fySaXNBMbEZVUWscaHIMRuqwBgD8hDEbnsRmfjUKJkAQZGCTlO/xWBwIADQLIZBlY441MvfoF1xlFS/4fy+bzXKh4dgNJE7L3eh3tmtuWa+AMcMIY3dgUvZQpGEYmMw2kD7HC+R29UqyoXLaBd0QZxzgXgikLLDSqJTKU5HOcS0MsbA9jPqtwCRvXm2eorBbNIJBw3KJ9O4Yl+AAXdnyaLt7PWN3jRWLvzmAVp94zO5+n41/onfo/UpExxZqI0O7NQr0DhIq9Io7hQpbRYp7hiobRqo6ByFcNWuY6CUTAKRgEAo8X0lBD3V30AAAAASUVORK5CYII=
+	<icon>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
 	</icon>
 	<properties>
 		<propertyGroup caption="General">

src/ui/MultiSelectEnum.css

@@ -12,6 +12,7 @@
 .checkboxes__item label {
     margin-left: 8px;
     margin-bottom: 0;
+    font-weight: 600;
 }
 .checkboxes__itemText::after {
     content: ', ';