@use-ui/bootstrap3 - npm Package Compare versions

Comparing version 1.0.15 to 1.0.16

dist/CheckBox.d.ts

@@ -9,4 +9,6 @@ /// <reference types="react" />
     right?: any;
+    id?: string;
+    className?: string;
 }
-export declare const CheckBox: ({ field, label, autoFocus, disabled, right, ...other }: Props) => JSX.Element;
+export declare const CheckBox: ({ id, className, field, label, autoFocus, disabled, right, ...other }: Props) => JSX.Element;
 export {};

dist/CheckBox.js

@@ -18,3 +18,3 @@ "use strict";
 exports.CheckBox = function (_a) {
-    var field = _a.field, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, other = __rest(_a, ["field", "label", "autoFocus", "disabled", "right"]);
+    var id = _a.id, className = _a.className, field = _a.field, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, other = __rest(_a, ["id", "className", "field", "label", "autoFocus", "disabled", "right"]);
     var ref = react_1.useRef();
@@ -28,4 +28,4 @@ field.setFieldElement({
     return (React.createElement(FormGroup_1.FormGroup, { label: label, invalidFeedback: field.getError() },
-        React.createElement("input", { type: "checkbox", className: "form-control", onChange: function (e) { return field.setValue("" + e.target.checked); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, checked: field.getValue() == "true" }),
+        React.createElement("input", { type: "checkbox", className: className || "form-control", onChange: function (e) { return field.setValue("" + e.target.checked); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, checked: field.getValue() == "true", id: id }),
         right));
 };

dist/Input.d.ts

@@ -12,4 +12,6 @@ /// <reference types="react" />
     inputType?: string;
+    id?: string;
+    className?: string;
 }
-export declare const Input: ({ field, type, label, autoFocus, disabled, right, placeholder, inputType, ...other }: Props) => JSX.Element;
+export declare const Input: ({ field, type, label, autoFocus, disabled, right, placeholder, inputType, id, className, ...other }: Props) => JSX.Element;
 export {};

dist/Input.js

@@ -18,3 +18,3 @@ "use strict";
 exports.Input = function (_a) {
-    var field = _a.field, type = _a.type, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, placeholder = _a.placeholder, _b = _a.inputType, inputType = _b === void 0 ? "text" : _b, other = __rest(_a, ["field", "type", "label", "autoFocus", "disabled", "right", "placeholder", "inputType"]);
+    var field = _a.field, type = _a.type, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, placeholder = _a.placeholder, _b = _a.inputType, inputType = _b === void 0 ? "text" : _b, id = _a.id, className = _a.className, other = __rest(_a, ["field", "type", "label", "autoFocus", "disabled", "right", "placeholder", "inputType", "id", "className"]);
     var ref = react_1.useRef();
@@ -28,4 +28,4 @@ field.setFieldElement({
     return (React.createElement(FormGroup_1.FormGroup, { label: label, invalidFeedback: field.getError() },
-        React.createElement("input", { type: inputType, className: "form-control", value: field.getValue(), onChange: function (e) { return field.setValue(e.target.value); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, placeholder: placeholder }),
+        React.createElement("input", { type: inputType, className: className || "form-control", value: field.getValue(), onChange: function (e) { return field.setValue(e.target.value); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, placeholder: placeholder, id: id }),
         right));
 };

dist/Select.d.ts

@@ -22,4 +22,5 @@ /// <reference types="react" />
     className?: string;
+    id?: string;
 }
-export declare function Select<D, P>({ label, field, style, topic, params, map, options, right, placeholder, clear, indicatorSeparator, multi, className, disabled, ...other }: Props<D, P>): JSX.Element;
+export declare function Select<D, P>({ label, field, style, topic, params, map, options, right, placeholder, clear, indicatorSeparator, multi, className, disabled, id, ...other }: Props<D, P>): JSX.Element;
 export {};

dist/Select.js

@@ -68,3 +68,3 @@ "use strict";
 function Select(_a) {
-    var label = _a.label, field = _a.field, style = _a.style, topic = _a.topic, params = _a.params, _b = _a.map, map = _b === void 0 ? function (i) { return i; } : _b, options = _a.options, right = _a.right, placeholder = _a.placeholder, clear = _a.clear, indicatorSeparator = _a.indicatorSeparator, multi = _a.multi, className = _a.className, disabled = _a.disabled, other = __rest(_a, ["label", "field", "style", "topic", "params", "map", "options", "right", "placeholder", "clear", "indicatorSeparator", "multi", "className", "disabled"]);
+    var label = _a.label, field = _a.field, style = _a.style, topic = _a.topic, params = _a.params, _b = _a.map, map = _b === void 0 ? function (i) { return i; } : _b, options = _a.options, right = _a.right, placeholder = _a.placeholder, clear = _a.clear, indicatorSeparator = _a.indicatorSeparator, multi = _a.multi, className = _a.className, disabled = _a.disabled, id = _a.id, other = __rest(_a, ["label", "field", "style", "topic", "params", "map", "options", "right", "placeholder", "clear", "indicatorSeparator", "multi", "className", "disabled", "id"]);
     if (!options && !topic) {
@@ -147,3 +147,3 @@ throw new Error("Either options or topic is required for Select");
                 Option: function (props) { return React.createElement(HighlightingOption, __assign({}, props, { inputValue: inputValue })); },
-            }, isLoading: loading, value: selected, loadOptions: loadOptions, onInputChange: function (val) { return setInputValue(val); }, onBlur: field.onBlur, onFocus: field.onFocus, onChange: onChange, placeholder: placeholder, isClearable: clear != null || !other.required, isMulti: multi, isDisabled: disabled }),
+            }, isLoading: loading, value: selected, loadOptions: loadOptions, onInputChange: function (val) { return setInputValue(val); }, onBlur: field.onBlur, onFocus: field.onFocus, onChange: onChange, placeholder: placeholder, isClearable: clear != null || !other.required, isMulti: multi, isDisabled: disabled, id: id }),
         right));
