@homebound/beam 2.143.0 → 2.143.1
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.
|
@@ -21,11 +21,11 @@ function AutoSaveIndicator({ hideOnIdle, doNotReset }) {
|
|
|
21
21
|
}, []);
|
|
22
22
|
switch (status) {
|
|
23
23
|
case form_state_1.AutoSaveStatus.IDLE:
|
|
24
|
-
return hideOnIdle ? null : (0, jsx_runtime_1.jsx)(
|
|
24
|
+
return hideOnIdle ? null : (0, jsx_runtime_1.jsx)(Indicator, { icon: "cloudSave" }, void 0);
|
|
25
25
|
case form_state_1.AutoSaveStatus.SAVING:
|
|
26
|
-
return (
|
|
26
|
+
return (0, jsx_runtime_1.jsx)(Indicator, { icon: "refresh", text: "Saving..." }, void 0);
|
|
27
27
|
case form_state_1.AutoSaveStatus.DONE:
|
|
28
|
-
return (
|
|
28
|
+
return (0, jsx_runtime_1.jsx)(Indicator, { icon: "cloudSave", text: "Saved" }, void 0);
|
|
29
29
|
case form_state_1.AutoSaveStatus.ERROR:
|
|
30
30
|
return (
|
|
31
31
|
/**
|
|
@@ -33,10 +33,12 @@ function AutoSaveIndicator({ hideOnIdle, doNotReset }) {
|
|
|
33
33
|
* rendering it far away from the Icon/Text. Wrap it with a div to constrain
|
|
34
34
|
* it.
|
|
35
35
|
*/
|
|
36
|
-
(0, jsx_runtime_1.jsx)("div", Object.assign({ css: Css_1.Css.dif.$ }, { children: (0, jsx_runtime_1.jsx)(_1.Tooltip, Object.assign({ title: String(errors), placement: "bottom" }, { children: (0, jsx_runtime_1.jsx)(
|
|
36
|
+
(0, jsx_runtime_1.jsx)("div", Object.assign({ css: Css_1.Css.dif.$ }, { children: (0, jsx_runtime_1.jsx)(_1.Tooltip, Object.assign({ title: String(errors), placement: "bottom" }, { children: (0, jsx_runtime_1.jsx)(Indicator, { icon: "error", color: Css_1.Palette.Red500, text: "Error saving" }, void 0) }), void 0) }), void 0));
|
|
37
37
|
default:
|
|
38
38
|
(0, types_1.assertNever)(status);
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
exports.AutoSaveIndicator = AutoSaveIndicator;
|
|
42
|
-
|
|
42
|
+
function Indicator({ text, icon, color }) {
|
|
43
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ css: Css_1.Css.df.gap1.aic.gray700.smEm.$ }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icon, color: color }, void 0), text] }), void 0));
|
|
44
|
+
}
|
|
@@ -4,6 +4,7 @@ export * from "./Table/GridTable";
|
|
|
4
4
|
export * from "./ToggleChip";
|
|
5
5
|
export * from "./ToggleChips";
|
|
6
6
|
export * from "./Alert";
|
|
7
|
+
export * from "./AutoSaveIndicator";
|
|
7
8
|
export { BeamProvider } from "./BeamContext";
|
|
8
9
|
export * from "./Button";
|
|
9
10
|
export * from "./ButtonDatePicker";
|
package/dist/components/index.js
CHANGED
|
@@ -17,6 +17,7 @@ __exportStar(require("./Table/GridTable"), exports);
|
|
|
17
17
|
__exportStar(require("./ToggleChip"), exports);
|
|
18
18
|
__exportStar(require("./ToggleChips"), exports);
|
|
19
19
|
__exportStar(require("./Alert"), exports);
|
|
20
|
+
__exportStar(require("./AutoSaveIndicator"), exports);
|
|
20
21
|
var BeamContext_1 = require("./BeamContext");
|
|
21
22
|
Object.defineProperty(exports, "BeamProvider", { enumerable: true, get: function () { return BeamContext_1.BeamProvider; } });
|
|
22
23
|
__exportStar(require("./Button"), exports);
|