@ballistix.digital/react-components 0.4.1 → 0.4.2
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 +9 -4
- package/dist/index.esm.js +11 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -528,20 +528,26 @@ var i,s={},c={};var u,f,l={};
|
|
|
528
528
|
|
|
529
529
|
var InputGroupForm = function (props) {
|
|
530
530
|
var _a;
|
|
531
|
-
var
|
|
531
|
+
var _b;
|
|
532
|
+
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, error = props.error, _d = props.type, type = _d === void 0 ? 'normal' : _d, isDisabled = props.isDisabled, _e = props.isRequired, isRequired = _e === void 0 ? false : _e, isTouched = props.isTouched, _f = props.isSolo, isSolo = _f === void 0 ? false : _f, onChange = props.onChange, onBlur = props.onBlur, stylesOverrides = props.styles;
|
|
532
533
|
var isValid = error === undefined;
|
|
533
|
-
var ref = y({
|
|
534
|
+
var ref = y({
|
|
535
|
+
mask: typeof mask === 'string' ? mask : mask === null || mask === void 0 ? void 0 : mask.mask,
|
|
536
|
+
replacement: typeof mask === 'string'
|
|
537
|
+
? { X: /\d/ }
|
|
538
|
+
: (_a = {}, _a[(_b = mask === null || mask === void 0 ? void 0 : mask.replacementCharacter) !== null && _b !== void 0 ? _b : 'X'] = /\d/, _a),
|
|
539
|
+
});
|
|
534
540
|
var handleGenerateStyle = function () {
|
|
535
541
|
var result = deepCopyObject(styles$e.base);
|
|
536
542
|
var keys = calculateNestedKeys(styles$e.base);
|
|
537
543
|
keys.forEach(function (key) {
|
|
538
|
-
lodash.set(result, key, toClassName(lodash.get(styles$e.base, key), leading && lodash.get(styles$e.leading, key), trailing && lodash.get(styles$e.trailing, key), type && lodash.get(styles$e[type], key), !isValid && lodash.get(styles$e.invalid, key), isDisabled && lodash.get(styles$e.disabled, key), lodash.get(stylesOverrides, key)));
|
|
544
|
+
lodash.set(result, key, toClassName(lodash.get(styles$e.base, key), leading !== undefined && lodash.get(styles$e.leading, key), trailing !== undefined && lodash.get(styles$e.trailing, key), type && lodash.get(styles$e[type], key), !isValid && lodash.get(styles$e.invalid, key), isDisabled && lodash.get(styles$e.disabled, key), lodash.get(stylesOverrides, key)));
|
|
539
545
|
});
|
|
540
546
|
return result;
|
|
541
547
|
};
|
|
542
548
|
var styles = handleGenerateStyle();
|
|
543
549
|
var invalidIcon = (jsxRuntime.jsx(solid.ExclamationCircleIcon, { className: "h-5 w-5 text-red-500", "aria-hidden": "true" }));
|
|
544
|
-
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 }))), !isRequired && jsxRuntime.jsx("span", __assign({ className: styles.hint }, { children: "Optional" }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.body }, { children: [leading && jsxRuntime.jsx("div", __assign({ className: styles.leading }, { children: leading })), jsxRuntime.jsx("input", { type: mask !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, 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 }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
|
|
550
|
+
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 && (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 !== '' ? 'text' : htmlType, ref: mask && ref, name: name, id: name, className: styles.input, placeholder: placeholder, defaultValue: isSolo ? value : undefined, value: isSolo ? undefined : value, 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 }))), !isValid && jsxRuntime.jsx("div", __assign({ className: styles.trailing }, { children: invalidIcon }))] })), jsxRuntime.jsxs("div", __assign({ className: styles.foot }, { children: [description && !error && (jsxRuntime.jsx("p", __assign({ className: styles.description }, { children: description }))), error && isTouched && jsxRuntime.jsx("p", __assign({ className: styles.error }, { children: error }))] }))] })));
|
|
545
551
|
};
|
|
546
552
|
|
|
547
553
|
var base$d = {
|
|
@@ -550,7 +556,7 @@ var base$d = {
|
|
|
550
556
|
body: 'relative rounded-md',
|
|
551
557
|
foot: '',
|
|
552
558
|
label: 'block font-medium text-gray-900',
|
|
553
|
-
hint: 'text-
|
|
559
|
+
hint: 'text-xs text-gray-500',
|
|
554
560
|
leading: 'pointer-events-none absolute inset-y-0 left-0 flex items-center',
|
|
555
561
|
input: 'block w-full',
|
|
556
562
|
trailing: 'pointer-events-none absolute inset-y-0 right-0 flex items-center',
|