@feathery/react 2.37.3 → 2.38.0

package/cjs/{fthry_index.BuyRtOzC.js → fthry_index.DX0u8QrD.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.Bq_x7oXa.js');
+var index = require('./fthry_index._rTrmGwo.js');
 var React = require('react');
-var styles = require('./fthry_styles.CMDk6ugx.js');
+var styles = require('./fthry_styles.BVmu9I22.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.DryzUba-.js → fthry_index.Da2RxuWz.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./fthry_index.Bq_x7oXa.js');
+var index = require('./fthry_index._rTrmGwo.js');
 var React = require('react');
-var Overlay = require('./fthry_Overlay.CCAYrp0U.js');
-var index$1 = require('./fthry_index.tqY6b6fj.js');
+var Overlay = require('./fthry_Overlay.cDGh2blq.js');
+var index$1 = require('./fthry_index.DVHeeCAd.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.C_A0bE3P.js → fthry_index.DaWvIjDB.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./fthry_index.Bq_x7oXa.js');
+var index = require('./fthry_index._rTrmGwo.js');
 var React = require('react');
-var styles = require('./fthry_styles.CMDk6ugx.js');
+var styles = require('./fthry_styles.BVmu9I22.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');

package/cjs/{fthry_index.C30eV3k_.js → fthry_index.HtL5MFY2.js}

@@ -1,14 +1,6 @@
 'use strict';
 
-var index = require('./fthry_index.Bq_x7oXa.js');
-var React = require('react');
-var InlineTooltip = require('./fthry_InlineTooltip.BqZk2-qL.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DK9Wotlq.js');
-require('react/jsx-runtime');
-require('react-dom/client');
-require('jszip');
-require('react-dom');
-require('./fthry_Overlay.CCAYrp0U.js');
+var index = require('./fthry_index._rTrmGwo.js');
 
 var ae = [
     { name: 'Abu Dhabi', code: 'AZ' },
@@ -1330,99 +1322,6 @@ function getStateOptions(country, shortcode, territories) {
     });
 }
 
-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 && !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 && !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 = 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;
+exports.getStateOptions = getStateOptions;
+exports.hasState = hasState;
+exports.stateMap = stateMap;

package/cjs/{fthry_index.QTVlhoOF.js → fthry_index.VY9IsOXx.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./fthry_index.Bq_x7oXa.js');
+var index = require('./fthry_index._rTrmGwo.js');
 var React = require('react');
-var FormControl = require('./fthry_FormControl.DnTZRvX8.js');
-var index$1 = require('./fthry_index.tqY6b6fj.js');
-var InlineTooltip = require('./fthry_InlineTooltip.BqZk2-qL.js');
-var useSalesforceSync = require('./fthry_useSalesforceSync.DK9Wotlq.js');
+var FormControl = require('./fthry_FormControl.Cl-dGLcM.js');
+var index$1 = require('./fthry_index.DVHeeCAd.js');
+var InlineTooltip = require('./fthry_InlineTooltip.B8DIhcwN.js');
+var useSalesforceSync = require('./fthry_useSalesforceSync.C1MgCEkl.js');
 require('react/jsx-runtime');
 require('react-dom/client');
 require('jszip');
 require('react-dom');
-require('./fthry_Overlay.CCAYrp0U.js');
+require('./fthry_Overlay.cDGh2blq.js');
 
 var applyRadioGroupStyles = function (element, responsiveStyles) {
     responsiveStyles.addTargets('radioGroup');