@use-ui/bootstrap3 - npm Package Compare versions

Comparing version 1.0.13 to 1.0.14

dist/index.d.ts

@@ -5,5 +5,6 @@ export { ActionResult } from "./ActionResult";
 export { Static } from "./Static";
-export { Checkbox } from "./Checkbox";
+export { CheckBox } from "./CheckBox";
+export { TextArea } from "./TextArea";
 export { FormGroup, setFormGroupClassNames, FormGroupProps } from "./FormGroup";
 export { InlineEdit } from "./inlineEdit/InlineEdit";
 export { highlight } from "./utils";

dist/index.js

@@ -11,4 +11,6 @@ "use strict";
 exports.Static = Static_1.Static;
-var Checkbox_1 = require("./Checkbox");
-exports.Checkbox = Checkbox_1.Checkbox;
+var CheckBox_1 = require("./CheckBox");
+exports.CheckBox = CheckBox_1.CheckBox;
+var TextArea_1 = require("./TextArea");
+exports.TextArea = TextArea_1.TextArea;
 var FormGroup_1 = require("./FormGroup");
@@ -15,0 +17,0 @@ exports.FormGroup = FormGroup_1.FormGroup;

dist/inlineEdit/InlineEdit.d.ts

@@ -13,2 +13,3 @@ import * as React from "react";
     disabled?: boolean;
+    loading?: boolean;
 }
@@ -15,0 +16,0 @@ interface FieldComponentProps {

dist/inlineEdit/InlineEdit.js

@@ -62,3 +62,5 @@ "use strict";
     var _c = react_1.useState(false), saving = _c[0], setSaving = _c[1];
-    var _d = react_1.useState(null), error = _d[0], setError = _d[1];
+    var _d = react_1.useState(false), saved = _d[0], setSaved = _d[1];
+    var _e = react_1.useState(null), error = _e[0], setError = _e[1];
+    var progress = saving || props.loading;
     var type = fieldElement.current && hooks_1.getFieldType(fieldElement.current.type || "string");
@@ -84,2 +86,3 @@ function startEditing(e) {
                         stopEditing();
+                        setSaved(true);
                         return [3 /*break*/, 5];
@@ -108,3 +111,3 @@ case 3:
     function tryToSave() {
-        if (saving || !editing)
+        if (progress || !editing)
             return;
@@ -140,4 +143,5 @@ if (!updateValidationError()) {
             return (React.createElement(React.Fragment, null,
-                React.createElement("a", { className: "save", href: "#", onClick: function (e) { return e.preventDefault(); }, tabIndex: -1 },
-                    React.createElement("i", { className: "fa fa-check save" })),
+                error ? (React.createElement("a", { className: "error-saving", href: "#", onClick: function (e) { return e.preventDefault(); }, tabIndex: -1 },
+                    React.createElement("i", { className: "fa fa-warning" }))) : (React.createElement("a", { className: "save", href: "#", onClick: function (e) { return e.preventDefault(); }, tabIndex: -1 },
+                    React.createElement("i", { className: "fa fa-check" }))),
                 props.cancel && (React.createElement(React.Fragment, null,
@@ -148,3 +152,4 @@ React.createElement("div", { className: "delim" }),
         }
-        return (React.createElement("a", { className: "start-edit", href: "#", onClick: props.disabled ? null : startEditing, tabIndex: -1 },
+        return saved ? (React.createElement("a", { className: "saved", href: "#", onClick: props.disabled ? null : startEditing, tabIndex: -1 },
+            React.createElement("i", { className: "fa fa-thumbs-o-up" }))) : (React.createElement("a", { className: "start-edit", href: "#", onClick: props.disabled ? null : startEditing, tabIndex: -1 },
             React.createElement("i", { className: "fa fa-pencil" })));
@@ -173,3 +178,3 @@ }
     return (React.createElement("div", { className: "inline-edit", style: props.style, onKeyDown: onKeyDown },
-        React.createElement(FieldComponent, { field: field, label: props.label, right: saving ? (React.createElement(Spinner, null)) : (React.createElement("div", { className: classnames_1.default("inline-edit-controls", { disabled: props.disabled }) }, renderControls())), disabled: saving || props.disabled })));
+        React.createElement(FieldComponent, { field: field, label: props.label, right: progress ? (React.createElement(Spinner, null)) : (React.createElement("div", { className: classnames_1.default("inline-edit-controls", { disabled: props.disabled }) }, renderControls())), disabled: progress || props.disabled })));
 }
@@ -176,0 +181,0 @@ exports.InlineEdit = InlineEdit;

dist/Select.d.ts

@@ -20,5 +20,6 @@ /// <reference types="react" />
     multi?: boolean;
+    disabled?: boolean;
     className?: string;
 }
-export declare function Select<D, P>({ label, field, style, topic, params, map, options, right, placeholder, clear, indicatorSeparator, multi, className, ...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, ...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, other = __rest(_a, ["label", "field", "style", "topic", "params", "map", "options", "right", "placeholder", "clear", "indicatorSeparator", "multi", "className"]);
+    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"]);
     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 }),
+            }, 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 }),
         right));
@@ -150,0 +150,0 @@ }

package.json

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

src/index.ts

@@ -5,5 +5,6 @@ export {ActionResult} from "./ActionResult"
 export {Static} from "./Static"
-export {Checkbox} from "./Checkbox"
+export {CheckBox} from "./CheckBox"
+export {TextArea} from "./TextArea"
 export {FormGroup, setFormGroupClassNames, FormGroupProps} from "./FormGroup"
 export {InlineEdit} from "./inlineEdit/InlineEdit"
 export {highlight} from "./utils"

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

81766

increased by13.09%

Number of package files

45

increased by12.5%

Lines of code

1383

increased by13.83%

No dependency changes