@feathery/react 2.37.4 → 2.39.0

package/cjs/{fthry_index.C2MePzk3.js → fthry_index.CznkErSr.js}

@@ -1,16 +1,17 @@
 'use strict';
 
-var index$3 = require('./fthry_index.Dsv-TeBu.js');
+var index$3 = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.DgCge_qQ.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DXAGdsG6.js');
+var Placeholder = require('./fthry_Placeholder.DWR5nO5t.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CHwGV2ye.js');
+var clsx = require('./fthry_clsx.BtxeOLZW.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var ReactDOM = require('react-dom');
-var input = require('./fthry_input.WfgR8fOH.js');
+var input = require('./fthry_input.C-RhGr8Z.js');
 require('react-dom/client');
 require('jszip');
-require('./fthry_Overlay.Dxddifgf.js');
-require('./fthry_index.BrcBLxiN.js');
+require('./fthry_Overlay.BApTL35K.js');
+require('./fthry_index.Bq4ONiuv.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -12283,7 +12284,7 @@ var Day = /** @class */ (function (_super) {
             var dayClassName = _this.props.dayClassName
                 ? _this.props.dayClassName(date)
                 : undefined;
-            return index$3.clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
+            return clsx.clsx("react-datepicker__day", dayClassName, "react-datepicker__day--" + getDayOfWeekCode(_this.props.day), {
                 "react-datepicker__day--disabled": _this.isDisabled(),
                 "react-datepicker__day--excluded": _this.isExcluded(),
                 "react-datepicker__day--selected": _this.isSelected(),
@@ -12500,7 +12501,7 @@ var WeekNumber = /** @class */ (function (_super) {
             "react-datepicker__week-number--clickable": !!onClick && !isWeekDisabled,
             "react-datepicker__week-number--selected": !!onClick && isSameDay(this.props.date, this.props.selected),
         };
-        return (React.createElement("div", { ref: this.weekNumberEl, className: index$3.clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex() }, weekNumber));
+        return (React.createElement("div", { ref: this.weekNumberEl, className: clsx.clsx(weekNumberClasses), "aria-label": "".concat(ariaLabelPrefix, " ").concat(this.props.weekNumber), onClick: this.handleClick, onKeyDown: this.handleOnKeyDown, tabIndex: this.getTabIndex() }, weekNumber));
     };
     return WeekNumber;
 }(React.Component));
@@ -12609,7 +12610,7 @@ var Week = /** @class */ (function (_super) {
             "react-datepicker__week--selected": isSameDay(this.startOfWeek(), this.props.selected),
             "react-datepicker__week--keyboard-selected": this.isKeyboardSelected(),
         };
-        return React.createElement("div", { className: index$3.clsx(weekNumberClasses) }, this.renderDays());
+        return React.createElement("div", { className: clsx.clsx(weekNumberClasses) }, this.renderDays());
     };
     return Week;
 }(React.Component));
