@axdspub/axiom-ui-forms 0.3.3 → 0.3.5

package/library/esm/node_modules/@axdspub/axiom-ui-utilities/library/index.js

@@ -2789,14 +2789,41 @@ function Button(_a) {
     return ErrorBoundary;
 })(Component));
 
+function Label(_a) {
+    var label = _a.label, children = _a.children, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block mb-2' : _b, className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    return (React__default.createElement(React__default.Fragment, null, label !== undefined
+        ? React__default.createElement("span", { className: makeClassName({
+                defaultClassName: defaultClassName,
+                className: className,
+                extras: [
+                    disabled ? 'cursor-not-allowed text-slate-400' : undefined
+                ]
+            }) }, children !== undefined ? children : label)
+        : ''));
+}
+
+function Description(_a) {
+    var description = _a.description, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block text-xs mb-2 mt-2' : _b, className = _a.className, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
+    return (React__default.createElement(React__default.Fragment, null, description !== undefined
+        ? React__default.createElement("span", { className: makeClassName({
+                defaultClassName: defaultClassName,
+                className: className,
+                extras: [
+                    disabled ? 'text-slate-400 cursor-not-allowed' : undefined
+                ]
+            }) }, description)
+        : ''));
+}
+
 function Checkbox(_a) {
-    _a.id; var _b = _a.testId, testId = _b === void 0 ? 'checkbox' : _b, value = _a.value, error = _a.error, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, defaultClassName = _a.defaultClassName, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.defaultWrapperClassName, defaultWrapperClassName = _e === void 0 ? 'block align-middle' : _e, wrapperClassName = _a.wrapperClassName; _a.size; var label = _a.label, after = _a.after, before = _a.before, _f = _a.align, align = _f === void 0 ? 'left' : _f;
+    _a.id; var _b = _a.testId, testId = _b === void 0 ? 'checkbox' : _b, value = _a.value, error = _a.error, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange, defaultClassName = _a.defaultClassName, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.defaultWrapperClassName, defaultWrapperClassName = _e === void 0 ? 'block align-middle' : _e, wrapperClassName = _a.wrapperClassName; _a.size; var label = _a.label, description = _a.description, after = _a.after, before = _a.before, _f = _a.align, align = _f === void 0 ? 'left' : _f;
     var alignClasses = {
         left: 'mr-2',
         right: 'ml-2',
         none: ''
     };
     var _g = useState(value), v = _g[0], setV = _g[1];
+    var labelOutput = React__default.createElement(Label, { className: 'inline', label: label, disabled: disabled });
     var updateValue = function (newValue) {
         setV(newValue);
         value = newValue;
@@ -2816,14 +2843,17 @@ function Checkbox(_a) {
                 defaultClassName: defaultClassName,
                 className: className,
                 error: error,
-                extras: ['p-0', alignClasses[align]]
+                extras: [
+                    'p-0', alignClasses[align],
+                    disabled ? 'cursor-not-allowed' : ''
+                ]
             }), onChange: onInputChange, checked: !!v, disabled: disabled }));
     };
     var CheckboxContent = function () {
         return (React__default.createElement(React__default.Fragment, null,
             before !== undefined ? before : '',
             align !== 'right' ? React__default.createElement(CheckboxInput, null) : '',
-            label !== undefined ? label : '',
+            label !== undefined ? labelOutput : '',
             align === 'right' ? React__default.createElement(CheckboxInput, null) : '',
             after !== undefined ? after : ''));
     };
@@ -2832,20 +2862,15 @@ function Checkbox(_a) {
                 defaultClassName: defaultWrapperClassName,
                 className: wrapperClassName
             }) },
-            React__default.createElement(CheckboxContent, null))
+            React__default.createElement(CheckboxContent, null),
+            description !== undefined
+                ? typeof description === 'string'
+                    ? React__default.createElement(Description, { description: description, disabled: disabled })
+                    : description !== undefined ? description : ''
+                : '')
         : React__default.createElement(CheckboxContent, null)));
 }
 
