Merge pull request #170 from performant-software/feature/udf3_search_filter

UDF #3 - Search/sort

Author: dleadbetter

packages/controlled-vocabulary/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/controlled-vocabulary",
-  "version": "0.6.2-beta.5",
+  "version": "1.0.0",
   "description": "A package of components to allow user to configure dropdown elements. Use with the \"controlled_vocabulary\" gem.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -12,8 +12,8 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/semantic-components": "^0.6.2-beta.5",
-    "@performant-software/shared-components": "^0.6.2-beta.5",
+    "@performant-software/semantic-components": "^1.0.0",
+    "@performant-software/shared-components": "^1.0.0",
     "i18next": "^21.9.2",
     "semantic-ui-react": "^2.1.2",
     "underscore": "^1.13.2"

packages/semantic-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "0.6.2-beta.5",
+  "version": "1.0.0",
   "description": "A package of shared components based on the Semantic UI Framework.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -12,7 +12,7 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/shared-components": "^0.6.2-beta.5",
+    "@performant-software/shared-components": "^1.0.0",
     "@react-google-maps/api": "^2.8.1",
     "axios": "^0.26.1",
     "i18next": "^19.4.4",

packages/shared/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/shared-components",
-  "version": "0.6.2-beta.5",
+  "version": "1.0.0",
   "description": "A package of shared, framework agnostic, components.",
   "license": "MIT",
   "main": "./build/index.js",

packages/user-defined-fields/README.md

@@ -0,0 +1,53 @@
+#UserDefinedFields
+This package is designed to be used with the [user_defined_fields](https://github.com/performant-software/user-defined-fields) Rails gem. The idea is to allow users to define what type of metadata they want to collection about specific models and use these components to add, remove, and modify the configuration of the fields.
+
+## Installation
+
+```bash
+yarn add @performant-software/user-defined-fields
+```
+
+or
+
+```bash
+npm install @performant-software/user-defined-fields
+```
+
+## Components
+To load user defined fields directly from the API endpoint, use the `UserDefinedFieldsList` component.
+
+```jsx
+<UserDefinedFieldsList />
+```
+
+To add the user defined fields from nested attributes of a parent record, use the `UserDefinedFieldsEmbeddedList` component.
+
+```jsx
+<UserDefinedFieldsEmbeddedList
+  items={props.item.user_defined_fields}
+  onDelete={props.onDeleteChildAssociation.bind(this, 'user_defined_fields')}
+  onSave={props.onSaveChildAssociation.bind(this, 'user_defined_fields')}
+/>
+```
+
+## Services
+
+```javascript
+// Fetch the list of user defined fields
+UserDefinedFieldsService.fetchAll(params)
+
+// Fetch a single user defined field
+UserDefinedFieldsService.fetchOne(id)
+
+// Save a user defined field
+UserDefinedFieldsService.save(udf)
+
+// Delete a user defined field
+UserDefinedFieldsService.delete(udf)
+
+// Fetch a list of tables to which user defined fields can be added
+UserDefinedFieldsService.fetchTables()
+
+// Fetch a list of allowed data types
+UserDefinedFieldsService.fetchDataTypes()
+```

packages/user-defined-fields/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/user-defined-fields",
-  "version": "0.6.2-beta.5",
+  "version": "1.0.0",
   "description": "A package of components used for allowing end users to define fields on models. Use with the \"user_defined_fields\" gem.",
   "license": "MIT",
   "main": "./build/index.js",
@@ -9,8 +9,8 @@
     "build": "webpack --mode production && flow-copy-source -v src types"
   },
   "dependencies": {
-    "@performant-software/semantic-components": "^0.6.2-beta.5",
-    "@performant-software/shared-components": "^0.6.2-beta.5",
+    "@performant-software/semantic-components": "^1.0.0",
+    "@performant-software/shared-components": "^1.0.0",
     "i18next": "^21.9.1",
     "semantic-ui-react": "^2.1.2",
     "underscore": "^1.13.2"

packages/user-defined-fields/src/components/UserDefinedFieldModal.js

@@ -90,6 +90,12 @@ const UserDefinedFieldModal: ComponentType<any> = (props) => {
             label={i18n.t('UserDefinedFieldModal.labels.required')}
             onChange={props.onCheckboxInputChange.bind(this, 'required')}
           />
+          <Form.Checkbox
+            error={props.isError('searchable')}
+            checked={props.item.searchable}
+            label={i18n.t('UserDefinedFieldModal.labels.searchable')}
+            onChange={props.onCheckboxInputChange.bind(this, 'searchable')}
+          />
           { props.item.data_type === DataTypes.select && (
             <Form.Checkbox
               error={props.isError('allow_multiple')}

packages/user-defined-fields/src/components/UserDefinedFieldsForm.js

@@ -134,7 +134,7 @@ const UserDefinedFieldsForm: ComponentType<any> = (props: Props) => {
           required={field.required}
         >
           <DatePicker
-            onChange={(date) => onChange(field, date && date.toString())}
+            onChange={(date) => onChange(field, date && date.toISOString())}
             value={fieldValue && new Date(fieldValue)}
           />
         </Form.Input>

packages/user-defined-fields/src/i18n/en.json

@@ -5,6 +5,7 @@
       "dataType": "Data type",
       "name": "Name",
       "required": "Required",
+      "searchable": "Searchable",
       "table": "Table"
     },
     "title": {

packages/user-defined-fields/src/index.js

@@ -11,6 +11,7 @@ export { default as UserDefinedFieldsList } from './components/UserDefinedFields
 export { default as UserDefinedFieldsService } from './services/UserDefinedFields';
 
 // Transforms
+export { default as FieldableTransform } from './transforms/Fieldable';
 export { default as UserDefinedFieldTransform } from './transforms/UserDefinedField';
 export { default as UserDefinedFieldsTransform } from './transforms/UserDefinedFields';
 

packages/user-defined-fields/src/transforms/Fieldable.js

@@ -0,0 +1,27 @@
+// @flow
+
+import { Form as FormUtils } from '@performant-software/shared-components';
+import _ from 'underscore';
+
+/**
+ * Class responsible for transforming fieldable data.
+ */
+class Fieldable {
+  /**
+   * Converts the "user_defined" data for the passed fieldable item into form data.
+   *
+   * @param formData
+   * @param prefix
+   * @param item
+   */
+  toFormData(formData, prefix, item) {
+    const { user_defined: userDefined } = item;
+
+    _.each(_.keys(userDefined), (key) => {
+      FormUtils.setAttribute(formData, `${prefix}[user_defined]`, userDefined, key);
+    });
+  }
+}
+
+const FieldableTransform: Fieldable = new Fieldable();
+export default FieldableTransform;