@gpa-gemstone/react-forms 1.1.112 → 1.1.114

package/lib/TimePicker.js

@@ -35,24 +35,17 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DatePicker;
 var React = require("react");
-var ToolTip_1 = require("./ToolTip");
-var helper_functions_1 = require("@gpa-gemstone/helper-functions");
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var HelpIcon_1 = require("./HelpIcon");
 function DatePicker(props) {
-    var guid = React.useState((0, helper_functions_1.CreateGuid)())[0];
-    var _a = React.useState(false), showHelp = _a[0], setShowHelp = _a[1];
     // Variables to control the rendering of label and help icon.
     var showLabel = props.Label !== "";
-    var showHelpIcon = props.Help !== undefined;
     var label = props.Label === undefined ? props.Field : props.Label;
     return (React.createElement("div", { className: "form-group" },
-        showHelpIcon || showLabel ?
+        showLabel ?
             React.createElement("label", { className: "d-flex align-items-center" },
                 React.createElement("span", null, showLabel ? label : ''),
-                showHelpIcon && (React.createElement("span", { className: "ml-2 d-flex align-items-center", onMouseEnter: function () { return setShowHelp(true); }, onMouseLeave: function () { return setShowHelp(false); }, "data-tooltip": guid },
-                    React.createElement(gpa_symbols_1.ReactIcons.QuestionMark, { Color: "var(--info)", Size: 20 }))))
+                React.createElement(HelpIcon_1.default, { Help: props.Help }))
             : null,
-        React.createElement(ToolTip_1.default, { Show: showHelp, Target: guid, Class: "info", Position: "top" }, props.Help),
         React.createElement("input", { className: 'form-control' + (props.Valid(props.Field) ? '' : ' is-invalid'), type: "time", step: props.Step === null ? 60 : props.Step, onChange: function (evt) {
                 var record = __assign({}, props.Record);
                 if (evt.target.value !== '')

package/lib/ToggleSwitch.js

@@ -36,14 +36,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = ToggleSwitch;
 var React = require("react");
 var helper_functions_1 = require("@gpa-gemstone/helper-functions");
-var ToolTip_1 = require("./ToolTip");
-var gpa_symbols_1 = require("@gpa-gemstone/gpa-symbols");
+var HelpIcon_1 = require("./HelpIcon");
 function ToggleSwitch(props) {
-    var helpID = React.useState((0, helper_functions_1.CreateGuid)())[0];
     var switchID = React.useState((0, helper_functions_1.CreateGuid)())[0];
-    var _a = React.useState(false), showHelp = _a[0], setShowHelp = _a[1];
     // Variables to control the rendering of label and help icon.
-    var showHelpIcon = props.Help !== undefined;
     var label = props.Label === undefined ? props.Field : props.Label;
     return (React.createElement("div", { className: "custom-control custom-switch form-group", style: props.Style },
         React.createElement("input", { type: "checkbox", className: "custom-control-input", onChange: function (evt) {
@@ -53,10 +49,5 @@ function ToggleSwitch(props) {
             }, value: props.Record[props.Field] ? 'on' : 'off', checked: props.Record[props.Field], disabled: props.Disabled == null ? false : props.Disabled, id: switchID }),
         React.createElement("label", { className: "custom-control-label d-flex align-items-center", htmlFor: switchID },
             React.createElement("span", null, label),
-            showHelpIcon ?
-                React.createElement(React.Fragment, null,
-                    React.createElement("span", { className: "ml-2 d-flex align-items-center", onMouseEnter: function () { return setShowHelp(true); }, onMouseLeave: function () { return setShowHelp(false); }, "data-tooltip": helpID },
-                        React.createElement(gpa_symbols_1.ReactIcons.QuestionMark, { Color: "var(--info)", Size: 20 })),
-                    React.createElement(ToolTip_1.default, { Show: showHelp, Target: helpID, Zindex: 9999, Class: "info", Position: "top" }, props.Help))
-                : null)));
+            React.createElement(HelpIcon_1.default, { Help: props.Help }))));
 }

package/lib/index.d.ts

@@ -20,4 +20,8 @@ import FileUpload from './FileUpload';
 import MultiInput from './MultiInput';
 import ToolTip from './ToolTip';
 import MultiSearchableSelect from './MultiSearchableSelect';
-export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect, DoubleInput, TimePicker, StylableSelect, ColorPicker, SearchableSelect, ToggleSwitch, InputWithButton, RadioButtons, FileUpload, MultiInput, ToolTip, MultiSearchableSelect };
+import AutoCompleteTextArea from './AutoCompleteTextArea';
+import AutoCompleteInput from './AutoCompleteInput';
+import HelpIcon from './HelpIcon';
+import AutoCompleteMultiInput from './AutoCompleteMultiInput';
+export { CheckBox, Input, DatePicker, Select, TextArea, DateRangePicker, EnumCheckBoxes, ArrayMultiSelect, ArrayCheckBoxes, MultiCheckBoxSelect, DoubleInput, TimePicker, StylableSelect, ColorPicker, SearchableSelect, ToggleSwitch, InputWithButton, RadioButtons, FileUpload, MultiInput, ToolTip, MultiSearchableSelect, HelpIcon, AutoCompleteTextArea, AutoCompleteInput, AutoCompleteMultiInput };

package/lib/index.js

@@ -22,7 +22,7 @@
 //
 // ******************************************************************************************************
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MultiSearchableSelect = exports.ToolTip = exports.MultiInput = exports.FileUpload = exports.RadioButtons = exports.InputWithButton = exports.ToggleSwitch = exports.SearchableSelect = exports.ColorPicker = exports.StylableSelect = exports.TimePicker = exports.DoubleInput = exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
+exports.AutoCompleteMultiInput = exports.AutoCompleteInput = exports.AutoCompleteTextArea = exports.HelpIcon = exports.MultiSearchableSelect = exports.ToolTip = exports.MultiInput = exports.FileUpload = exports.RadioButtons = exports.InputWithButton = exports.ToggleSwitch = exports.SearchableSelect = exports.ColorPicker = exports.StylableSelect = exports.TimePicker = exports.DoubleInput = exports.MultiCheckBoxSelect = exports.ArrayCheckBoxes = exports.ArrayMultiSelect = exports.EnumCheckBoxes = exports.DateRangePicker = exports.TextArea = exports.Select = exports.DatePicker = exports.Input = exports.CheckBox = void 0;
 var CheckBox_1 = require("./CheckBox");
 exports.CheckBox = CheckBox_1.default;
 var Input_1 = require("./Input");
@@ -67,3 +67,11 @@ var ToolTip_1 = require("./ToolTip");
 exports.ToolTip = ToolTip_1.default;
 var MultiSearchableSelect_1 = require("./MultiSearchableSelect");
 exports.MultiSearchableSelect = MultiSearchableSelect_1.default;
+var AutoCompleteTextArea_1 = require("./AutoCompleteTextArea");
+exports.AutoCompleteTextArea = AutoCompleteTextArea_1.default;
+var AutoCompleteInput_1 = require("./AutoCompleteInput");
+exports.AutoCompleteInput = AutoCompleteInput_1.default;
+var HelpIcon_1 = require("./HelpIcon");
+exports.HelpIcon = HelpIcon_1.default;
+var AutoCompleteMultiInput_1 = require("./AutoCompleteMultiInput");
+exports.AutoCompleteMultiInput = AutoCompleteMultiInput_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-forms",
-  "version": "1.1.112",
+  "version": "1.1.114",
   "description": "React Form modules for gpa webapps",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",