@imposium-hub/components 1.58.5 → 1.58.7

package/dist/esm/components/text-field/TextField.js

@@ -4,22 +4,20 @@ import Button from '../button/Button';
 import FieldWrapper from '../field-wrapper/FieldWrapper';
 import { filterHotkeys } from '../../Util';
 import { ICON_CHECK, ICON_EDIT, ICON_SEARCH, ICON_PLUS, ICON_CLIPBOARD, ICON_TIMES } from '../../constants/icons';
-import Autosuggest from 'react-autosuggest';
+import ReactTextareaAutocomplete from '@imposium-hub/react-textarea-autocomplete';
+import Spinner from '../spinner/Spinner';
 class TextField extends React.PureComponent {
     inputRef;
+    textAreaRef;
     evtHandlers = {
-        submittable: () => this.forceSubmit(),
+        submittable: (e) => this.forceSubmit(e),
         controlled: (e) => this.toggleEditing(e),
         cancel: () => this.cancelEdit(),
-        clear: () => this.forceSubmit(true),
+        clear: (e) => this.forceSubmit(e, true),
         toggleEditing: (e) => this.toggleEditing(e),
-        forceSubmit: () => this.forceSubmit(),
+        forceSubmit: (e) => this.forceSubmit(e),
         clearValue: () => this.clearValue(),
-        copyToClipboard: (e) => this.copyToClipboard(e),
-        onSuggestionsFetchRequested: (e) => this.onSuggestionsFetchRequested(e),
-        onSuggestionsClearRequested: () => this.onSuggestionsClearRequested(),
-        getSuggestionValue: (e) => this.getSuggestionValue(e),
-        renderSuggestion: (e) => this.renderSuggestion(e)
+        copyToClipboard: (e) => this.copyToClipboard(e)
     };
     constructor(props) {
         super(props);
@@ -32,6 +30,7 @@ class TextField extends React.PureComponent {
             editing: false
         };
         this.inputRef = React.createRef();
+        this.textAreaRef = React.createRef();
         hotkeys.filter = (e) => filterHotkeys(e);
     }
     componentDidMount() {
@@ -50,13 +49,22 @@ class TextField extends React.PureComponent {
         }
     }
     componentDidUpdate = (prevProps, prevState) => {
-        if (this.props.controlled || this.props.submittable) {
-            if (prevProps.value !== this.props.value) {
+        const { controlled, submittable, value } = this.props;
+        const { editing, internalValue } = this.state;
+        if (submittable) {
+            this.textAreaRef.onkeydown = (e) => {
+                if (e.key === 'Enter') {
+                    this.props.doSubmit(internalValue);
+                }
+            };
+        }
+        if (controlled || submittable) {
+            if (prevProps.value !== value) {
                 this.setState({
-                    internalValue: this.props.value
+                    internalValue: value
                 });
             }
-            if (this.props.value === '' && !this.state.editing && prevState.editing) {
+            if (value === '' && !editing && prevState.editing) {
                 this.setState({
                     internalValue: ''
                 });
@@ -144,15 +152,16 @@ class TextField extends React.PureComponent {
             }, () => {
                 if (v) {
                     if (v.method === 'click') {
-                        this.evtHandlers.submittable();
+                        this.evtHandlers.submittable(e);
                     }
                 }
             });
         }
     }
-    forceSubmit = (clear = false) => {
+    forceSubmit = (e, clear = false) => {
+        e.preventDefault();
         const { internalValue } = this.state;
-        if (!clear) {
+        if (!clear && internalValue !== '') {
             this.props.doSubmit(internalValue);
             if (this.props.submittableType === 'add') {
                 this.setState({ internalValue: '' });
@@ -163,6 +172,12 @@ class TextField extends React.PureComponent {
             this.setState({ internalValue: '' });
         }
     };
+    onClickHandler = (e, value) => {
+        e.preventDefault();
+        e.stopPropagation();
+        this.props.doSubmit(value);
+        this.setState({ internalValue: '' });
+    };
     toggleEditing(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -174,7 +189,7 @@ class TextField extends React.PureComponent {
             }, () => {
                 // only fire onSubmit if the value changed
                 if (internalValue !== value) {
-                    let val = this.state.internalValue;
+                    let val = internalValue;
                     if (val === '') {
                         val = null;
                     }
@@ -200,20 +215,6 @@ class TextField extends React.PureComponent {
             this.props.doSubmit('');
         });
     }
-    getSuggestions(value) {
-        const inputValue = value.trim().toLowerCase();
-        const inputLength = inputValue.length;
-        return inputLength === 0
-            ? []
-            : this.props.suggestions.filter((tag) => tag.toLowerCase().slice(0, inputLength) === inputValue);
-    }
-    getSuggestionValue(suggestion) {
-        return suggestion;
-    }
-    // Use your imagination to render suggestions.
-    renderSuggestion(suggestion) {
-        return React.createElement("div", { className: 'suggestion' }, suggestion);
-    }
     renderSubmittableIcon = () => {
         const { submittableType } = this.props;
         switch (submittableType) {
@@ -262,19 +263,8 @@ class TextField extends React.PureComponent {
         }
         return buttonArray;
     }
-    onSuggestionsFetchRequested = ({ value }) => {
-        this.setState({
-            suggestions: this.getSuggestions(value)
-        });
-    };
-    onSuggestionsClearRequested = () => {
-        this.setState({
-            suggestions: []
-        });
-    };
     renderInput() {
         const { placeholder, controlled, submittable, disabled, readOnly, loading } = this.props;
-        const { suggestions } = this.state;
         const { editing } = this.state;
         const disable = (controlled && !editing) || disabled;
         const inputClass = controlled || submittable ? 'controlled-input' : '';
@@ -286,14 +276,36 @@ class TextField extends React.PureComponent {
             readOnly,
             ref: this.inputRef,
             onFocus: (e) => this.focus(e),
-            onBlur: (e) => this.blur(e)
+            onBlur: (e) => this.blur(e),
+            onChange: (e) => this.onChange(e)
         };
         if (this.props.suggestions) {
-            inputProps.onChange = (e, v) => this.onChange(e, v);
-            return (React.createElement(Autosuggest, { suggestions: suggestions, onSuggestionsFetchRequested: this.evtHandlers.onSuggestionsFetchRequested, onSuggestionsClearRequested: this.evtHandlers.onSuggestionsClearRequested, getSuggestionValue: this.evtHandlers.getSuggestionValue, renderSuggestion: this.evtHandlers.renderSuggestion, inputProps: inputProps }));
+            const chars = [];
+            const varsData = [];
+            const trigger = {};
+            this.props.suggestions.map((tag) => {
+                chars.push(tag[0]);
+                const obj = {
+                    name: `${tag}`
+                };
+                varsData.push(obj);
+            });
+            const variableItem = ({ entity: { name } }) => (React.createElement("div", { className: 'variable', onClick: (e) => this.onClickHandler(e, name) }, `${name}`));
+            const uniqueChars = [...new Set(chars)];
+            for (const char of uniqueChars) {
+                trigger[char] = {
+                    dataProvider: () => {
+                        const filtered = varsData.filter((f) => f.name.toLowerCase().startsWith(char));
+                        return filtered;
+                    },
+                    component: variableItem,
+                    output: (tag) => `${tag.name}`
+                };
+            }
+            const value = this.getValue();
+            return (React.createElement(ReactTextareaAutocomplete, { value: value, loadingComponent: () => React.createElement(Spinner, null), minChar: 0, textAreaComponent: 'input', trigger: trigger, innerRef: (ref) => (this.textAreaRef = ref), ...inputProps }));
         }
         else {
-            inputProps.onChange = (e) => this.onChange(e);
             return (React.createElement("input", { className: `${inputClass}`, ...inputProps }));
         }
     }

package/dist/esm/components/text-field/TextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/text-field/TextField.tsx"],"names":[],"mappings":"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"}

package/dist/styles.css

@@ -367,6 +367,70 @@ body a {
 .tags-column .form-field {
   margin: 0 0.6rem 0 0;
 }
+.tags-column .form-field label {
+  width: 100px;
+}
+.tags-column .form-field .form-field-buttons {
+  height: 22px;
+}
+.tags-column .form-field textarea {
+  height: unset;
+}
+.tags-column .rta,
+.new-tag .rta,
+.asset-details .rta {
+  margin-left: 5px;
+}
+.tags-column .rta .rta__textarea,
+.new-tag .rta .rta__textarea,
+.asset-details .rta .rta__textarea {
+  height: 22px;
+}
+.tags-column .rta .rta__autocomplete,
+.new-tag .rta .rta__autocomplete,
+.asset-details .rta .rta__autocomplete {
+  position: absolute;
+  top: 22px !important;
+  z-index: 1;
+  background: #161616;
+  border: 1px solid #272727;
+  overflow: auto;
+}
+.tags-column .rta .rta__autocomplete .rta__list,
+.new-tag .rta .rta__autocomplete .rta__list,
+.asset-details .rta .rta__autocomplete .rta__list {
+  list-style: none;
+  height: 60px;
+}
+.tags-column .rta .rta__autocomplete .rta__list .rta__item,
+.new-tag .rta .rta__autocomplete .rta__list .rta__item,
+.asset-details .rta .rta__autocomplete .rta__list .rta__item {
+  padding-bottom: 1px;
+}
+.tags-column .rta .rta__autocomplete .rta__list .rta__item .rta__entity--selected,
+.new-tag .rta .rta__autocomplete .rta__list .rta__item .rta__entity--selected,
+.asset-details .rta .rta__autocomplete .rta__list .rta__item .rta__entity--selected {
+  background-color: #353535;
+}
+.tags-column .rta .rta__autocomplete .rta__list .rta__item .variable,
+.new-tag .rta .rta__autocomplete .rta__list .rta__item .variable,
+.asset-details .rta .rta__autocomplete .rta__list .rta__item .variable {
+  padding-left: 5px;
+}
+.tags-column .rta .rta__autocomplete,
+.asset-details .rta .rta__autocomplete {
+  left: 105px !important;
+}
+.tags-column .rta .rta__autocomplete {
+  width: 173px;
+}
+.asset-details .rta .rta__autocomplete {
+  width: 362px;
+}
+.new-tag .rta .rta__autocomplete {
+  left: 5px !important;
+  width: 138px;
+}
 .centered-cell {
   width: 100%;
   display: flex;
@@ -1038,14 +1102,12 @@ body a {
   line-height: 21px;
   display: inline-block;
   vertical-align: top;
-  width: 100px;
   height: 20px;
   text-align: right;
   padding-right: 5px;
   box-sizing: border-box;
 }
 .form-field label.label-top {
-  width: 100%;
   text-align: left;
   padding-right: 5px/2;
   padding-left: 5px/2;
@@ -1235,34 +1297,6 @@ body a {
 .color-field .form-field-content .picker .sketch-picker .flexbox-fix {
   border-top: none !important;
 }
-.react-autosuggest__container {
-  position: relative;
-}
-.react-autosuggest__suggestions-container {
-  background: #161616;
-  border: 1px solid #272727;
-  position: absolute;
-  right: 0px;
-  top: 20px;
-  width: 100%;
-  z-index: 10000;
-  display: none;
-}
-.react-autosuggest__suggestions-container--open {
-  display: block;
-}
-.react-autosuggest__suggestions-list {
-  list-style: none;
-}
-.react-autosuggest__suggestion {
-  padding-left: 5px;
-  box-sizing: border-box;
-  margin-bottom: 2px;
-  cursor: pointer;
-}
-.react-autosuggest__suggestion--highlighted {
-  background: #353535;
-}
 .caret {
   display: block;
   width: 18px;

package/dist/styles.less

@@ -385,9 +385,67 @@ body{
 
     .form-field {
         margin: 0 0.6rem 0 0;
+        label {
+            width: 100px;
+        }
+        .form-field-buttons{
+            height: 22px;
+        }
+        textarea{
+            height: unset;
+        }
     }
 }
 
+.tags-column, .new-tag, .asset-details {
+    .rta {
+        margin-left: 5px;
+        .rta__textarea {
+            height: 22px;
+        }
+        .rta__autocomplete{
+            position: absolute;
+            top: 22px !important;
+            z-index: 1;
+            background: #161616;
+            border: 1px solid #272727;
+            overflow: auto;
+            .rta__list{
+                list-style: none;
+                height: 60px;
+                .rta__item{
+                    padding-bottom: 1px;
+                    .rta__entity--selected{
+                        background-color: #353535;
+                    }
+                    .variable {
+                        padding-left: 5px;
+                    }
+                }
+            }
+        }
+    }
+}
+
+.tags-column, .asset-details {
+    .rta .rta__autocomplete {
+        left: 105px !important;
+    }
+} 
+
+.tags-column .rta .rta__autocomplete {
+    width: 173px;
+}
+
+.asset-details .rta .rta__autocomplete {
+    width: 362px;
+}
+
+.new-tag .rta .rta__autocomplete {
+    left: 5px !important;
+    width: 138px;
+}
+
 .centered-cell {
     width: 100%;
     display: flex;
@@ -1103,14 +1161,12 @@ body{
 		line-height:21px;
 		display: inline-block;
 		vertical-align: top;
-		width:@labelWidth;
 		height:@labelHeight;
 		text-align:right;
 		padding-right:@labelPadding;
 		box-sizing: border-box;
 	
 		&.label-top{
-			width:100%;
 			text-align: left;
 			padding-right:@labelPadding/2;
 			padding-left:@labelPadding/2;
@@ -1310,60 +1366,6 @@ body{
 	}
 }
 
-.react-autosuggest__container{
-	position:relative;
-}
-.react-autosuggest__container--open{
-
-}
-.react-autosuggest__input{
-
-}
-.react-autosuggest__input--open{
-
-}
-.react-autosuggest__input--focused{
-	
-}
-.react-autosuggest__suggestions-container{
-	background:@backgroundDark;
-	border:1px solid @background;
-	position:absolute;
-	right:0px;
-	top:@inputHeight;
-	width:100%;
-	z-index:10000;
-	display: none;
-}
-
-.react-autosuggest__suggestions-container--open{
-	display: block;
-}
-.react-autosuggest__suggestions-list{
-	list-style: none;
-}
-.react-autosuggest__suggestion{
-	padding-left:5px;
-	box-sizing:border-box;
-	margin-bottom:2px;
-	cursor: pointer;
-}
-.react-autosuggest__suggestion--first{
-
-}
-.react-autosuggest__suggestion--highlighted{
-	background: @backgroundLight;
-}
-.react-autosuggest__section-container{
-
-}
-.react-autosuggest__section-container--first{
-
-}
-.react-autosuggest__section-title{
-
-}
-
 .caret{
 	display: block;
 	width: 18px;

package/less/components/assets.less

@@ -139,9 +139,67 @@
 
     .form-field {
         margin: 0 0.6rem 0 0;
+        label {
+            width: 100px;
+        }
+        .form-field-buttons{
+            height: 22px;
+        }
+        textarea{
+            height: unset;
+        }
+    }
+}
+
+.tags-column, .new-tag, .asset-details {
+    .rta {
+        margin-left: 5px;
+        .rta__textarea {
+            height: 22px;
+        }
+        .rta__autocomplete{
+            position: absolute;
+            top: 22px !important;
+            z-index: 1;
+            background: #161616;
+            border: 1px solid #272727;
+            overflow: auto;
+            .rta__list{
+                list-style: none;
+                height: 60px;
+                .rta__item{
+                    padding-bottom: 1px;
+                    .rta__entity--selected{
+                        background-color: #353535;
+                    }
+                    .variable {
+                        padding-left: 5px;
+                    }
+                }
+            }
+        }
     }
 }
 
+.tags-column, .asset-details {
+    .rta .rta__autocomplete {
+        left: 105px !important;
+    }
+} 
+
+.tags-column .rta .rta__autocomplete {
+    width: 173px;
+}
+
+.asset-details .rta .rta__autocomplete {
+    width: 362px;
+}
+
+.new-tag .rta .rta__autocomplete {
+    left: 5px !important;
+    width: 138px;
+}
+
 .centered-cell {
     width: 100%;
     display: flex;

package/less/components/form-field.less

@@ -70,14 +70,12 @@
 		line-height:21px;
 		display: inline-block;
 		vertical-align: top;
-		width:@labelWidth;
 		height:@labelHeight;
 		text-align:right;
 		padding-right:@labelPadding;
 		box-sizing: border-box;
 	
 		&.label-top{
-			width:100%;
 			text-align: left;
 			padding-right:@labelPadding/2;
 			padding-left:@labelPadding/2;
@@ -277,60 +275,6 @@
 	}
 }
 
-.react-autosuggest__container{
-	position:relative;
-}
-.react-autosuggest__container--open{
-
-}
-.react-autosuggest__input{
-
-}
-.react-autosuggest__input--open{
-
-}
-.react-autosuggest__input--focused{
-	
-}
-.react-autosuggest__suggestions-container{
-	background:@backgroundDark;
-	border:1px solid @background;
-	position:absolute;
-	right:0px;
-	top:@inputHeight;
-	width:100%;
-	z-index:10000;
-	display: none;
-}
-
-.react-autosuggest__suggestions-container--open{
-	display: block;
-}
-.react-autosuggest__suggestions-list{
-	list-style: none;
-}
-.react-autosuggest__suggestion{
-	padding-left:5px;
-	box-sizing:border-box;
-	margin-bottom:2px;
-	cursor: pointer;
-}
-.react-autosuggest__suggestion--first{
-
-}
-.react-autosuggest__suggestion--highlighted{
-	background: @backgroundLight;
-}
-.react-autosuggest__section-container{
-
-}
-.react-autosuggest__section-container--first{
-
-}
-.react-autosuggest__section-title{
-
-}
-
 .caret{
 	display: block;
 	width: 18px;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "1.58.5",
+    "version": "1.58.7",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",
@@ -54,11 +54,11 @@
         "@fortawesome/pro-light-svg-icons": "^6.1.1",
         "@fortawesome/pro-solid-svg-icons": "^6.1.1",
         "@fortawesome/react-fontawesome": "^0.1.18",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.5",
         "axios": "^0.21.1",
         "hotkeys-js": "^3.6.12",
         "localforage": "^1.7.3",
         "react": "^17.0.1",
-        "react-autosuggest": "^9.4.3",
         "react-dnd": "^14.0.2",
         "react-dnd-html5-backend": "^14.0.0",
         "react-dom": "^17.0.2",
@@ -80,6 +80,7 @@
         "@fortawesome/react-fontawesome": "^0.1.18",
         "@imposium-hub/eslint-config": "^1.1.0",
         "@imposium-hub/prettier-config": "^2.1.0",
+        "@imposium-hub/react-textarea-autocomplete": "^4.9.5",
         "@storybook/addon-actions": "^6.4.22",
         "@storybook/addon-docs": "^6.4.22",
         "@storybook/addon-essentials": "^6.4.22",
@@ -110,7 +111,6 @@
         "onchange": "^7.1.0",
         "prettier": "^2.6.2",
         "react": "^17.0.1",
-        "react-autosuggest": "^9.4.3",
         "react-dnd": "^14.0.2",
         "react-dnd-html5-backend": "^14.0.0",
         "react-dom": "^17.0.2",
@@ -122,8 +122,8 @@
         "react-tooltip": "3.11.1",
         "run-sequence": "^2.2.1",
         "sb": "^6.4.22",
-        "storybook-dark-mode": "^1.1.0",
         "smpte-timecode": "^1.2.3",
+        "storybook-dark-mode": "^1.1.0",
         "typescript": "^4.6.3"
     },
     "eslintConfig": {