@dvrd/dvr-controls 1.0.16 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dvrd/dvr-controls",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "description": "Custom web controls",
   "main": "index.ts",
   "files": ["src/**/*"],

package/src/js/date/dvrdDatePicker.tsx

@@ -48,7 +48,7 @@ export default function DvrdDatePicker(props: Props) {
     const format = dateFormat ?? 'YYYY-MM-DD';
 
     return (
-        <div className={classNames('dvrd-date-picker', className, error && 'error')}>
+        <div className={classNames('dvrd-date-picker', className, error && 'error', disabled && 'disabled')}>
             <label className='field-label'>{label}</label>
             <div className='value-container' onClick={onClickContainer}>
                 <label className={classNames('value', !value && 'placeholder')}>{value?.format(format) ?? placeholder ??

package/src/js/date/style/dvrdDatePicker.scss

@@ -25,12 +25,13 @@
     position: relative;
     cursor: pointer;
     background-color: white;
+    color: $color-blue-text;
 
     .value {
       transition: color .1s ease-in-out;
 
       &.placeholder {
-        color: $color-gray-4;
+        color: $color-gray-3;
       }
     }
 
@@ -92,12 +93,12 @@
       }
 
       &.year {
-        grid-template-columns: fit-content(100%) 2rem fit-content(100%);
+        grid-template-columns: fit-content(100%) 2.5rem fit-content(100%);
         padding-bottom: .25rem;
       }
 
       &.month {
-        grid-template-columns: fit-content(100%) 4.5rem fit-content(100%);
+        grid-template-columns: fit-content(100%) 5rem fit-content(100%);
         padding-top: .25rem;
       }
 
@@ -304,4 +305,14 @@
       opacity: 1;
     }
   }
+
+  &.disabled {
+    * {
+      cursor: not-allowed;
+    }
+
+    .value-container {
+      background-color: rgba(239, 239, 239, 0.3);
+    }
+  }
 }

package/src/js/textField/style/dvrdInput.scss

@@ -7,6 +7,7 @@
 .dvrd-input-container {
   transition: margin-bottom .1s ease-in-out;
   position: relative;
+  background-color: white;
 
   .dvrd-input-label {
     color: $color-blue-text;

package/src/js/util/requestUtil.ts

@@ -79,8 +79,8 @@ export function sendFetch(config: FetchOptions, legacySupport: boolean = false):
     fetch(baseUrl + url, options).then((response: Response) => {
         _handleResponse(response, config);
     }).catch((reason: any) => {
-        if (reason.code === DOMException.ABORT_ERR) {/*Request aborted*/
-        } else if (config.errorCallback)
+        if (reason.code === DOMException.ABORT_ERR) return; // Request aborted
+        else if (config.errorCallback)
             config.errorCallback(reason);
     });
     return abortController;
@@ -111,6 +111,7 @@ function _handleResponse(response: Response, config: FetchOptions) {
 function _onErrorResponse(response: Response, config: FetchOptions) {
     if (config.errorHandler) config.errorHandler(response, config);
     else if (config.errorCallback) config.errorCallback(response);
+    else if (defaultErrorHandler) defaultErrorHandler(response, config);
     else if (config.callback) config.callback({status: 'error', message: 'Er is iets misgegaan in het systeem.'});
 }