@@ -13146,7 +13147,7 @@ var Month = /** @class */ (function (_super) {
                 ? monthClassName(setMonth(day, m))
                 : undefined;
             var selection = _this.getSelection();
-            return index$3.clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
+            return clsx.clsx("react-datepicker__month-text", "react-datepicker__month-".concat(m), _monthClassName, {
                 "react-datepicker__month-text--disabled": _this.isMonthDisabled(m),
                 "react-datepicker__month-text--selected": selection
                     ? _this.isSelectMonthInList(day, m, selection)
@@ -13202,7 +13203,7 @@ var Month = /** @class */ (function (_super) {
             var _a = _this.props, day = _a.day, startDate = _a.startDate, endDate = _a.endDate, selected = _a.selected, minDate = _a.minDate, maxDate = _a.maxDate, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, preSelection = _a.preSelection, disabledKeyboardNavigation = _a.disabledKeyboardNavigation;
             var isDisabled = (minDate || maxDate || excludeDates || includeDates || filterDate) &&
                 isQuarterDisabled(setQuarter(day, q), _this.props);
-            return index$3.clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
+            return clsx.clsx("react-datepicker__quarter-text", "react-datepicker__quarter-".concat(q), {
                 "react-datepicker__quarter-text--disabled": isDisabled,
                 "react-datepicker__quarter-text--selected": selected
                     ? _this.isSelectedQuarter(day, q, selected)
@@ -13267,7 +13268,7 @@ var Month = /** @class */ (function (_super) {
         };
         _this.getClassNames = function () {
             var _a = _this.props, selectingDate = _a.selectingDate, selectsStart = _a.selectsStart, selectsEnd = _a.selectsEnd, showMonthYearPicker = _a.showMonthYearPicker, showQuarterYearPicker = _a.showQuarterYearPicker, showWeekPicker = _a.showWeekPicker;
-            return index$3.clsx("react-datepicker__month", {
+            return clsx.clsx("react-datepicker__month", {
                 "react-datepicker__month--selecting-range": selectingDate && (selectsStart || selectsEnd),
             }, { "react-datepicker__monthPicker": showMonthYearPicker }, { "react-datepicker__quarterPicker": showQuarterYearPicker }, { "react-datepicker__weekPicker": showWeekPicker });
         };
@@ -13410,7 +13411,7 @@ var MonthYearDropdownOptions = /** @class */ (function (_super) {
         return _this;
     }
     MonthYearDropdownOptions.prototype.render = function () {
-        var dropdownClass = index$3.clsx({
+        var dropdownClass = clsx.clsx({
             "react-datepicker__month-year-dropdown": true,
             "react-datepicker__month-year-dropdown--scrollable": this.props.scrollableMonthYearDropdown,
         });
@@ -13901,7 +13902,7 @@ var Year = /** @class */ (function (_super) {
         };
         _this.getYearClassNames = function (y) {
             var _a = _this.props, date = _a.date, minDate = _a.minDate, maxDate = _a.maxDate, selected = _a.selected, excludeDates = _a.excludeDates, includeDates = _a.includeDates, filterDate = _a.filterDate, yearClassName = _a.yearClassName;
-            return index$3.clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), date ? yearClassName === null || yearClassName === void 0 ? void 0 : yearClassName(setYear(date, y)) : undefined, {
+            return clsx.clsx("react-datepicker__year-text", "react-datepicker__year-".concat(y), date ? yearClassName === null || yearClassName === void 0 ? void 0 : yearClassName(setYear(date, y)) : undefined, {
                 "react-datepicker__year-text--selected": selected
                     ? y === getYear(selected)
                     : undefined,
@@ -14059,7 +14060,7 @@ var YearDropdownOptions = /** @class */ (function (_super) {
         }
     };
     YearDropdownOptions.prototype.render = function () {
-        var dropdownClass = index$3.clsx({
+        var dropdownClass = clsx.clsx({
             "react-datepicker__year-dropdown": true,
             "react-datepicker__year-dropdown--scrollable": this.props.scrollableYearDropdown,
         });
@@ -14315,7 +14316,7 @@ var Calendar = /** @class */ (function (_super) {
                 var weekDayClassName = _this.props.weekDayClassName
                     ? _this.props.weekDayClassName(day)
                     : undefined;
-                return (React.createElement("div", { key: offset, "aria-label": formatDate(day, "EEEE", _this.props.locale), className: index$3.clsx("react-datepicker__day-name", weekDayClassName) }, weekDayName));
+                return (React.createElement("div", { key: offset, "aria-label": formatDate(day, "EEEE", _this.props.locale), className: clsx.clsx("react-datepicker__day-name", weekDayClassName) }, weekDayName));
             }));
         };
         _this.formatWeekday = function (day, locale) {
@@ -14710,7 +14711,7 @@ var Calendar = /** @class */ (function (_super) {
     Calendar.prototype.render = function () {
         var Container = this.props.container || CalendarContainer;
         return (React.createElement(ClickOutsideWrapper, { onClickOutside: this.handleClickOutside, style: { display: "contents" }, containerRef: this.containerRef, ignoreClass: this.props.outsideClickIgnoreClass },
-            React.createElement(Container, { className: index$3.clsx("react-datepicker", this.props.className, {
+            React.createElement(Container, { className: clsx.clsx("react-datepicker", this.props.className, {
                     "react-datepicker--time-only": this.props.showTimeSelectOnly,
                 }), showTime: this.props.showTimeSelect || this.props.showTimeInput, showTimeSelectOnly: this.props.showTimeSelectOnly },
                 this.renderAriaLiveRegion(),
@@ -14932,7 +14933,7 @@ var PopperComponent = /** @class */ (function (_super) {
         var _a = this.props, className = _a.className, wrapperClassName = _a.wrapperClassName, _b = _a.hidePopper, hidePopper = _b === void 0 ? PopperComponent.defaultProps.hidePopper : _b, popperComponent = _a.popperComponent, targetComponent = _a.targetComponent, enableTabLoop = _a.enableTabLoop, popperOnKeyDown = _a.popperOnKeyDown, portalId = _a.portalId, portalHost = _a.portalHost, popperProps = _a.popperProps, showArrow = _a.showArrow;
         var popper = undefined;
         if (!hidePopper) {
-            var classes = index$3.clsx("react-datepicker-popper", className);
+            var classes = clsx.clsx("react-datepicker-popper", className);
             popper = (React.createElement(TabLoop, { enableTabLoop: enableTabLoop },
                 React.createElement("div", { ref: popperProps.refs.setFloating, style: popperProps.floatingStyles, className: classes, "data-placement": popperProps.placement, onKeyDown: popperOnKeyDown },
                     popperComponent,
@@ -14944,7 +14945,7 @@ var PopperComponent = /** @class */ (function (_super) {
         if (portalId && !hidePopper) {
             popper = (React.createElement(Portal, { portalId: portalId, portalHost: portalHost }, popper));
         }
-        var wrapperClasses = index$3.clsx("react-datepicker-wrapper", wrapperClassName);
+        var wrapperClasses = clsx.clsx("react-datepicker-wrapper", wrapperClassName);
         return (React.createElement(React.Fragment, null,
             React.createElement("div", { ref: popperProps.refs.setReference, className: wrapperClasses }, targetComponent),
             popper));
@@ -15726,7 +15727,7 @@ var DatePicker = /** @class */ (function (_super) {
         _this.renderDateInput = function () {
             var _a, _b;
             var _c;
-            var className = index$3.clsx(_this.props.className, (_a = {},
+            var className = clsx.clsx(_this.props.className, (_a = {},
                 _a[outsideClickIgnoreClass] = _this.state.open,
                 _a));
             var customInput = _this.props.customInput || React.createElement("input", { type: "text" });
@@ -15767,7 +15768,7 @@ var DatePicker = /** @class */ (function (_super) {
                 _b.placeholder = _this.props.placeholderText,
                 _b.disabled = _this.props.disabled,
                 _b.autoComplete = _this.props.autoComplete,
-                _b.className = index$3.clsx(customInput.props.className, className),
+                _b.className = clsx.clsx(customInput.props.className, className),
                 _b.title = _this.props.title,
                 _b.readOnly = _this.props.readOnly,
                 _b.required = _this.props.required,
@@ -15785,7 +15786,7 @@ var DatePicker = /** @class */ (function (_super) {
                     startDate != null ||
                     endDate != null ||
                     (selectedDates === null || selectedDates === void 0 ? void 0 : selectedDates.length))) {
-                return (React.createElement("button", { type: "button", className: index$3.clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled: disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 }));
+                return (React.createElement("button", { type: "button", className: clsx.clsx("react-datepicker__close-icon", clearButtonClassName, { "react-datepicker__close-icon--disabled": disabled }), disabled: disabled, "aria-label": ariaLabelClose, onClick: _this.onClearClick, title: clearButtonTitle, tabIndex: -1 }));
             }
             else {
                 return null;
@@ -15891,7 +15892,7 @@ var DatePicker = /** @class */ (function (_super) {
             console.warn("calendarIconClassname props is deprecated. should use calendarIconClassName props.");
         }
         return (React.createElement("div", { className: "react-datepicker__input-container".concat(showIcon ? " react-datepicker__view-calendar-icon" : "") },
-            showIcon && (React.createElement(CalendarIcon, _assign({ icon: icon, className: index$3.clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, (toggleCalendarOnIconClick
+            showIcon && (React.createElement(CalendarIcon, _assign({ icon: icon, className: clsx.clsx(calendarIconClassName, !calendarIconClassName && calendarIconClassname, open && "react-datepicker-ignore-onclickoutside") }, (toggleCalendarOnIconClick
                 ? {
                     onClick: this.toggleCalendar,
                 }

package/cjs/{fthry_index.DzI22-a-.js → fthry_index.D7IlFInQ.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var styles = require('./fthry_styles.DyHc8mjo.js');
+var styles = require('./fthry_styles.BD-5zYX4.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.Bg8trysI.js → fthry_index.DKe_zH6q.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.DAqPVi5Z.js → fthry_index.DYCg5RsQ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.Dxddifgf.js');
-var index$1 = require('./fthry_index.Bg8trysI.js');
+var Overlay = require('./fthry_Overlay.BApTL35K.js');
+var index$1 = require('./fthry_index.DKe_zH6q.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.Y_UP_4ct.js → fthry_index.Dl1GeWM6.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var index$1 = require('./fthry_index.Dsv-TeBu.js');
+var index$1 = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var Placeholder = require('./fthry_Placeholder.DgCge_qQ.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DXAGdsG6.js');
+var Placeholder = require('./fthry_Placeholder.DWR5nO5t.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CHwGV2ye.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.Dxddifgf.js');
+require('./fthry_Overlay.BApTL35K.js');
 
 function TextArea(_a) {
     var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, _b = _a.elementProps, elementProps = _b === void 0 ? {} : _b, _c = _a.required, required = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, editMode = _a.editMode, _e = _a.onChange, onChange = _e === void 0 ? function () { } : _e, _f = _a.setRef, setRef = _f === void 0 ? function () { } : _f, _g = _a.rawValue, rawValue = _g === void 0 ? '' : _g, inlineError = _a.inlineError, _h = _a.repeatIndex, repeatIndex = _h === void 0 ? null : _h, children = _a.children;

package/cjs/{fthry_index.dFaOUdRp.js → fthry_index.Dly0rruo.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.DFi7wHj1.js → fthry_index.IxpG538L.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index$1 = require('./fthry_index.Dsv-TeBu.js');
+var index$1 = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_index.4_yQ3xcB.js → fthry_index.TVlALn4r.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/fthry_index.YyKms2Ty.js

@@ -0,0 +1,109 @@
+'use strict';
+
+var index = require('./fthry_index.CaQDsoPD.js');
+var React = require('react');
+var InlineTooltip = require('./fthry_InlineTooltip.CHwGV2ye.js');
+var index$1 = require('./fthry_index.BVr4Lcyo.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BYr2Zkyy.js');
+require('react/jsx-runtime');
+require('react-dom/client');
+require('jszip');
+require('react-dom');
+require('./fthry_Overlay.BApTL35K.js');
+
+function DropdownField(_a) {
+    var _b, _c, _d;
+    var _e;
+    var element = _a.element, responsiveStyles = _a.responsiveStyles, fieldLabel = _a.fieldLabel, inlineError = _a.inlineError, _f = _a.required, required = _f === void 0 ? false : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.fieldVal, fieldVal = _h === void 0 ? '' : _h, _j = _a.repeatIndex, repeatIndex = _j === void 0 ? null : _j, _k = _a.countryCode, countryCode = _k === void 0 ? '' : _k, editMode = _a.editMode, rightToLeft = _a.rightToLeft, _l = _a.onChange, onChange = _l === void 0 ? function () { } : _l, _m = _a.setRef, setRef = _m === void 0 ? function () { } : _m, _o = _a.elementProps, elementProps = _o === void 0 ? {} : _o, children = _a.children;
+    var _p = index.useBorder({
+        element: element,
+        error: inlineError,
+        breakpoint: responsiveStyles.getMobileBreakpoint()
+    }), borderStyles = _p.borderStyles, customBorder = _p.customBorder;
+    var _q = index.__read(React.useState(false), 2), focused = _q[0], setFocused = _q[1];
+    var _r = index.__read(React.useState(null), 2), curCountry = _r[0], setCurCountry = _r[1];
+    var containerRef = React.useRef(null);
+    var servar = element.servar;
+    var short = servar.metadata.store_abbreviation;
+    var _s = useSalesforceSync.useSalesforceSync(servar.metadata.salesforce_sync, editMode), dynamicOptions = _s.dynamicOptions, loadingDynamicOptions = _s.loadingDynamicOptions, shouldSalesforceSync = _s.shouldSalesforceSync;
+    React.useEffect(function () {
+        if (servar.type === 'gmap_state') {
+            var code = countryCode.toLowerCase() || servar.metadata.default_country;
+            if (code && fieldVal && !index$1.hasState(code, fieldVal, short, true)) {
+                fieldVal = '';
+                onChange({ target: { value: fieldVal } });
+            }
+            setCurCountry(code || 'us');
+        }
+    }, [countryCode, setCurCountry]);
+    var options;
+    if (shouldSalesforceSync) {
+        options = dynamicOptions.map(function (option) { return (index.jsx("option", index.__assign({ value: option.value }, { children: option.label }), option.value)); });
+    }
+    else if (servar.type === 'gmap_state') {
+        if (curCountry === null)
+            options = [];
+        else if (fieldVal && !index$1.hasState(curCountry, fieldVal, short)) {
+            // If user selected a country without states defined
+            options = [
+                index.jsx("option", index.__assign({ value: fieldVal }, { children: fieldVal }), fieldVal)
+            ];
+        }
+        else
+            options = index$1.getStateOptions(curCountry, short, servar.metadata.include_territories);
+    }
+    else if (servar.type === 'gmap_country') {
+        var translation_1 = element.properties.translate || {};
+        options = index.countryData.map(function (_a) {
+            var countryCode = _a.countryCode, countryName = _a.countryName;
+            var val = servar.metadata.store_abbreviation
+                ? countryCode
+                : countryName;
+            var label = translation_1[countryCode] || countryName;
+            return (index.jsx("option", index.__assign({ value: val }, { children: label }), countryCode));
+        });
+    }
+    else {
+        var labels_1 = servar.metadata.option_labels;
+        var tooltips_1 = servar.metadata.option_tooltips;
+        if (repeatIndex !== null && ((_e = servar.metadata.repeat_options) === null || _e === void 0 ? void 0 : _e[repeatIndex])) {
+            var repeatOptions = servar.metadata.repeat_options[repeatIndex];
+            options = repeatOptions.map(function (option) {
+                var _a, _b, _c;
+                var value = (_a = option.value) !== null && _a !== void 0 ? _a : option;
+                var label = (_b = option.label) !== null && _b !== void 0 ? _b : option;
+                var tooltip = (_c = option.tooltip) !== null && _c !== void 0 ? _c : '';
+                return (index.jsx("option", index.__assign({ value: value, title: tooltip }, { children: label }), value));
+            });
+        }
+        else {
+            options = servar.metadata.options.map(function (option, index$1) {
+                var _a, _b;
+                var label = labels_1 && labels_1[index$1] ? labels_1[index$1] : option;
+                var tooltip = (_a = tooltips_1 === null || tooltips_1 === void 0 ? void 0 : tooltips_1[index$1]) !== null && _a !== void 0 ? _a : '';
+                var allVals = ((_b = index.fieldValues[servar.key]) !== null && _b !== void 0 ? _b : []);
+                if (servar.repeated &&
+                    servar.metadata.unique_repeat_options &&
+                    option !== fieldVal &&
+                    allVals.includes(option))
+                    return null;
+                return (index.jsx("option", index.__assign({ value: option, title: tooltip }, { children: label }), "".concat(index$1).concat(option)));
+            });
+        }
+    }
+    var hasTooltip = !!element.properties.tooltipText;
+    var chevronPosition = hasTooltip ? 30 : 10;
+    responsiveStyles.applyFontStyles('field', !fieldVal);
+    return (index.jsxs("div", index.__assign({ ref: containerRef, css: index.__assign({ maxWidth: '100%', width: '100%', height: '100%', position: 'relative', pointerEvents: editMode ? 'none' : 'auto' }, responsiveStyles.getTarget('fc')) }, elementProps, { children: [children, fieldLabel, index.jsxs("div", index.__assign({ css: index.__assign(index.__assign(index.__assign({ position: 'relative', width: '100%', whiteSpace: 'nowrap', 
+                    // Prevent placeholder overflow
+                    overflowX: 'clip' }, responsiveStyles.getTarget('sub-fc')), (disabled ? responsiveStyles.getTarget('disabled') : {})), { '&:hover': index.hoverStylesGuard(disabled
+                        ? {}
+                        : index.__assign(index.__assign({}, responsiveStyles.getTarget('hover')), borderStyles.hover)), '&&': focused
+                        ? index.__assign(index.__assign({}, responsiveStyles.getTarget('active')), borderStyles.active) : {} }) }, { children: [index.jsx(index.Global, { styles: index.css(templateObject_1 || (templateObject_1 = index.__makeTemplateObject(["\n            option {\n              color: black;\n            }\n          "], ["\n            option {\n              color: black;\n            }\n          "]))) }), customBorder, index.jsxs("select", index.__assign({ css: index.__assign(index.__assign(index.__assign({}, index.resetStyles), responsiveStyles.getTarget('field')), (_b = { width: '100%', height: '100%', border: 'none', margin: 0, boxShadow: 'none', backgroundColor: 'transparent', appearance: 'none', WebkitAppearance: 'none', MozAppearance: 'none', backgroundImage: "url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M0 0.776454L0.970744 0L5 4.2094L9.02926 0L10 0.776454L5 6L0 0.776454Z' fill='%23".concat(element.styles.font_color, "'/></svg>\")"), backgroundRepeat: 'no-repeat', backgroundPosition: "".concat(rightToLeft ? 'left' : 'right', " ").concat(chevronPosition, "px center") }, _b[rightToLeft ? 'paddingLeft' : 'paddingRight'] = 30, _b.position = 'relative', _b)), id: servar.key, value: fieldVal !== null && fieldVal !== void 0 ? fieldVal : '', required: required, disabled: disabled || loadingDynamicOptions, "aria-label": element.properties.aria_label, onChange: onChange, onFocus: function (event) {
+                            setFocused(true);
+                            index.iosScrollOnFocus(event);
+                        }, onBlur: function () { return setFocused(false); }, ref: setRef }, { children: [index.jsx("option", { value: '', disabled: required }, ''), options] })), index.jsx("span", index.__assign({ css: index.__assign(index.__assign(index.__assign((_c = { position: 'absolute', pointerEvents: 'none' }, _c[rightToLeft ? 'right' : 'left'] = '0.75rem', _c.transition = '0.2s ease all', _c.top = '50%', _c), responsiveStyles.getTarget('placeholder')), (fieldVal ? responsiveStyles.getTarget('placeholderFocus') : {})), (_d = {}, _d["input:focus + &"] = index.__assign(index.__assign({}, responsiveStyles.getTarget('placeholderFocus')), responsiveStyles.getTarget('placeholderActive')), _d)) }, { children: element.properties.placeholder || '' })), index.jsx(InlineTooltip.InlineTooltip, { containerRef: containerRef, id: element.id, text: element.properties.tooltipText, responsiveStyles: responsiveStyles, repeat: element.repeat })] }))] })));
+}
+var templateObject_1;
+
+exports.default = DropdownField;

package/cjs/{fthry_index.BvCKY-AY.js → fthry_index.fFWtGd8u.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 var ReactDOM = require('react-dom');
 require('react/jsx-runtime');

package/cjs/{fthry_index.BCDEI_8h.js → fthry_index.qxBbMcVu.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.BCawW2JY.js');
-var index$1 = require('./fthry_index.Bg8trysI.js');
-var InlineTooltip = require('./fthry_InlineTooltip.DXAGdsG6.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.CCCfBjU1.js');
+var FormControl = require('./fthry_FormControl.B6IeQ4Ds.js');
+var index$1 = require('./fthry_index.DKe_zH6q.js');
+var InlineTooltip = require('./fthry_InlineTooltip.CHwGV2ye.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.BYr2Zkyy.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.Dxddifgf.js');
+require('./fthry_Overlay.BApTL35K.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');

package/cjs/{fthry_index.DclxO6k2.js → fthry_index.xHwcINEA.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 require('react/jsx-runtime');
 require('react-dom/client');

package/cjs/{fthry_input.WfgR8fOH.js → fthry_input.C-RhGr8Z.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.BrcBLxiN.js');
+var index = require('./fthry_index.Bq4ONiuv.js');
 
 /** Checks if value is string */
 function isString(str) {

package/cjs/fthry_mermaid-O7DHMXV3.B40IiwEd.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var AssistantChat = require('./fthry_AssistantChat.L8QqDrZ9.js');
+require('./fthry_index.CaQDsoPD.js');
+require('react/jsx-runtime');
+require('react');
+require('react-dom/client');
+require('jszip');
+require('react-dom');
+require('./fthry_clsx.BtxeOLZW.js');
+require('./fthry_index.BVr4Lcyo.js');
+
+
+
+exports.Mermaid = AssistantChat.uo;

package/cjs/{fthry_script.B921m9AF.js → fthry_script.BUzm9HxD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 
 function _mergeNamespaces(n, m) {
   m.forEach(function (e) {

package/cjs/{fthry_styles.DyHc8mjo.js → fthry_styles.BD-5zYX4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var ReactDOM = require('react-dom');
 
 function _interopNamespaceDefault(e) {

package/cjs/{fthry_useElementSize.Bx50W_pE.js → fthry_useElementSize.7Vh9Fjsi.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 
 function useElementSize(anchorRef) {

package/cjs/{fthry_useSalesforceSync.CCCfBjU1.js → fthry_useSalesforceSync.BYr2Zkyy.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 var React = require('react');
 
 function useSalesforceSync(salesforceSync, editMode) {

package/cjs/{fthry_webfontloader.DxmcEISV.js → fthry_webfontloader.B3eO9SnD.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 
 function _mergeNamespaces(n, m) {
 	m.forEach(function (e) {

package/cjs/index.d.ts

@@ -6,7 +6,7 @@ import { OPERATOR_CODE } from './utils/logic';
 import { FormContext } from './types/Form';
 import LoginForm from './auth/LoginForm';
 import useAuthClient from './auth/useAuthClient';
-import AssistantChat from './assistant';
+import { AssistantChat } from './assistant';
 import './utils/polyfills';
 /**
  * Utility function which renders a form with the provided props in the DOM element with the provided ID.
@@ -123,28 +123,72 @@ declare function renderAt(elementId: any, props: FormProps, loginEnabled?: boole
 declare const Feathery: {
     Form: typeof Form;
     Elements: {
-        AddressLine1: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, disabled, autoComplete, editMode, repeatIndex, onSelect, onChange, required, onBlur, onEnter, setRef, value, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        ButtonGroupField: import("react").LazyExoticComponent<typeof import("./elements/fields/ButtonGroupField").default>;
-        CheckboxField: import("react").LazyExoticComponent<typeof import("./elements/fields/CheckboxField").default>;
-        CheckboxGroupField: import("react").LazyExoticComponent<typeof import("./elements/fields/CheckboxGroupField").default>;
-        ColorPickerField: import("react").LazyExoticComponent<typeof import("./elements/fields/ColorPickerField").default>;
-        CustomField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, elementProps, responsiveStyles, onChange, rawValue, required, disabled, fieldStyles, editMode, rightToLeft, index }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        DateSelectorField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onComplete, onEnter, setRef, value, inlineError, children }: import("./elements/fields/DateSelectorField").DateSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        DropdownField: import("react").LazyExoticComponent<typeof import("./elements/fields/DropdownField").default>;
-        DropdownMultiField: import("react").LazyExoticComponent<typeof import("./elements/fields/DropdownMultiField").default>;
-        FileUploadField: import("react").LazyExoticComponent<typeof import("./elements/fields/FileUploadField").default>;
-        MatrixField: import("react").LazyExoticComponent<typeof import("./elements/fields/MatrixField").default>;
-        PasswordField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onChange, onEnter, setRef, rawValue, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        PaymentMethodField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ editMode, children, ...props }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        PhoneField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, fullNumber, elementProps, required, disabled, repeatIndex, autoComplete, editMode, onComplete, setRef, inlineError, rightToLeft, onEnter, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        PinInputField: import("react").LazyExoticComponent<typeof import("./elements/fields/PinInputField").default>;
-        QRScanner: import("react").LazyExoticComponent<typeof import("./elements/fields/QRScanner").default>;
-        RadioButtonGroupField: import("react").LazyExoticComponent<typeof import("./elements/fields/RadioButtonGroupField").default>;
-        RatingField: import("react").LazyExoticComponent<typeof import("./elements/fields/RatingField").default>;
-        SignatureField: import("react").LazyExoticComponent<typeof import("./elements/fields/SignatureField").default>;
-        SliderField: import("react").LazyExoticComponent<typeof import("./elements/fields/SliderField").default>;
-        TextField: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, autoComplete, editMode, onAccept, onEnter, setRef, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-        TextArea: import("react").LazyExoticComponent<import("react").MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, editMode, onChange, setRef, rawValue, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+        AddressLine1: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        ButtonGroupField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        CheckboxField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        CheckboxGroupField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        ColorPickerField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        CustomField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        DateSelectorField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        DropdownField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        DropdownMultiField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        FileUploadField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        MatrixField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        PasswordField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        PaymentMethodField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        PhoneField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        PinInputField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        QRScanner: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        RadioButtonGroupField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        RatingField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        SignatureField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        SliderField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        TextField: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
+        TextArea: import("react").ComponentType<any> & {
+            preload: () => Promise<any>;
+        };
         ImageElement: typeof import("./elements/basic/ImageElement").default;
         VideoElement: typeof import("./elements/basic/VideoElement").default;
         TextElement: typeof import("./elements/basic/TextElement").default;

package/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,EAAE,EAAU,KAAK,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,aAAa,MAAM,aAAa,CAAC;AACxC,OAAO,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvE;AAGD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASb,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,EACd,QAAQ,EACR,SAAS,EACT,aAAa,EACb,aAAa,EACb,QAAQ,EACR,eAAe,EAChB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAC3C,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";AACA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,IAAI,EAAE,EAAU,KAAK,IAAI,SAAS,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC3E,OAAO,EACL,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,cAAc,EACd,WAAW,EACZ,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,aAAa,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,mBAAmB,CAAC;AAG3B;;;;GAIG;AACH,iBAAS,QAAQ,CAAC,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,UAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvE;AAGD,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASb,CAAC;AAEF,OAAO,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,EACd,cAAc,EACd,QAAQ,EACR,SAAS,EACT,aAAa,EACb,aAAa,EACb,QAAQ,EACR,eAAe,EAChB,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC;AAC3C,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC"}

package/cjs/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Dsv-TeBu.js');
+var index = require('./fthry_index.CaQDsoPD.js');
 require('react-dom/client');
 require('react/jsx-runtime');
 require('react');