@pnp/spfx-controls-react 3.24.0-beta.2252463 → 3.24.0-beta.2280641

package/lib-commonjs/controls/dashboard/widget/IWidget.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetSize = void 0;
+/**
+ * Dashboard widget size
+ */
+var WidgetSize;
+(function (WidgetSize) {
+    WidgetSize["Single"] = "single";
+    WidgetSize["Double"] = "double";
+    WidgetSize["Triple"] = "triple";
+    WidgetSize["Quadruple"] = "quadruple";
+    WidgetSize["Box"] = "box";
+})(WidgetSize || (exports.WidgetSize = WidgetSize = {}));
+//# sourceMappingURL=IWidget.js.map

package/lib-commonjs/controls/dashboard/widget/IWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IWidget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/IWidget.ts"],"names":[],"mappings":";;;AAsBA;;GAEG;AACH,IAAY,UAMX;AAND,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;IACjB,qCAAuB,CAAA;IACvB,yBAAW,CAAA;AACb,CAAC,EANW,UAAU,0BAAV,UAAU,QAMrB"}

package/lib-commonjs/controls/dashboard/widget/Widget.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Widget = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_northstar_1 = require("@fluentui/react-northstar");
+var IWidget_1 = require("./IWidget");
+var Widget = function (_a) {
+    var children = _a.children, widget = _a.widget;
+    var cardStyle = {
+        gridColumnEnd: "auto",
+        gridRowEnd: "auto",
+        "@media (max-width: 842px)": {
+            gridColumnEnd: "span 4",
+        },
+    };
+    switch (widget.size) {
+        case IWidget_1.WidgetSize.Double:
+            cardStyle.gridColumnEnd = "span 2";
+            break;
+        case IWidget_1.WidgetSize.Box:
+            cardStyle.gridColumnEnd = "span 2";
+            cardStyle.gridRowEnd = "span 2";
+            break;
+        case IWidget_1.WidgetSize.Triple:
+            cardStyle.gridColumnEnd = "span 3";
+            break;
+        case IWidget_1.WidgetSize.Quadruple:
+            cardStyle.gridColumnEnd = "span 4";
+            break;
+    }
+    // Support vertical extension via rowSpan
+    if (widget.rowSpan && widget.rowSpan > 1) {
+        cardStyle.gridRowEnd = "span ".concat(widget.rowSpan);
+    }
+    if (widget.controlOptions && widget.controlOptions.isHidden) {
+        return null;
+    }
+    return (React.createElement(react_northstar_1.Card, { styles: cardStyle, fluid: true }, children));
+};
+exports.Widget = Widget;
+//# sourceMappingURL=Widget.js.map

package/lib-commonjs/controls/dashboard/widget/Widget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Widget.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/Widget.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,6DAEmC;AACnC,qCAAgD;AAEzC,IAAM,MAAM,GAAG,UAAC,EAMtB;QALG,QAAQ,cAAA,EACR,MAAM,YAAA;IAKN,IAAM,SAAS,GAAG;QACd,aAAa,EAAE,MAAM;QACrB,UAAU,EAAE,MAAM;QAClB,2BAA2B,EAAE;YACzB,aAAa,EAAE,QAAQ;SAC1B;KACJ,CAAC;IAEF,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,oBAAU,CAAC,MAAM;YAClB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAM;QACV,KAAK,oBAAU,CAAC,GAAG;YACf,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,SAAS,CAAC,UAAU,GAAG,QAAQ,CAAC;YAChC,MAAM;QACV,KAAK,oBAAU,CAAC,MAAM;YAClB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAM;QACV,KAAK,oBAAU,CAAC,SAAS;YACrB,SAAS,CAAC,aAAa,GAAG,QAAQ,CAAC;YACnC,MAAK;IACb,CAAC;IAED,yCAAyC;IACzC,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC;QACvC,SAAS,CAAC,UAAU,GAAG,eAAQ,MAAM,CAAC,OAAO,CAAE,CAAC;IACpD,CAAC;IAED,IAAG,MAAM,CAAC,cAAc,IAAI,MAAM,CAAC,cAAc,CAAC,QAAQ,EAAC,CAAC;QACxD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CACH,oBAAC,sBAAI,IAAC,MAAM,EAAE,SAAS,EAAE,KAAK,UACzB,QAAQ,CACN,CACV,CAAC;AACN,CAAC,CAAC;AA5CW,QAAA,MAAM,UA4CjB"}

