@ballistix.digital/react-components 0.8.1 → 0.8.3

package/dist/index.d.ts

@@ -146,7 +146,7 @@ declare const DropdownElement: {
 
 type TProps$b = {
     accessor: IconName;
-    type?: 'brands' | 'light' | 'regular' | 'solid';
+    type?: 'brands' | 'light' | 'regular' | 'solid' | 'thin';
     className?: string;
 };
 declare const IconElement: FC<TProps$b>;

package/dist/index.esm.js

@@ -8,6 +8,7 @@ import { fab } from '@fortawesome/free-brands-svg-icons';
 import { fal } from '@fortawesome/pro-light-svg-icons';
 import { far } from '@fortawesome/pro-regular-svg-icons';
 import { fas } from '@fortawesome/pro-solid-svg-icons';
+import { fat } from '@fortawesome/pro-thin-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { Menu, Transition, Dialog, Popover, Switch } from '@headlessui/react';
 import { useMask } from '@react-input/mask';
@@ -297,6 +298,12 @@ var IconElement = function (props) {
             }
             component = (jsx(FontAwesomeIcon, { icon: ['fas', accessor], className: className }));
             break;
+        case 'thin':
+            if (!(library === null || library === void 0 ? void 0 : library.definitions.fat)) {
+                library.add(fat);
+            }
+            component = (jsx(FontAwesomeIcon, { icon: ['fat', accessor], className: className }));
+            break;
     }
     return component;
 };
@@ -2694,6 +2701,10 @@ var DateMenuForm = function (props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [state]);
+    // listen to value changes.
+    useEffect(function () {
+        setState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { startDate: null, endDate: null });
+    }, [defaultValue]);
     return (jsxs("div", { className: styles.container, children: [jsxs("div", { className: styles.head, children: [label && (jsx("label", { htmlFor: name, className: styles.label, children: label })), !required && !isRequired && typeof label === 'string' && (jsx("span", { className: styles.hint, children: "Optional" })), required && required({ isRequired: isRequired })] }), jsxs("div", { className: styles.container, "data-cy": inputDataCy, children: [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,