@try-at-software/input-elements 1.2.0-alpha.29 → 1.2.0-alpha.33

package/lib/Components/Buttons/ClearButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface IClearButtonProps {
+    className?: string;
+    isDisabled?: boolean;
+    onClick: () => void;
+}
+export declare class ClearButton extends React.Component<IClearButtonProps> {
+    render(): JSX.Element;
+}
+export {};

package/lib/Components/Buttons/ClearButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClearButton = void 0;
+const React = require("react");
+const react_1 = require("@fluentui/react");
+class ClearButton extends React.Component {
+    render() {
+        const { className, isDisabled, onClick } = this.props;
+        return React.createElement(react_1.DefaultButton, { className: className, disabled: isDisabled, iconProps: { iconName: 'Clear' }, onClick: onClick });
+    }
+}
+exports.ClearButton = ClearButton;

package/lib/Components/Buttons/index.d.ts

@@ -0,0 +1 @@
+export * from './ClearButton';

package/lib/Components/Buttons/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ClearButton"), exports);

package/lib/Components/index.d.ts

@@ -0,0 +1 @@
+export * from './Buttons';

package/lib/Components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Buttons"), exports);

package/lib/SingleValueInputElements/SingleValueInputElement.js

@@ -80,7 +80,7 @@ class SingleValueInputElement extends ExtendedInputElement_1.ExtendedInputElemen
     get isValid() {
         if (this._isInvalidated)
             return false;
-        if (this.isLoading || !this.isVisible)
+        if (this.isLoading)
             return false;
         if (this.errorMessage && this.errorMessage.length > 0)
             return false;

package/lib/SingleValueInputElements/TimePickerInputElement/ITimePickerProps.d.ts

@@ -1,5 +1,7 @@
 import { IBaseInputElementProps } from '../IBaseInputElementProps';
 export interface ITimePickerProps extends IBaseInputElementProps {
+    inputClassName?: string;
+    clearButtonClassName?: string;
     formatDate?: (date: Date) => string;
     showGoToToday?: boolean;
     showMonthPicker?: boolean;

package/lib/SingleValueInputElements/TimePickerInputElement/TimePicker.d.ts

@@ -5,4 +5,5 @@ import { ITimePickerProps } from './ITimePickerProps';
 export declare class TimePicker extends React.Component<ISingleValueInputElementProps<Date> & ITimePickerProps & IBaseInputElementDynamicProps> {
     render(): JSX.Element;
     private onChange;
+    private clearDate;
 }

package/lib/SingleValueInputElements/TimePickerInputElement/TimePicker.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePicker = void 0;
 const React = require("react");
 const react_1 = require("@fluentui/react");
+const ClearButton_1 = require("../../Components/Buttons/ClearButton");
 class TimePicker extends React.Component {
     constructor() {
         super(...arguments);
@@ -10,6 +11,9 @@ class TimePicker extends React.Component {
             var _a;
             (_a = this.props) === null || _a === void 0 ? void 0 : _a.onChange(newValue);
         };
+        this.clearDate = () => {
+            this.onChange(null);
+        };
     }
     render() {
         var _a;
@@ -18,6 +22,8 @@ class TimePicker extends React.Component {
         return (React.createElement(React.Fragment, null,
             !!((_a = this.props) === null || _a === void 0 ? void 0 : _a.label) && React.createElement(react_1.Label, { required: !!this.props.renderRequiredIndicator }, this.props.label),
             React.createElement(react_1.DatePicker, { "data-automationid": "time-input", placeholder: this.props.placeholder, onSelectDate: this.onChange, textField: {
+                    onRenderSuffix: () => (React.createElement(ClearButton_1.ClearButton, { onClick: this.clearDate, className: this.props.clearButtonClassName })),
+                    inputClassName: this.props.inputClassName,
                     errorMessage: this.props.errorMessage,
                     disabled: this.props.isDisabled
                 }, showGoToToday: !!this.props.showGoToToday, formatDate: this.props.formatDate, firstDayOfWeek: this.props.startWeekOnSunday ? react_1.DayOfWeek.Sunday : react_1.DayOfWeek.Monday, isMonthPickerVisible: !!this.props.showMonthPicker, highlightSelectedMonth: !!this.props.showMonthPicker, value: this.props.value })));

package/lib/Utilities/DropdownHelper.js

@@ -53,6 +53,7 @@ DropdownHelper.toNormalizedDropdownOption = (inputOption) => {
     return {
         text: inputOption.text,
         key: inputOption.key,
-        itemType: itemType
+        itemType: itemType,
+        disabled: !!inputOption.disabled
     };
 };

package/lib/Utilities/FormHelper.js

@@ -8,8 +8,14 @@ function getFormState(inputs) {
     let hasChanges = false;
     let index = 0;
     while ((isValid || !hasChanges) && index < inputs.length) {
-        isValid = isValid && inputs[index].isValid;
-        hasChanges = hasChanges || inputs[index].hasChanges;
+        const currentInput = inputs[index];
+        if (!currentInput) {
+            isValid = false;
+        }
+        else {
+            isValid = isValid && currentInput.isValid;
+            hasChanges = hasChanges || currentInput.hasChanges;
+        }
         index++;
     }
     return {

package/lib/index.d.ts

@@ -1,3 +1,4 @@
+export * from './Components';
 export * from './ExtendedInputElement';
 export * from './IChangingInputElement';
 export * from './IHidingInputElement';

package/lib/index.js

@@ -10,6 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Components"), exports);
 __exportStar(require("./ExtendedInputElement"), exports);
 __exportStar(require("./IChangingInputElement"), exports);
 __exportStar(require("./IHidingInputElement"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@try-at-software/input-elements",
-    "version": "1.2.0-alpha.29",
+    "version": "1.2.0-alpha.33",
     "description": "A package providing different input elements that are extensible and easily configurable for your custom needs.",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",