package/lib-commonjs/controls/dashboard/widget/WidgetBody.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetBody = void 0;
+var tslib_1 = require("tslib");
+var react_northstar_1 = require("@fluentui/react-northstar");
+var React = tslib_1.__importStar(require("react"));
+var EmptyState = function (_a) {
+    var borderColor = _a.borderColor;
+    return (React.createElement(react_northstar_1.Box, { styles: {
+            height: "100%",
+            border: "1px dashed ".concat(borderColor),
+        } }));
+};
+var WidgetBody = function (_a) {
+    var widget = _a.widget, siteVariables = _a.siteVariables;
+    var _b = React.useState(0), activeTabId = _b[0], setActiveTabId = _b[1];
+    return (React.createElement(react_northstar_1.Card.Body, { style: {
+            marginBottom: "0.75rem",
+            height: "100%",
+            overflow: "hidden",
+        }, fitted: true }, widget.body ? (React.createElement(React.Fragment, null,
+        widget.body.length > 1 && (React.createElement(react_northstar_1.Menu, { style: {
+                border: "none",
+                background: "none",
+                marginBottom: "1.25rem",
+            }, items: Array.from(widget.body, function (_a) {
+                var id = _a.id, title = _a.title;
+                return Object.assign({ key: id, content: title });
+            }), activeIndex: activeTabId, onItemClick: function (_a, props) {
+                var currentTarget = _a.currentTarget;
+                return setActiveTabId(props && props.index ? props.index : 0);
+            }, accessibility: react_northstar_1.tabListBehavior, underlined: true, primary: true })),
+        widget.body.map(function (_a, i) {
+            var id = _a.id, content = _a.content;
+            return (React.createElement(react_northstar_1.Flex, { key: id, styles: {
+                    height: "100%",
+                    display: activeTabId === i ? "flex" : "none",
+                }, column: true }, content));
+        }))) : (React.createElement(EmptyState, { borderColor: siteVariables.colors.grey["300"] }))));
+};
+exports.WidgetBody = WidgetBody;
+//# sourceMappingURL=WidgetBody.js.map

package/lib-commonjs/controls/dashboard/widget/WidgetBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetBody.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/WidgetBody.tsx"],"names":[],"mappings":";;;;AAAA,6DAA0G;AAC1G,mDAA+B;AAI/B,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,WAAW,iBAAA;IAC7B,OAAO,CACH,oBAAC,qBAAG,IACA,MAAM,EAAE;YACJ,MAAM,EAAE,MAAM;YACd,MAAM,EAAE,qBAAc,WAAW,CAAE;SACtC,GACH,CACL,CAAC;AACN,CAAC,CAAC;AAEK,IAAM,UAAU,GAAG,UAAC,EAM1B;QALG,MAAM,YAAA,EACN,aAAa,mBAAA;IAKP,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAhD,WAAW,QAAA,EAAE,cAAc,QAAqB,CAAC;IACxD,OAAO,CACH,oBAAC,sBAAI,CAAC,IAAI,IACN,KAAK,EAAE;YACH,YAAY,EAAE,SAAS;YACvB,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;SACrB,EACD,MAAM,UAEL,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CACX;QACK,MAAM,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,oBAAC,sBAAI,IACD,KAAK,EAAE;gBACH,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,MAAM;gBAClB,YAAY,EAAE,SAAS;aAC1B,EACD,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,UAAC,EAAa;oBAAX,EAAE,QAAA,EAAE,KAAK,WAAA;gBACvC,OAAA,MAAM,CAAC,MAAM,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;YAA1C,CAA0C,CAC7C,EACD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,UAAC,EAAiB,EAAE,KAAK;oBAAtB,aAAa,mBAAA;gBACzB,OAAA,cAAc,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAAtD,CAAsD,EAE1D,aAAa,EAAE,iCAAe,EAC9B,UAAU,QACV,OAAO,SACT,CACL;QACA,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,EAAe,EAAE,CAAC;gBAAhB,EAAE,QAAA,EAAE,OAAO,aAAA;YAAU,OAAA,CACrC,oBAAC,sBAAI,IACD,GAAG,EAAE,EAAE,EACP,MAAM,EAAE;oBACJ,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;iBAC/C,EACD,MAAM,UAEL,OAAO,CACL,CACV;QAXwC,CAWxC,CAAC,CACH,CACN,CAAC,CAAC,CAAC,CACI,oBAAC,UAAU,IAAC,WAAW,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,GAAI,CAChE,CACG,CACf,CAAC;AACN,CAAC,CAAC;AAxDW,QAAA,UAAU,cAwDrB"}

