dce-reactkit 4.2.0 → 4.2.2

package/dist/cjs/index.js

@@ -139,7 +139,7 @@ const ErrorBox = (props) => {
         React__default["default"].createElement("h4", { className: "mb-1" },
             React__default["default"].createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, className: "me-2" }),
             title),
-        React__default["default"].createElement("div", null,
+        React__default["default"].createElement("div", { className: "text-break" },
             errorText,
             errorCodeBox),
         onClose && (React__default["default"].createElement("div", { className: "mt-2" },
@@ -2816,7 +2816,7 @@ const SimpleDateChooser = (props) => {
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { ariaLabel, name, dontAllowPast, dontAllowFuture, numMonthsToShow, onChange, month, day, year, } = props;
+    const { ariaLabel, name, dontAllowPast, dontAllowFuture, numMonthsToShow, onChange, month, day, year, isDisabled = false, } = props;
     // Get choices
     const choices = getChoices({
         numMonthsToShow,
@@ -2901,11 +2901,11 @@ const SimpleDateChooser = (props) => {
                     const choice = choices[e.target.selectedIndex];
                     // Change day, month, and year
                     onChange(choice.month, choice.days[0], choice.year);
-                } }, monthOptions),
+                }, disabled: isDisabled }, monthOptions),
             React__default["default"].createElement("select", { "aria-label": `day for ${ariaLabel}`, className: "custom-select form-select d-inline-block", style: { width: 'auto' }, id: `SimpleDateChooser-${name}-day`, value: day, onChange: (e) => {
                     // Only change the day
                     onChange(month, Number.parseInt(e.target.value, 10), year);
-                } }, dayOptions)));
+                }, disabled: isDisabled }, dayOptions)));
     }
     /* --------- DateOutOfRange --------- */
     if (view === View.InvalidDate) {
@@ -2963,7 +2963,7 @@ const SimpleTimeChooser = (props) => {
     /* -------------------------------- Setup ------------------------------- */
     /*------------------------------------------------------------------------*/
     /* -------------- Props ------------- */
-    const { ariaLabel, name, hour, minute, onChange, } = props;
+    const { ariaLabel, name, hour, minute, onChange, isDisabled = false, } = props;
     let { intervalMin = DEFAULT_INTERVAL, } = props;
     // Use default interval if not supported
     if (!ALLOWED_INTERVALS.includes(intervalMin)) {
@@ -3042,7 +3042,7 @@ const SimpleTimeChooser = (props) => {
                 const timeInfo = convertMinSinceMidnightToHoursAndMin(newTime);
                 // Notify parent
                 onChange(timeInfo.hours, timeInfo.minutes);
-            } }, timeOptions)));
+            }, disabled: isDisabled }, timeOptions)));
 };
 
 /**