-function Label(_a) {
-    var label = _a.label, children = _a.children, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block mb-2' : _b, className = _a.className;
-    return (React__default.createElement(React__default.Fragment, null, label !== undefined ? React__default.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, children !== undefined ? children : label) : ''));
-}
-
-function Description(_a) {
-    var description = _a.description, _b = _a.defaultClassName, defaultClassName = _b === void 0 ? 'block text-xs mb-2 mt-2' : _b, className = _a.className;
-    return (React__default.createElement(React__default.Fragment, null, description !== undefined ? React__default.createElement("span", { className: makeClassName({ defaultClassName: defaultClassName, className: className }) }, description) : ''));
-}
-
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -3953,7 +3978,7 @@ const $f99a8c78507165f7$export$6d08773d2e66f8f2 = $f99a8c78507165f7$export$9f866
 const $f99a8c78507165f7$export$adb584737d712b70 = $f99a8c78507165f7$export$5fb54c671a65c88;
 
 function RadixRadioGroup(_a) {
-    _a.children; var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select one' : _b, _c = _a.includePrompt, includePrompt = _c === void 0 ? true : _c, onChange = _a.onChange, value = _a.value; _a.id; _a.testId; var _e = _a.options, options = _e === void 0 ? [] : _e, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _f = _a.size, size = _f === void 0 ? 'med' : _f, _g = _a.defaultClassName, defaultClassName = _g === void 0 ? 'flex flex-col gap-2.5' : _g; _a.disabled; var _j = _a.className, className = _j === void 0 ? '' : _j; _a.error;
+    _a.children; var _b = _a.placeholder, placeholder = _b === void 0 ? 'Select one' : _b, _c = _a.includePrompt, includePrompt = _c === void 0 ? true : _c, onChange = _a.onChange, value = _a.value; _a.id; _a.testId; var _e = _a.options, options = _e === void 0 ? [] : _e, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _f = _a.size, size = _f === void 0 ? 'med' : _f, _g = _a.defaultClassName, defaultClassName = _g === void 0 ? 'flex flex-col gap-2.5' : _g, _h = _a.disabled, disabled = _h === void 0 ? false : _h, _j = _a.className, className = _j === void 0 ? '' : _j; _a.error;
     var sizes = {
         xs: 'h-[12px] w-[12px]',
         sm: 'h-[15px] w-[15px]',
@@ -4006,18 +4031,34 @@ function RadixRadioGroup(_a) {
     return (React__default.createElement("div", null,
         before !== undefined ? before : '',
         typeof label === 'string'
-            ? React__default.createElement(Label, { label: label })
+            ? React__default.createElement(Label, { label: label, disabled: disabled })
             : label !== undefined ? label : '',
         typeof description === 'string'
-            ? React__default.createElement(Description, { description: description })
+            ? React__default.createElement(Description, { description: description, disabled: disabled })
             : description !== undefined ? description : '',
         React__default.createElement("div", { className: "flex gap-2" },
-            React__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, { className: "".concat(makeClassName({ defaultClassName: defaultClassName, className: className })), "aria-label": 'Select from options', onValueChange: onSelectChange, defaultValue: value, value: val }, options.map(function (option) {
+            React__default.createElement($f99a8c78507165f7$export$be92b6f5f03c0fe9, { className: "".concat(makeClassName({
+                    defaultClassName: defaultClassName,
+                    className: className,
+                    extras: [
+                        disabled ? 'cursor-not-allowed opacity-50' : undefined
+                    ]
+                })), disabled: disabled, "aria-label": 'Select from options', onValueChange: onSelectChange, defaultValue: value !== undefined ? String(value) : value, value: val !== undefined ? String(val) : val }, options.map(function (option) {
                 var optionId = "".concat(option.value, ".").concat(instanceId);
                 return (React__default.createElement("div", { className: "flex items-center", key: option.value },
-                    React__default.createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: defaultSelectorStyle, id: optionId, value: option.value },
+                    React__default.createElement($f99a8c78507165f7$export$6d08773d2e66f8f2, { className: makeClassName({
+                            defaultClassName: defaultSelectorStyle,
+                            extras: [
+                                disabled ? 'cursor-not-allowed' : undefined
+                            ]
+                        }), id: optionId, value: option.value !== undefined ? String(option.value) : option.value },
                         React__default.createElement($f99a8c78507165f7$export$adb584737d712b70, { className: defaultSelectedStyle })),
-                    React__default.createElement("label", { className: defaultLabelStyle, htmlFor: optionId }, option.label)));
+                    React__default.createElement("label", { className: makeClassName({
+                            defaultClassName: defaultLabelStyle,
+                            extras: [
+                                disabled ? 'text-slate-600 cursor-not-allowed' : undefined
+                            ]
+                        }), htmlFor: optionId }, option.label)));
             }))),
         after !== undefined ? after : ''));
 }
@@ -4048,13 +4089,22 @@ function Input(_a) {
                 className: wrapperClassName
             }) },
             typeof label === 'string'