@@ -150,0 +150,0 @@ }

dist/Static.d.ts

@@ -5,4 +5,6 @@ /// <reference types="react" />
     children: any;
+    id?: string;
+    className?: string;
 }
-export declare const Static: ({ label, invalidFeedback, children }: Props) => JSX.Element;
+export declare const Static: ({ id, className, label, invalidFeedback, children }: Props) => JSX.Element;
 export {};

dist/Static.js

@@ -7,5 +7,5 @@ "use strict";
 exports.Static = function (_a) {
-    var label = _a.label, invalidFeedback = _a.invalidFeedback, children = _a.children;
+    var id = _a.id, className = _a.className, label = _a.label, invalidFeedback = _a.invalidFeedback, children = _a.children;
     return (React.createElement(FormGroup_1.FormGroup, { label: label, invalidFeedback: invalidFeedback },
-        React.createElement("input", { type: "text", className: "form-control", value: utils_1.getChildrenText(children), disabled: true })));
+        React.createElement("input", { id: id, type: "text", className: className || "form-control", value: utils_1.getChildrenText(children), disabled: true })));
 };

dist/TextArea.d.ts

@@ -13,4 +13,6 @@ /// <reference types="react" />
     cols?: number;
+    id?: string;
+    className?: string;
 }
-export declare const TextArea: ({ field, type, label, autoFocus, disabled, right, placeholder, rows, cols, ...other }: Props) => JSX.Element;
+export declare const TextArea: ({ field, type, label, autoFocus, disabled, right, placeholder, rows, cols, id, className, ...other }: Props) => JSX.Element;
 export {};

dist/TextArea.js

@@ -18,3 +18,3 @@ "use strict";
 exports.TextArea = function (_a) {
-    var field = _a.field, type = _a.type, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, placeholder = _a.placeholder, rows = _a.rows, cols = _a.cols, other = __rest(_a, ["field", "type", "label", "autoFocus", "disabled", "right", "placeholder", "rows", "cols"]);
+    var field = _a.field, type = _a.type, label = _a.label, autoFocus = _a.autoFocus, disabled = _a.disabled, right = _a.right, placeholder = _a.placeholder, rows = _a.rows, cols = _a.cols, id = _a.id, className = _a.className, other = __rest(_a, ["field", "type", "label", "autoFocus", "disabled", "right", "placeholder", "rows", "cols", "id", "className"]);
     var ref = react_1.useRef();
@@ -28,4 +28,4 @@ field.setFieldElement({
     return (React.createElement(FormGroup_1.FormGroup, { label: label, invalidFeedback: field.getError() },
-        React.createElement("textarea", { className: "form-control", value: field.getValue(), onChange: function (e) { return field.setValue(e.target.value); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, placeholder: placeholder, rows: rows, cols: cols }),
+        React.createElement("textarea", { className: className || "form-control", value: field.getValue(), onChange: function (e) { return field.setValue(e.target.value); }, onBlur: field.onBlur, onFocus: field.onFocus, ref: ref, autoFocus: autoFocus, disabled: disabled, placeholder: placeholder, rows: rows, cols: cols, id: id }),
         right));
 };

package.json

 {
   "name": "@use-ui/bootstrap3",
-  "version": "1.0.15",
+  "version": "1.0.16",
   "main": "dist/index.js",
@@ -5,0 +5,0 @@ "types": "dist/index.d.ts",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

85449

increased by2.31%

Lines of code

1446

increased by2.99%

No dependency changes