@ballistix.digital/react-components 0.4.31 → 0.4.33
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 +1 -1
- package/dist/index.esm.js +4 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +4 -6
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -531,10 +531,8 @@ var InputGroupForm = function (props) {
|
|
|
531
531
|
var name = props.name, _c = props.htmlType, htmlType = _c === void 0 ? 'text' : _c, label = props.label, description = props.description, placeholder = props.placeholder, leading = props.leading, trailing = props.trailing, required = props.required, value = props.value, mask = props.mask, min = props.min, max = props.max, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, _f = props.isTouched, isTouched = _f === void 0 ? false : _f, _g = props.isSolo, isSolo = _g === void 0 ? false : _g, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
532
532
|
var isValid = error === undefined;
|
|
533
533
|
var ref = y({
|
|
534
|
-
mask:
|
|
535
|
-
replacement:
|
|
536
|
-
? { X: /\d|\D/ }
|
|
537
|
-
: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b : 'X'] = /\d|\D/, _a),
|
|
534
|
+
mask: mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
535
|
+
replacement: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b : 'X'] = /\d|\D/, _a),
|
|
538
536
|
});
|
|
539
537
|
var handleGenerateStyle = function () {
|
|
540
538
|
var result = deepCopyObject(styles$e.base);
|
|
@@ -546,7 +544,7 @@ var InputGroupForm = function (props) {
|
|
|
546
544
|
};
|
|
547
545
|
var styles = handleGenerateStyle();
|
|
548
546
|
var invalidIcon = (jsxRuntime.jsx(solid.ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
|
|
549
|
-
return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !==
|
|
547
|
+
return (jsxRuntime.jsxs("div", __assign({ className: styles.container }, { children: [jsxRuntime.jsxs("div", __assign({ className: styles.head }, { children: [label && (jsxRuntime.jsx("label", __assign({ htmlFor: name, className: styles.label }, { children: label }))), !required && !isRequired && typeof label === 'string' && (jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))), required && required({ isRequired: isRequired })] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !== undefined ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, min: min, max: max, disabled: isDisabled, onChange: onChange, onBlur: onBlur }), type === 'floored' && (jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 border-t border-gray-300 peer-focus:border-t-2 peer-focus:border-primary-600", "aria-hidden": "true" })), trailing && isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: trailing }))), isTouched && !isValid && (jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon })))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !(error && isTouched) && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
|
|
550
548
|
};
|
|
551
549
|
|
|
552
550
|
var base$d = {
|
|
@@ -17126,7 +17124,7 @@ var base$6 = {
|
|
|
17126
17124
|
},
|
|
17127
17125
|
},
|
|
17128
17126
|
controls: {
|
|
17129
|
-
container: 'flex-row justify-end z-
|
|
17127
|
+
container: 'flex-row justify-end z-30 relative mb-4 gap-2 hidden',
|
|
17130
17128
|
content: 'my-2 flex flex-col',
|
|
17131
17129
|
dropdown: {
|
|
17132
17130
|
container: 'px-4 py-2 text-sm flex flex-row items-center font-medium group',
|