dce-reactkit 4.2.0 → 4.2.2

package/dist/esm/types/components/SimpleDateChooser.d.ts

@@ -20,6 +20,7 @@ type Props = {
     numMonthsToShow?: number;
     dontAllowPast?: boolean;
     dontAllowFuture?: boolean;
+    isDisabled?: boolean;
 };
 declare const SimpleDateChooser: React.FC<Props>;
 export default SimpleDateChooser;

package/dist/esm/types/components/SimpleTimeChooser.d.ts

@@ -15,6 +15,7 @@ type Props = {
      */
     onChange: (hour: number, minute: number) => void;
     intervalMin?: number;
+    isDisabled?: boolean;
 };
 declare const SimpleTimeChooser: React.FC<Props>;
 export default SimpleTimeChooser;

package/dist/index.d.ts

@@ -316,6 +316,7 @@ type Props$g = {
     numMonthsToShow?: number;
     dontAllowPast?: boolean;
     dontAllowFuture?: boolean;
+    isDisabled?: boolean;
 };
 declare const SimpleDateChooser: React$1.FC<Props$g>;
 
@@ -336,6 +337,7 @@ type Props$f = {
      */
     onChange: (hour: number, minute: number) => void;
     intervalMin?: number;
+    isDisabled?: boolean;
 };
 declare const SimpleTimeChooser: React$1.FC<Props$f>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dce-reactkit",
-  "version": "4.2.0",
+  "version": "4.2.2",
   "description": "Shared components for Harvard DCE apps",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/ErrorBox.tsx

@@ -104,7 +104,7 @@ const ErrorBox: React.FC<Props> = (props) => {
         />
         {title}
       </h4>
-      <div>
+      <div className="text-break">
         {errorText}
         {errorCodeBox}
       </div>

package/src/components/SimpleDateChooser.tsx

@@ -51,6 +51,8 @@ type Props = {
   dontAllowPast?: boolean,
   // If true, the user isn't allowed to select dates in the future
   dontAllowFuture?: boolean,
+  // If true, the chooser is disabled
+  isDisabled?: boolean,
 };
 
 /*------------------------------------------------------------------------*/
@@ -291,6 +293,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
     month,
     day,
     year,
+    isDisabled = false,
   } = props;
 
   // Get choices
@@ -435,6 +438,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
               choice.year,
             );
           }}
+          disabled={isDisabled}
         >
           {monthOptions}
         </select>
@@ -454,6 +458,7 @@ const SimpleDateChooser: React.FC<Props> = (props) => {
               year,
             );
           }}
+          disabled={isDisabled}
         >
           {dayOptions}
         </select>

package/src/components/SimpleTimeChooser.tsx

@@ -32,6 +32,8 @@ type Props = {
   // Allowed options: 15, 30, 60, defaults to 15
   // If an unsupported interval is passed in, it will default to 15
   intervalMin?: number,
+  // If true, the chooser is disabled
+  isDisabled?: boolean,
 };
 
 /*------------------------------------------------------------------------*/
@@ -61,6 +63,7 @@ const SimpleTimeChooser: React.FC<Props> = (props) => {
     hour,
     minute,
     onChange,
+    isDisabled = false,
   } = props;
   let {
     intervalMin = DEFAULT_INTERVAL,
@@ -181,6 +184,7 @@ const SimpleTimeChooser: React.FC<Props> = (props) => {
           // Notify parent
           onChange(timeInfo.hours, timeInfo.minutes);
         }}
+        disabled={isDisabled}
       >
         {timeOptions}
       </select>