-                ? React__default.createElement(Label, { label: label })
+                ? React__default.createElement(Label, { disabled: disabled, label: label })
                 : label !== undefined ? label : '',
             typeof description === 'string'
-                ? React__default.createElement(Description, { description: description })
+                ? React__default.createElement(Description, { description: description, disabled: disabled })
                 : description !== undefined ? description : '',
             before !== undefined ? before : '',
-            React__default.createElement("input", __assign({ autoFocus: autofocus, className: makeClassName({ defaultClassName: defaultClassName, size: size, className: className, error: error, errorClassName: 'border-2 border-rose-600' }), placeholder: placeholder, onChange: onInputChange, "data-testid": testId, disabled: disabled, onKeyUp: function (e) {
+            React__default.createElement("input", __assign({ autoFocus: autofocus, className: makeClassName({
+                    defaultClassName: defaultClassName,
+                    size: size,
+                    className: className,
+                    error: error,
+                    extras: [
+                        disabled ? 'cursor-not-allowed' : undefined
+                    ],
+                    errorClassName: 'border-2 border-rose-600'
+                }), placeholder: placeholder, onChange: onInputChange, "data-testid": testId, disabled: disabled, onKeyUp: function (e) {
                     if (typeof onSubmit === 'function' && e.key === 'Enter') {
                         onSubmit(v);
                     }
@@ -7001,11 +7051,11 @@ const $a093c7e1ec25a057$export$7c6e2c02157bb7d2 = $a093c7e1ec25a057$export$e9003
 const $a093c7e1ec25a057$export$21b07c8f274aebd5 = $a093c7e1ec25a057$export$c27ee0ad710f7559;
 
 var RadixTooltip = function (_a) {
-    var children = _a.children, content = _a.content, _b = _a.delay, delay = _b === void 0 ? 0 : _b, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, className = _a.className, side = _a.side, _d = _a.contentDefaultClassName, contentDefaultClassName = _d === void 0 ? 'text-slate-800 bg-white' : _d, contentClassName = _a.contentClassName, _e = _a.dark, dark = _e === void 0 ? false : _e;
+    var children = _a.children, content = _a.content, _b = _a.delay, delay = _b === void 0 ? 0 : _b, _c = _a.defaultOpen, defaultOpen = _c === void 0 ? false : _c, className = _a.className, _d = _a.tooltipWrapperClassName, tooltipWrapperClassName = _d === void 0 ? 'z-50' : _d, side = _a.side, _e = _a.contentDefaultClassName, contentDefaultClassName = _e === void 0 ? 'text-slate-800 bg-white' : _e, contentClassName = _a.contentClassName, _f = _a.dark, dark = _f === void 0 ? false : _f;
     return (React__default.createElement($a093c7e1ec25a057$export$2881499e37b75b9a, { delayDuration: delay !== undefined ? delay : 0 },
         React__default.createElement($a093c7e1ec25a057$export$be92b6f5f03c0fe9, { defaultOpen: defaultOpen !== undefined ? defaultOpen : false },
             React__default.createElement($a093c7e1ec25a057$export$41fb9f06171c75f4, { role: 'tooltip', className: className }, children),
-            React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, null,
+            React__default.createElement($a093c7e1ec25a057$export$602eac185826482c, { className: tooltipWrapperClassName },
                 React__default.createElement($a093c7e1ec25a057$export$7c6e2c02157bb7d2, { side: side, className: "data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade ".concat(makeClassName({
                         defaultClassName: contentDefaultClassName,
                         className: contentClassName,
@@ -7048,13 +7098,22 @@ function Select(_a) {
     return (React__default.createElement("label", { className: "block" },
         before !== undefined ? before : '',
         typeof label === 'string'
-            ? React__default.createElement(Label, { label: label })
+            ? React__default.createElement(Label, { label: label, disabled: disabled })
             : label !== undefined ? label : '',
         typeof description === 'string'
-            ? React__default.createElement(Description, { description: description })
+            ? React__default.createElement(Description, { description: description, disabled: disabled })
             : description !== undefined ? description : '',
         React__default.createElement("div", { className: "flex gap-2" },
-            React__default.createElement("select", { "data-testid": testId, disabled: disabled, onChange: onSelectChange, className: makeClassName({ size: size, defaultClassName: defaultClassName, className: className, error: error, errorClassName: 'border-2 border-rose-600  focus:border-rose-600 focus:ring-offset-0' }), value: v !== undefined && v !== null ? v : '' }, children !== undefined
+            React__default.createElement("select", { "data-testid": testId, disabled: disabled, onChange: onSelectChange, className: makeClassName({
+                    size: size,
+                    defaultClassName: defaultClassName,
+                    className: className,
+                    error: error,
+                    extras: [
+                        disabled ? 'cursor-not-allowed' : undefined
+                    ],
+                    errorClassName: 'border-2 border-rose-600  focus:border-rose-600 focus:ring-offset-0'
+                }), value: v !== undefined && v !== null ? v : '' }, children !== undefined
                 ? children
                 : optionsToUse.map(function (option) { return (React__default.createElement(Option, __assign({}, option, { key: option.value }))); })),
             after !== undefined ? after : '')));
@@ -7667,9 +7726,9 @@ var validateValue = function (value, min, max) {
     return newV;
 };
 var SliderSingle = function (_a) {
-    _a.id; _a.testId; _a.error; var _c = _a.size, size = _c === void 0 ? 'med' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _e = _a.max, max = _e === void 0 ? 100 : _e, _f = _a.min, min = _f === void 0 ? 1 : _f, _g = _a.step, step = _g === void 0 ? 1 : _g, value = _a.value, onChange = _a.onChange, onChangeComplete = _a.onChangeComplete, _h = _a.defaultClassName, defaultClassName = _h === void 0 ? 'relative flex items-center select-none touch-none h-5' : _h, className = _a.className, thumbClass = _a.thumbClass;
+    _a.id; _a.testId; _a.error; var _c = _a.size, size = _c === void 0 ? 'med' : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, label = _a.label, description = _a.description, before = _a.before, after = _a.after, _e = _a.max, max = _e === void 0 ? 100 : _e, _f = _a.min, min = _f === void 0 ? 1 : _f, _g = _a.step, step = _g === void 0 ? 1 : _g, value = _a.value, onChange = _a.onChange, onChangeComplete = _a.onChangeComplete, _h = _a.defaultClassName, defaultClassName = _h === void 0 ? 'relative flex items-center select-none touch-none h-5' : _h, wrapperClassName = _a.wrapperClassName, className = _a.className, thumbClass = _a.thumbClass, _j = _a.retainUndefinedOnLoad, retainUndefinedOnLoad = _j === void 0 ? false : _j;
     var thumbDefaultClassName = getDefaultThumbClass(size);
-    var _j = useState(), sliderValue = _j[0], setSlidervalue = _j[1];
+    var _k = useState(), sliderValue = _k[0], setSlidervalue = _k[1];
     var onSliderChange = function (v) {
         var newV = validateValue(v[0], min, max);
         if (typeof onChange === 'function') {
@@ -7684,30 +7743,46 @@ var SliderSingle = function (_a) {
         }
     };
     useEffect(function () {
-        var newVal = validateValue(value, min, max);
-        setSlidervalue(newVal);
-        if (newVal !== value) {
-            onSliderChange([newVal]);
-            onSliderChangeCommit([newVal]);
+        if (value === undefined && retainUndefinedOnLoad) {
+            setSlidervalue(validateValue(value, min, max));
+        }
+        else {
+            var newVal = validateValue(value, min, max);
+            setSlidervalue(newVal);
+            if (newVal !== value) {
+                onSliderChange([newVal]);
+                onSliderChangeCommit([newVal]);
+            }
         }
     }, [value]);
-    return (React__default.createElement(React__default.Fragment, null,
+    return (React__default.createElement("div", { className: wrapperClassName },
         typeof label === 'string'
-            ? React__default.createElement(Label, { label: label })
+            ? React__default.createElement(Label, { disabled: disabled, label: label })
             : label !== undefined ? label : '',
         typeof description === 'string'
-            ? React__default.createElement(Description, { description: description })
+            ? React__default.createElement(Description, { disabled: disabled, description: description })
             : description !== undefined ? description : '',
         before !== undefined ? before : '',
         React__default.createElement($faa2e61a3361514f$export$be92b6f5f03c0fe9, { className: makeClassName({
                 defaultClassName: defaultClassName,
-                className: className
+                className: className,
+                extras: [
+                    disabled ? 'cursor-not-allowed opacity-50' : undefined
+                ]
             }), disabled: disabled, defaultValue: [validateValue(value, min, max)], value: sliderValue !== undefined ? [sliderValue] : undefined, min: min, max: max, step: step, minStepsBetweenThumbs: 1, onValueChange: onSliderChange, onValueCommit: onSliderChangeCommit },
-            React__default.createElement($faa2e61a3361514f$export$13921ac0cc260818, { className: "bg-slate-400 relative grow rounded-full h-[3px]" },
+            React__default.createElement($faa2e61a3361514f$export$13921ac0cc260818, { className: makeClassName({
+                    className: 'bg-slate-400 relative grow rounded-full h-[3px]',
+                    extras: [
+                        disabled ? 'cursor-not-allowed opacity-50' : undefined
+                    ]
+                }) },
                 React__default.createElement($faa2e61a3361514f$export$9a58ef0d7ad3278c, { className: "absolute bg-blue-400 rounded-full h-full" })),
             React__default.createElement($faa2e61a3361514f$export$6521433ed15a34db, { className: makeClassName({
                     defaultClassName: thumbDefaultClassName,
-                    className: thumbClass
+                    className: thumbClass,
+                    extras: [
+                        disabled ? 'cursor-not-allowed opacity-80' : ''
+                    ]
                 }), "aria-label": "Value" })),
         after !== undefined ? after : ''));
 };
@@ -7737,10 +7812,10 @@ function TextArea(_a) {
             className: wrapperClassName
         }) },
         typeof label === 'string'
-            ? React__default.createElement(Label, { label: label })
+            ? React__default.createElement(Label, { label: label, disabled: disabled })
             : label !== undefined ? label : '',
         typeof description === 'string'
-            ? React__default.createElement(Description, { description: description })
+            ? React__default.createElement(Description, { description: description, disabled: disabled })
             : description !== undefined ? description : '',
         before !== undefined ? before : '',
         error !== undefined ? React__default.createElement("p", { className: "text-rose-800 text-xs" }, error) : '',
@@ -7748,6 +7823,9 @@ function TextArea(_a) {
                 size: size,
                 defaultClassName: defaultClassName,
                 className: className,
+                extras: [
+                    disabled ? 'cursor-not-allowed' : undefined
+                ],
                 error: error
             }), disabled: disabled, placeholder: placeholder, onChange: onInputChange, value: v !== undefined ? v : '' }),
         after !== undefined ? after : ''));
@@ -15900,53 +15978,7 @@ axios.getAdapter = adapters.getAdapter;
 axios.HttpStatusCode = HttpStatusCode$1;
 
 axios.default = axios;
-
-var EventWithData = /** @class */ (function () {
-    function EventWithData(type, props) {
-        this.type = type;
-        this.data = props.data;
-        this.nativeEvent = props.nativeEvent;
-    }
-    return EventWithData;
-}());
-
-var EventManager = /** @class */ (function () {
-    function EventManager() {
-        this._eventListeners = {};
-    }
-    EventManager.prototype.on = function (eventType, callback) {
-        this.addEventListener(eventType, callback);
-    };
-    EventManager.prototype.addEventListener = function (eventType, callback) {
-        if (this._eventListeners[eventType] === undefined) {
-            this._eventListeners[eventType] = [];
-        }
-        this._eventListeners[eventType].push(callback);
-    };
-    EventManager.prototype.off = function (eventType, callback) {
-        this.removeEventListener(eventType, callback);
-    };
-    EventManager.prototype.removeEventListener = function (eventType, callback) {
-        var listeners = this._eventListeners[eventType];
-        if (listeners !== undefined) {
-            this._eventListeners[eventType] = listeners.filter(function (cb) { return cb !== callback; });
-        }
-    };
-    EventManager.prototype.dispatchEvent = function (event) {
-        var listeners = this._eventListeners[event.type];
-        if (listeners !== undefined) {
-            listeners.forEach(function (callback) { callback(event); });
-        }
-    };
-    EventManager.prototype.dispatchEventWithData = function (eventType, data, nativeEvent) {
-        this.dispatchEvent(new EventWithData(eventType, {
-            data: data,
-            nativeEvent: nativeEvent
-        }));
-    };
-    return EventManager;
-}());
 //# sourceMappingURL=index.js.map
 
-export { Button, Checkbox, Description, EventManager, EventWithData, Input, Label, Loader, RadixRadioGroup as RadioGroup, Select as SelectInput, SliderSingle as Slider, TextArea, RadixTooltip as Tooltip, index$1 as utils };
+export { Button, Checkbox, Description, Input, Label, Loader, RadixRadioGroup as RadioGroup, Select as SelectInput, SliderSingle as Slider, TextArea, RadixTooltip as Tooltip, index$1 as utils };
 //# sourceMappingURL=index.js.map