package/lib-commonjs/controls/dashboard/widget/WidgetFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetFooter = void 0;
+var tslib_1 = require("tslib");
+var react_northstar_1 = require("@fluentui/react-northstar");
+var React = tslib_1.__importStar(require("react"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var WidgetFooter = function (_a) {
+    var _b, _c, _d;
+    var widget = _a.widget;
+    return (React.createElement(react_northstar_1.Card.Footer, { fitted: true },
+        React.createElement(react_northstar_1.Flex, { space: "between", vAlign: "center" },
+            React.createElement(react_northstar_1.Text, { as: "a", href: widget.link.href, target: (_b = widget.link.target) !== null && _b !== void 0 ? _b : "_blank", content: (_c = widget.link.title) !== null && _c !== void 0 ? _c : strings.ViewMore, size: "small", color: (_d = widget.link.color) !== null && _d !== void 0 ? _d : "default", style: { textDecoration: "none" } }))));
+};
+exports.WidgetFooter = WidgetFooter;
+//# sourceMappingURL=WidgetFooter.js.map

package/lib-commonjs/controls/dashboard/widget/WidgetFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetFooter.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/WidgetFooter.tsx"],"names":[],"mappings":";;;;AAAA,6DAA6D;AAC7D,mDAA+B;AAE/B,8DAA0C;AAEnC,IAAM,YAAY,GAAG,UAAC,EAA+B;;QAA7B,MAAM,YAAA;IAAyC,OAAA,CAC1E,oBAAC,sBAAI,CAAC,MAAM,IAAC,MAAM;QACf,oBAAC,sBAAI,IAAC,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,QAAQ;YACjC,oBAAC,sBAAI,IACD,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,EACtB,MAAM,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,MAAM,mCAAI,QAAQ,EACtC,OAAO,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,KAAK,mCAAI,OAAO,CAAC,QAAQ,EAC9C,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAA,MAAM,CAAC,IAAI,CAAC,KAAK,mCAAI,SAAS,EACrC,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GACnC,CACC,CACG,CACjB,CAAA;CAAA,CAAC;AAdW,QAAA,YAAY,gBAcvB"}

package/lib-commonjs/controls/dashboard/widget/WidgetTitle.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetTitle = void 0;
+var tslib_1 = require("tslib");
+var react_northstar_1 = require("@fluentui/react-northstar");
+var React = tslib_1.__importStar(require("react"));
+var DashboardCallout_1 = require("../DashboardCallout");
+var WidgetTitle = function (_a) {
+    var widget = _a.widget, globalTheme = _a.globalTheme, allowHidingWidget = _a.allowHidingWidget, onWidgetHiding = _a.onWidgetHiding;
+    var _b = React.useState(false), calloutOpen = _b[0], setCalloutOpen = _b[1];
+    return (React.createElement(react_northstar_1.Card.Header, null,
+        React.createElement(react_northstar_1.Flex, { gap: "gap.small", space: "between", style: { minHeight: "2rem" } },
+            React.createElement(react_northstar_1.Flex, { gap: "gap.small", column: true },
+                React.createElement(react_northstar_1.Text, { content: widget.title, style: { margin: 0 }, weight: "bold" }),
+                widget.desc && React.createElement(react_northstar_1.Text, { content: widget.desc, size: "small" })),
+            React.createElement(DashboardCallout_1.DashboardCallout, { open: calloutOpen, globalTheme: globalTheme, onOpenChange: function (_a, props) {
+                    var currentTarget = _a.currentTarget;
+                    if (props && props.open) {
+                        setCalloutOpen(props.open);
+                    }
+                    else {
+                        setCalloutOpen(false);
+                    }
+                }, menuProps: {
+                    offset: [0, 0],
+                    position: "below",
+                }, actionHandlers: {
+                    hideHideButton: !allowHidingWidget,
+                    onHide: function () {
+                        onWidgetHiding(widget);
+                    }
+                }, widgetActionGroup: widget.widgetActionGroup }))));
+};
+exports.WidgetTitle = WidgetTitle;
+//# sourceMappingURL=WidgetTitle.js.map

package/lib-commonjs/controls/dashboard/widget/WidgetTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTitle.js","sourceRoot":"","sources":["../../../../src/controls/dashboard/widget/WidgetTitle.tsx"],"names":[],"mappings":";;;;AAAA,6DAI4C;AAC5C,mDAA+B;AAC/B,wDAAuD;AAGhD,IAAM,WAAW,GAAG,UAAC,EAU3B;QATG,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,cAAc,oBAAA;IAOR,IAAA,KAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IAC5D,OAAO,CACH,oBAAC,sBAAI,CAAC,MAAM;QACR,oBAAC,sBAAI,IAAC,GAAG,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE;YAC9D,oBAAC,sBAAI,IAAC,GAAG,EAAC,WAAW,EAAC,MAAM;gBACxB,oBAAC,sBAAI,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAC,MAAM,GAAG;gBAClE,MAAM,CAAC,IAAI,IAAI,oBAAC,sBAAI,IAAC,OAAO,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAC,OAAO,GAAG,CACxD;YACP,oBAAC,mCAAgB,IACb,IAAI,EAAE,WAAW,EACjB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,UAAC,EAAiB,EAAE,KAAK;wBAAtB,aAAa,mBAAA;oBAC1B,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;wBACtB,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;oBAC/B,CAAC;yBACG,CAAC;wBACD,cAAc,CAAC,KAAK,CAAC,CAAC;oBAC1B,CAAC;gBACL,CAAC,EACD,SAAS,EAAE;oBACP,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBACd,QAAQ,EAAE,OAAO;iBACpB,EACD,cAAc,EAAE;oBACZ,cAAc,EAAE,CAAC,iBAAiB;oBAClC,MAAM,EAAC;wBACH,cAAc,CAAC,MAAM,CAAC,CAAC;oBAC3B,CAAC;iBACJ,EACD,iBAAiB,EAAE,MAAM,CAAC,iBAAiB,GAC7C,CACC,CACG,CACjB,CAAC;AACN,CAAC,CAAC;AA7CW,QAAA,WAAW,eA6CtB"}

package/lib-commonjs/controls/dateTimePicker/DateTimeConventions.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateConvention = exports.TimeConvention = void 0;
+var TimeConvention;
+(function (TimeConvention) {
+    /**
+     * The 12-hour clock is a time convention in which the 24 hours of the day are
+     * divided into two periods: a.m. and p.m.
+     */
+    TimeConvention[TimeConvention["Hours12"] = 1] = "Hours12";
+    /**
+     * The 24-hour clock is the convention of time keeping in which the day runs from midnight to
+     * midnight and is divided into 24 hours, indicated by the hours passed since midnight, from 0 to 23
+     */
+    TimeConvention[TimeConvention["Hours24"] = 2] = "Hours24";
+})(TimeConvention || (exports.TimeConvention = TimeConvention = {}));
+/**
+  * Time convention
+  */
+var DateConvention;
+(function (DateConvention) {
+    DateConvention[DateConvention["DateTime"] = 1] = "DateTime";
+    DateConvention[DateConvention["Date"] = 2] = "Date";
+})(DateConvention || (exports.DateConvention = DateConvention = {}));
+//# sourceMappingURL=DateTimeConventions.js.map

package/lib-commonjs/controls/dateTimePicker/DateTimeConventions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeConventions.js","sourceRoot":"","sources":["../../../src/controls/dateTimePicker/DateTimeConventions.ts"],"names":[],"mappings":";;;AAAA,IAAY,cAWX;AAXD,WAAY,cAAc;IACxB;;;OAGG;IACH,yDAAW,CAAA;IACX;;;OAGG;IACH,yDAAO,CAAA;AACT,CAAC,EAXW,cAAc,8BAAd,cAAc,QAWzB;AAED;;IAEI;AACJ,IAAY,cAIX;AAJD,WAAY,cAAc;IAExB,2DAAY,CAAA;IACZ,mDAAI,CAAA;AACN,CAAC,EAJW,cAAc,8BAAd,cAAc,QAIzB"}

package/lib-commonjs/controls/dateTimePicker/DateTimePicker.js

@@ -0,0 +1,295 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DateTimePicker = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var sp_lodash_subset_1 = require("@microsoft/sp-lodash-subset");
+var DateTimeConventions_1 = require("./DateTimeConventions");
+var Calendar_1 = require("@fluentui/react/lib/Calendar");
+var DatePicker_1 = require("@fluentui/react/lib/DatePicker");
+var Label_1 = require("@fluentui/react/lib/Label");
+var Button_1 = require("@fluentui/react/lib/Button");
+var ErrorMessage_1 = tslib_1.__importDefault(require("../errorMessage/ErrorMessage"));
+var DateTimePicker_module_scss_1 = tslib_1.__importDefault(require("./DateTimePicker.module.scss"));
+var HoursComponent_1 = tslib_1.__importDefault(require("./HoursComponent"));
+var MinutesComponent_1 = tslib_1.__importDefault(require("./MinutesComponent"));
+var SecondsComponent_1 = tslib_1.__importDefault(require("./SecondsComponent"));
+var telemetry = tslib_1.__importStar(require("../../common/telemetry"));
+var Utilities_1 = require("@fluentui/react/lib/Utilities");
+var DateTimePickerStrings_1 = require("./DateTimePickerStrings");
+var TimeHelper_1 = require("./TimeHelper");
+var TimeDisplayControlType_1 = require("./TimeDisplayControlType");
+/**
+ * Renders the controls for DateTimePicker component
+ */
+var DateTimePicker = /** @class */ (function (_super) {
+    tslib_1.__extends(DateTimePicker, _super);
+    /**
+     * Constructor
+     */
+    function DateTimePicker(props) {
+        var _this = _super.call(this, props) || this;
+        _this._latestValidateValue = NaN;
+        /**
+         * Function called when the DatePicker Office UI Fabric component selected date changed
+         */
+        _this.onSelectDate = function (date) {
+            if (!TimeHelper_1.TimeHelper.isValidDate(date)) {
+                return;
+            }
+            // Get hours, minutes and seconds from state or default to zero
+            var _a = _this.state, _b = _a.hours, hours = _b === void 0 ? 0 : _b, _c = _a.minutes, minutes = _c === void 0 ? 0 : _c, _d = _a.seconds, seconds = _d === void 0 ? 0 : _d;
+            var day = TimeHelper_1.TimeHelper.cloneDate(date);
+            day.setHours(hours);
+            day.setMinutes(minutes);
+            day.setSeconds(seconds);
+            _this.setState({ day: day }, function () { return _this.delayedValidate(_this.state.day); });
+        };
+        /**
+         * Function called when hours value have been changed
+         * @param element Hours dropdown value
+         */
+        _this.dropdownHoursChanged = function (value) {
+            _this.setState(function (_a) {
+                var day = _a.day;
+                var hoursSplit = value.split(" ");
+                var hoursValue = hoursSplit[0].length > 2 ? hoursSplit[0].substring(0, 2) : hoursSplit[0];
+                var hours = parseInt(hoursValue);
+                if (isNaN(hours)) {
+                    return;
+                }
+                if (_this.props.timeConvention !== DateTimeConventions_1.TimeConvention.Hours24) {
+                    if (hoursSplit[1] && hoursSplit[1].toLowerCase().indexOf("pm") !== -1) {
+                        hours += 12;
+                        if (hours === 24) {
+                            //this is noon - set to 12 not 0
+                            //hours = 0;
+                            hours = 12;
+                        }
+                    }
+                    else if (hours === 12) {
+                        //am - if hours === 12, set hours to 0 here
+                        hours = 0;
+                    }
+                }
+                if (hours > 23) {
+                    return;
+                }
+                var state = { hours: hours };
+                var date = TimeHelper_1.TimeHelper.cloneDate(day);
+                if (date) {
+                    date.setHours(hours);
+                    state.day = date;
+                }
+                return state;
+            }, function () { return _this.delayedValidate(_this.state.day); });
+        };
+        /**
+         * Function called when minutes value have been changed
+         * @param element Minutes dropdown value
+         */
+        _this.dropdownMinutesChanged = function (value) {
+            _this.setState(function (_a) {
+                var day = _a.day;
+                var minutes = parseInt(value.length > 2 ? value.substring(0, 2) : value);
+                var state = { minutes: minutes };
+                var date = TimeHelper_1.TimeHelper.cloneDate(day);
+                if (date) {
+                    date.setMinutes(minutes);
+                    state.day = date;
+                }
+                return state;
+            }, function () { return _this.delayedValidate(_this.state.day); });
+        };
+        /**
+         * Function called when seconds value have been changed
+         * @param element Seconds dropdown value
+         */
+        _this.dropdownSecondsChanged = function (value) {
+            _this.setState(function (_a) {
+                var day = _a.day;
+                var seconds = parseInt(value.length > 2 ? value.substring(0, 2) : value);
+                var state = { seconds: seconds };
+                var date = TimeHelper_1.TimeHelper.cloneDate(day);
+                if (date) {
+                    date.setSeconds(seconds);
+                    state.day = date;
+                }
+                return state;
+            }, function () { return _this.delayedValidate(_this.state.day); });
+        };
+        /**
+         * Validates string input on date time field
+         */
+        _this.handleTextChange = function (e, newValue, locString) {
+            if (!TimeHelper_1.TimeHelper.isValidDate(newValue)) {
+                _this.setState({
+                    errorMessage: locString,
+                });
+                return;
+            }
+        };
+        /**
+         * Validates the new custom field value
+         */
+        _this.validate = function (dateVal) {
+            if (typeof _this.props.onGetErrorMessage === 'undefined' || _this.props.onGetErrorMessage === null) {
+                _this.notifyAfterValidate(_this.props.value, dateVal);
+                return;
+            }
+            var timestamp = dateVal.getTime();
+            if (_this._latestValidateValue === timestamp) {
+                return;
+            }
+            _this._latestValidateValue = timestamp;
+            var result = _this.props.onGetErrorMessage(dateVal);
+            if (typeof result !== 'undefined') {
+                if (typeof result === 'string') {
+                    if (result === '') {
+                        _this.notifyAfterValidate(_this.props.value, dateVal);
+                    }
+                    _this.setState({
+                        errorMessage: result
+                    });
+                }
+                else {
+                    result.then(function (errorMessage) {
+                        if (typeof errorMessage === 'undefined' || errorMessage === '') {
+                            _this.notifyAfterValidate(_this.props.value, dateVal);
+                        }
+                        _this.setState({
+                            errorMessage: errorMessage
+                        });
+                    })
+                        .catch(function () { });
+                }
+            }
+            else {
+                _this.notifyAfterValidate(_this.props.value, dateVal);
+            }
+        };
+        /**
+         * Notifies the parent Web Part of a property value change
+         */
+        _this.notifyAfterValidate = function (oldValue, newValue) {
+            if (typeof _this.props.onChange !== 'undefined' && _this.props.onChange !== null && newValue !== null) {
+                _this.props.onChange(newValue);
+            }
+        };
+        telemetry.track('ReactDateTimePicker', {
+            dateConvention: props.dateConvention ? DateTimeConventions_1.DateConvention[props.dateConvention] : '',
+            formatDate: !!props.formatDate,
+            timeConvention: props.timeConvention ? DateTimeConventions_1.TimeConvention[props.timeConvention] : '',
+            disabled: props.disabled
+        });
+        // Get the current date/time values
+        var _a = _this.props.value, value = _a === void 0 ? null : _a;
+        var _b = DateTimePicker.getDateComponents(value, props.dateConvention), day = _b.day, hours = _b.hours, minutes = _b.minutes, seconds = _b.seconds;
+        // Set the current state
+        _this.state = {
+            day: day,
+            hours: hours,
+            minutes: minutes,
+            seconds: seconds,
+            errorMessage: ''
+        };
+        _this.async = new Utilities_1.Async(_this);
+        _this.delayedValidate = _this.async.debounce(_this.validate, props.deferredValidationTime);
+        return _this;
+    }
+    /**
+     * Called when the component will unmount
+     */
+    DateTimePicker.prototype.componentWillUnmount = function () {
+        this.async.dispose();
+    };
+    /**
+     * Called before the component receives new props, used for matching state with new props.
+     */
+    DateTimePicker.prototype.UNSAFE_componentWillReceiveProps = function (nextProps) {
+        if (!(0, sp_lodash_subset_1.isEqual)(nextProps.value, this.props.value)) {
+            var _a = DateTimePicker.getDateComponents(nextProps.value, this.props.dateConvention), day = _a.day, hours = _a.hours, minutes = _a.minutes, seconds = _a.seconds;
+            this.setState({ day: day, hours: hours, minutes: minutes, seconds: seconds });
+        }
+    };
+    /**
+     * Get the components of a Date object matching the DateConvention settings
+     * @param date Date to extract components from
+     * @param dateConvention DateConvention to follow when extracting date components
+     */
+    DateTimePicker.getDateComponents = function (date, dateConvention) {
+        var day = TimeHelper_1.TimeHelper.cloneDate(date);
+        var hours = dateConvention !== DateTimeConventions_1.DateConvention.Date && day !== null ? day.getHours() : 0;
+        var minutes = dateConvention !== DateTimeConventions_1.DateConvention.Date && day !== null ? day.getMinutes() : 0;
+        var seconds = dateConvention !== DateTimeConventions_1.DateConvention.Date && day !== null ? day.getSeconds() : 0;
+        if (day !== null) {
+            day.setHours(hours);
+            day.setMinutes(minutes);
+            day.setSeconds(seconds);
+        }
+        return { day: day, hours: hours, minutes: minutes, seconds: seconds };
+    };
+    /**
+     * Function called from the clearDate iconbutton
+     */
+    DateTimePicker.prototype.clearDate = function () {
+        this.setState({
+            day: null
+        });
+        if (this.props.onChange) {
+            this.props.onChange(null);
+        }
+    };
+    /**
+     * Renders the control
+     */
+    DateTimePicker.prototype.render = function () {
+        var _this = this;
+        // use date value from props if it exists, otherwise use internal state
+        // if no dateConvention is set, default is DateConvention.DateTime
+        var _a = this.props, label = _a.label, disabled = _a.disabled, timeConvention = _a.timeConvention, _b = _a.dateConvention, dateConvention = _b === void 0 ? DateTimeConventions_1.DateConvention.DateTime : _b, firstDayOfWeek = _a.firstDayOfWeek, firstWeekOfYear = _a.firstWeekOfYear, _c = _a.isMonthPickerVisible, isMonthPickerVisible = _c === void 0 ? true : _c, showGoToToday = _a.showGoToToday, _d = _a.allowTextInput, allowTextInput = _d === void 0 ? true : _d, _e = _a.showMonthPickerAsOverlay, showMonthPickerAsOverlay = _e === void 0 ? false : _e, _f = _a.showWeekNumbers, showWeekNumbers = _f === void 0 ? false : _f, _g = _a.showSeconds, showSeconds = _g === void 0 ? false : _g, formatDate = _a.formatDate, parseDateFromString = _a.parseDateFromString, _h = _a.value, value = _h === void 0 ? this.state.day : _h, _j = _a.strings, dateStrings = _j === void 0 ? new DateTimePickerStrings_1.DateTimePickerStrings() : _j, // Defines the DatePicker control labels
+        timeDisplayControlType = _a.timeDisplayControlType, placeholder = _a.placeholder, showLabels = _a.showLabels, initialPickerDate = _a.initialPickerDate, minDate = _a.minDate, maxDate = _a.maxDate, minutesIncrementStep = _a.minutesIncrementStep, _k = _a.showClearDate, showClearDate = _k === void 0 ? false : _k, _l = _a.showClearDateIcon, showClearDateIcon = _l === void 0 ? 'RemoveEvent' : _l, _m = _a.restrictedDates, restrictedDates = _m === void 0 ? [] : _m;
+        var textErrorMessage = dateStrings.textErrorMessage;
+        var hours = value !== null ? value.getHours() : this.state.hours;
+        var minutes = value !== null ? value.getMinutes() : this.state.minutes;
+        var seconds = value !== null ? value.getSeconds() : this.state.seconds;
+        var CalendarView = function () {
+            return (React.createElement(Calendar_1.Calendar, { value: initialPickerDate, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: _this.onSelectDate, firstDayOfWeek: firstDayOfWeek, firstWeekOfYear: firstWeekOfYear, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, minDate: minDate, maxDate: maxDate, restrictedDates: restrictedDates }));
+        };
+        // Check if the time element needs to be rendered
+        var timeElm = React.createElement("div", { className: "hidden" });
+        if (dateConvention === DateTimeConventions_1.DateConvention.DateTime) {
+            timeElm = (React.createElement("div", { className: (0, Utilities_1.css)(DateTimePicker_module_scss_1.default.row, DateTimePicker_module_scss_1.default.timeRow) },
+                showLabels !== false && React.createElement("div", { className: DateTimePicker_module_scss_1.default.labelCell },
+                    React.createElement(Label_1.Label, { className: DateTimePicker_module_scss_1.default.fieldLabel }, dateStrings.timeLabel)),
+                React.createElement("div", { className: DateTimePicker_module_scss_1.default.time },
+                    React.createElement("div", { className: DateTimePicker_module_scss_1.default.picker },
+                        React.createElement(HoursComponent_1.default, { disabled: disabled, timeConvention: timeConvention, value: hours, onChange: this.dropdownHoursChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType_1.TimeDisplayControlType.Text })),
+                    React.createElement("div", { className: DateTimePicker_module_scss_1.default.separator },
+                        React.createElement(Label_1.Label, null, dateStrings.timeSeparator)),
+                    React.createElement("div", { className: DateTimePicker_module_scss_1.default.picker },
+                        React.createElement(MinutesComponent_1.default, { disabled: disabled, value: minutes, minutesIncrementStep: minutesIncrementStep, onChange: this.dropdownMinutesChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType_1.TimeDisplayControlType.Text })),
+                    showSeconds && (React.createElement("div", { className: DateTimePicker_module_scss_1.default.separator },
+                        React.createElement(Label_1.Label, null, dateStrings.timeSeparator))),
+                    showSeconds && (React.createElement("div", { className: DateTimePicker_module_scss_1.default.picker },
+                        React.createElement(SecondsComponent_1.default, { disabled: disabled, value: seconds, onChange: this.dropdownSecondsChanged, timeDisplayControlType: timeDisplayControlType || TimeDisplayControlType_1.TimeDisplayControlType.Text }))))));
+        }
+        // Renders content
+        return (React.createElement("div", { className: DateTimePicker_module_scss_1.default.dateTimePicker },
+            label && React.createElement(Label_1.Label, null, label),
+            React.createElement("div", { className: DateTimePicker_module_scss_1.default.container },
+                React.createElement("div", { className: DateTimePicker_module_scss_1.default.row },
+                    showLabels !== false && (React.createElement("div", { className: DateTimePicker_module_scss_1.default.labelCell },
+                        React.createElement(Label_1.Label, { className: DateTimePicker_module_scss_1.default.fieldLabel }, dateStrings.dateLabel))),
+                    React.createElement("div", { className: DateTimePicker_module_scss_1.default.picker },
+                        React.createElement(DatePicker_1.DatePicker, { formatDate: formatDate, parseDateFromString: parseDateFromString, disabled: disabled, value: value, strings: dateStrings, isMonthPickerVisible: isMonthPickerVisible, onSelectDate: this.onSelectDate, allowTextInput: allowTextInput, firstDayOfWeek: firstDayOfWeek, firstWeekOfYear: firstWeekOfYear, showGoToToday: showGoToToday, showMonthPickerAsOverlay: showMonthPickerAsOverlay, showWeekNumbers: showWeekNumbers, placeholder: placeholder, initialPickerDate: initialPickerDate, minDate: minDate, maxDate: maxDate, calendarAs: restrictedDates.length ? CalendarView : undefined, textField: {
+                                onChange: function (e, newValue) { return _this.handleTextChange(e, newValue, textErrorMessage); }
+                            } })),
+                    showClearDate === true && this.state.day !== null && React.createElement(Button_1.IconButton, { iconProps: { iconName: showClearDateIcon }, onClick: function () { return _this.clearDate(); } })),
+                timeElm),
+            React.createElement(ErrorMessage_1.default, { errorMessage: this.state.errorMessage })));
+    };
+    return DateTimePicker;
+}(React.Component));
+exports.DateTimePicker = DateTimePicker;
+//# sourceMappingURL=DateTimePicker.js.map

package/lib-commonjs/controls/dateTimePicker/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","sourceRoot":"","sources":["../../../src/controls/dateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"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"}

package/lib-commonjs/controls/dateTimePicker/DateTimePicker.module.scss.css

@@ -0,0 +1,37 @@
+.dateTimePicker .container {
+  display: flex;
+  flex-direction: column;
+}
+.dateTimePicker .container .hidden {
+  display: none;
+}
+.dateTimePicker .container .row {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.dateTimePicker .container .row.timeRow {
+  margin-top: 3px;
+}
+.dateTimePicker .container .row .picker {
+  flex-grow: 1;
+  flex-basis: 0%;
+}
+.dateTimePicker .container .row .time {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.dateTimePicker .labelCell {
+  vertical-align: top;
+  min-width: 55px;
+}
+.dateTimePicker .separator {
+  vertical-align: top;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.dateTimePicker .fieldLabel {
+  margin-right: 10px;
+}