@ballistix.digital/react-components 0.8.1 → 0.8.3

package/dist/index.js

@@ -10,6 +10,7 @@ var freeBrandsSvgIcons = require('@fortawesome/free-brands-svg-icons');
 var proLightSvgIcons = require('@fortawesome/pro-light-svg-icons');
 var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
+var proThinSvgIcons = require('@fortawesome/pro-thin-svg-icons');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
 var react = require('@headlessui/react');
 var mask = require('@react-input/mask');
@@ -299,6 +300,12 @@ var IconElement = function (props) {
             }
             component = (jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: ['fas', accessor], className: className }));
             break;
+        case 'thin':
+            if (!(fontawesomeSvgCore.library === null || fontawesomeSvgCore.library === void 0 ? void 0 : fontawesomeSvgCore.library.definitions.fat)) {
+                fontawesomeSvgCore.library.add(proThinSvgIcons.fat);
+            }
+            component = (jsxRuntime.jsx(reactFontawesome.FontAwesomeIcon, { icon: ['fat', accessor], className: className }));
+            break;
     }
     return component;
 };
@@ -2696,6 +2703,10 @@ var DateMenuForm = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [state]);
+    // listen to value changes.
+    React.useEffect(function () {
+        setState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { startDate: null, endDate: null });
+    }, [defaultValue]);
     return (jsxRuntime.jsxs("div", { className: styles.container, children: [jsxRuntime.jsxs("div", { className: styles.head, children: [label && (jsxRuntime.jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxRuntime.jsxs("div", { className: styles.container, "data-cy": inputDataCy, children: [jsxRuntime.jsx(Datepicker, { inputName: name, inputId: name, i18n: i18n, useRange: size === 'expanded', placeholder: placeholder, asSingle: !isRanged, separator: separator, startFrom: startFrom, displayFormat: displayFormat, disabled: isDisabled, popoverDirection: direction, minDate: minDate, maxDate: maxDate, toggleIcon: icon, 
                         //
                         value: state,