@ballistix.digital/react-components 0.5.6 → 0.5.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +2 -2
- package/dist/index.esm.js +8 -2
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -2
- package/dist/index.js.map +1 -1
- package/dist/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -540,7 +540,9 @@ var ButtonElement = function (props) {
|
|
|
540
540
|
return result;
|
|
541
541
|
};
|
|
542
542
|
var styles = handleGenerateStyle();
|
|
543
|
-
return (jsxRuntime.jsxs("button", { type: htmlType, className: styles.container, disabled: isDisabled || status !== 'idle', onClick:
|
|
543
|
+
return (jsxRuntime.jsxs("button", { type: htmlType, className: styles.container, disabled: isDisabled || status !== 'idle', onClick: function (e) {
|
|
544
|
+
onClick && onClick(e);
|
|
545
|
+
}, ref: innerRef, children: [status === 'idle' && children, status === 'loading' && (jsxRuntime.jsxs("div", { className: styles.content, children: [jsxRuntime.jsx(IconElement, { type: "regular", accessor: "spinner", className: styles.spinner }), jsxRuntime.jsx("div", { children: children })] })), status === 'error' && (jsxRuntime.jsxs("div", { className: styles.content, children: [jsxRuntime.jsx(IconElement, { type: "regular", accessor: "circle-exclamation", className: styles.icon }), jsxRuntime.jsx("div", { children: children })] })), status === 'success' && (jsxRuntime.jsxs("div", { className: styles.content, children: [jsxRuntime.jsx(IconElement, { type: "regular", accessor: "circle-check", className: styles.icon }), jsxRuntime.jsx("div", { children: children })] }))] }));
|
|
544
546
|
};
|
|
545
547
|
|
|
546
548
|
var base$n = {
|
|
@@ -2495,6 +2497,10 @@ var SelectMenuForm = function (props) {
|
|
|
2495
2497
|
}
|
|
2496
2498
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2497
2499
|
}, [isFocus]);
|
|
2500
|
+
// listen to value changes.
|
|
2501
|
+
React.useEffect(function () {
|
|
2502
|
+
setState(value);
|
|
2503
|
+
}, [value]);
|
|
2498
2504
|
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, children: [jsxRuntime.jsx(Select, { primaryColor: "primary",
|
|
2499
2505
|
//
|
|
2500
2506
|
placeholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.select, noOptionsMessage: (jsxRuntime.jsx("p", { className: styles.emptyState, children: (_a = placeholder === null || placeholder === void 0 ? void 0 : placeholder.emptyState) !== null && _a !== void 0 ? _a : 'No results found' })), searchInputPlaceholder: placeholder === null || placeholder === void 0 ? void 0 : placeholder.searchInput,
|
|
@@ -9565,7 +9571,7 @@ var OpeningHourItem = function (props) {
|
|
|
9565
9571
|
};
|
|
9566
9572
|
onUpdate && onUpdate(params);
|
|
9567
9573
|
}
|
|
9568
|
-
}, className: toClassName(styles$2.control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'), children: [jsxRuntime.jsx("span", { className: styles$2.control.sr, children: "Toggle closed" }), jsxRuntime.jsx("span", { "aria-hidden": "true", className: toClassName(styles$2.control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0') })] })] }), !isCreating ? (jsxRuntime.jsx(ButtonElement, { size: "sm", type: "outline", onClick: function () { return onDelete && onDelete(form.values.id); }, children: jsxRuntime.jsx(outline$2.XMarkIcon, { className: "w-4 h-4" }) })) : (jsxRuntime.jsx(ButtonElement, { size: "sm", type: "secondary", onClick: form.handleSubmit, children: jsxRuntime.jsx(outline$2.PlusIcon, { className: "w-4 h-4" }) }))] }));
|
|
9574
|
+
}, className: toClassName(styles$2.control.action, form.values.closed ? 'bg-primary-500' : 'bg-gray-200'), children: [jsxRuntime.jsx("span", { className: styles$2.control.sr, children: "Toggle closed" }), jsxRuntime.jsx("span", { "aria-hidden": "true", className: toClassName(styles$2.control.span, form.values.closed ? 'translate-x-5' : 'translate-x-0') })] })] }), !isCreating ? (jsxRuntime.jsx(ButtonElement, { size: "sm", type: "outline", onClick: function () { return onDelete && onDelete(form.values.id); }, children: jsxRuntime.jsx(outline$2.XMarkIcon, { className: "w-4 h-4" }) })) : (jsxRuntime.jsx(ButtonElement, { size: "sm", type: "secondary", onClick: function () { return form.handleSubmit(); }, children: jsxRuntime.jsx(outline$2.PlusIcon, { className: "w-4 h-4" }) }))] }));
|
|
9569
9575
|
};
|
|
9570
9576
|
|
|
9571
9577
|
var styles$2 = {
|