@gisce/react-ooui 0.12.0 → 0.13.0
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 +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/widgets/WidgetFactory.d.ts.map +1 -1
- package/dist/widgets/WidgetFactory.js +2 -0
- package/dist/widgets/WidgetFactory.js.map +1 -1
- package/dist/widgets/custom/Switch.d.ts +4 -0
- package/dist/widgets/custom/Switch.d.ts.map +1 -0
- package/dist/widgets/custom/Switch.js +44 -0
- package/dist/widgets/custom/Switch.js.map +1 -0
- package/package.json +1 -1
- package/src/index.ts +2 -0
- package/src/stories/custom/Switch.stories.tsx +23 -0
- package/src/widgets/WidgetFactory.tsx +3 -0
- package/src/widgets/custom/Switch.tsx +30 -0
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA+C;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA+C;AA4E7C,uFA5EO,eAAM,OA4EP;AA3ER,4CAA2C;AA4EzC,qFA5EO,WAAI,OA4EP;AA3EN,sDAAqD;AA4EnD,0FA5EO,qBAAS,OA4EP;AA3EX,kDAAiD;AA4E/C,wFA5EO,iBAAO,OA4EP;AA3ET,6DAA4D;AA4E1D,yFA5EO,mBAAQ,OA4EP;AA3EV,6DAA4D;AAyG1D,yFAzGO,mBAAQ,OAyGP;AAxGV,8DAAwC;AA2EtC,eA3EK,cAAI,CA2EL;AA1EN,8CAA6C;AA+E3C,sFA/EO,aAAK,OA+EP;AA9EP,0DAAyD;AA8HvD,4FA9HO,yBAAW,OA8HP;AA7Hb,sDAAqD;AA8EnD,0FA9EO,qBAAS,OA8EP;AA7EX,kDAAiD;AA8E/C,wFA9EO,iBAAO,OA8EP;AA7ET,qEAA+C;AAuE7C,gBAvEK,eAAK,CAuEL;AAtEP,2EAAqD;AAyEnD,mBAzEK,kBAAQ,CAyEL;AAxEV,8DAAwC;AAuEtC,eAvEK,cAAI,CAuEL;AAtEN,+DAAyC;AA2EvC,gBA3EK,eAAK,CA2EL;AA1EP,6DAAuC;AA2ErC,eA3EK,cAAI,CA2EL;AA1EN,sDAAqD;AA8EnD,0FA9EO,qBAAS,OA8EP;AA7EX,2FAAqE;AAkEnE,uBAlEK,sBAAY,CAkEL;AAjEd,0EAAoD;AA6ElD,qBA7EK,oBAAU,CA6EL;AA5EZ,wDAAuD;AAyFrD,0FAzFO,qBAAS,OAyFP;AAxFX,4DAA2D;AAyFzD,4FAzFO,yBAAW,OAyFP;AAxFb,6DAAuC;AA4FrC,eA5FK,cAAI,CA4FL;AA3FN,qEAA+C;AA4F7C,mBA5FK,kBAAQ,CA4FL;AAvFV,sDAAqD;AAwFnD,0FAxFO,qBAAS,OAwFP;AAvFX,gDAA+C;AAwF7C,uFAxFO,eAAM,OAwFP;AAvFR,oEAA8C;AAwF5C,qBAxFK,oBAAU,CAwFL;AAvFZ,4EAAkD;AA2FhD,oBA3FK,uBAAS,CA2FL;AA1FX,0CAAyC;AAiGvC,oFAjGO,SAAG,OAiGP;AAhGL,8CAA6C;AAiG3C,sFAjGO,aAAK,OAiGP;AAhGP,8CAA6C;AAiG3C,sFAjGO,aAAK,OAiGP;AAhGP,qEAAmD;AAkGjD,4BAlGK,uBAAiB,CAkGL;AAjGnB,kFAA4D;AAqG1D,oBArGK,mBAAS,CAqGL;AApGX,8CAA6C;AAwG3C,qFAxGO,WAAI,OAwGP;AAvGN,gDAA+C;AAwG7C,sFAxGO,aAAK,OAwGP;AAvGP,kDAAiD;AAwG/C,uFAxGO,eAAM,OAwGP;AAvGR,+DAGuC;AAgGrC,kGAlGA,iCAAiB,OAkGA;AACjB,8FAlGA,6BAAa,OAkGA;AAhGf,uEAAsE;AA8FpE,+FA9FO,+BAAc,OA8FP;AArEhB,4EAAsD;AAgCpD,6BAhCK,4BAAkB,CAgCL;AA/BpB,8DAAwC;AAwDtC,mBAxDK,kBAAQ,CAwDL;AAvDV,oEAA8C;AAwD5C,sBAxDK,qBAAW,CAwDL;AAvDb,gFAA0D;AAwDxD,4BAxDK,2BAAiB,CAwDL;AAvDnB,oFAA+D;AA2D7D,8BA3DK,4BAAmB,CA2DL;AA1DrB,yEAAmD;AA8DjD,0BA9DK,yBAAe,CA8DL"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetFactory.d.ts","sourceRoot":"","sources":["../../src/widgets/WidgetFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"WidgetFactory.d.ts","sourceRoot":"","sources":["../../src/widgets/WidgetFactory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwG1B,QAAA,MAAM,iBAAiB,UAAW,GAAG,+DAWpC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WidgetFactory.js","sourceRoot":"","sources":["../../src/widgets/WidgetFactory.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"WidgetFactory.js","sourceRoot":"","sources":["../../src/widgets/WidgetFactory.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,iCA0BiB;AACjB,sCAAqC;AACrC,gDAA+C;AAC/C,8CAA6C;AAC7C,gDAA8C;AAC9C,sCAAqC;AAErC,IAAM,aAAa,GAAG,UAAC,IAAY;IACjC,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM;YACT,OAAO,YAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,YAAI,CAAC;QACd,KAAK,UAAU;YACb,OAAO,gBAAQ,CAAC;QAClB,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,MAAM;YACT,OAAO,YAAI,CAAC;QACd,KAAK,MAAM;YACT,OAAO,YAAI,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,cAAM,CAAC;QAChB,KAAK,WAAW;YACd,OAAO,iBAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,gBAAQ,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,eAAO,CAAC;QACjB,KAAK,SAAS;YACZ,OAAO,eAAO,CAAC;QACjB,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,aAAa;YAChB,OAAO,mBAAW,CAAC;QACrB,KAAK,MAAM;YACT,OAAO,YAAI,CAAC;QACd,KAAK,UAAU;YACb,OAAO,gBAAQ,CAAC;QAClB,KAAK,UAAU,CAAC;QAChB,KAAK,eAAe,CAAC;QACrB,KAAK,WAAW;YACd,OAAO,gBAAQ,CAAC;QAClB,KAAK,WAAW;YACd,OAAO,iBAAS,CAAC;QACnB,KAAK,WAAW;YACd,OAAO,iBAAS,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,cAAM,CAAC;QAChB,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,KAAK;YACR,OAAO,WAAG,CAAC;QACb,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,YAAY;YACf,OAAO,iBAAS,CAAC;QACnB,KAAK,YAAY;YACf,OAAO,qBAAS,CAAC;QACnB,KAAK,UAAU;YACb,OAAO,mBAAQ,CAAC;QAClB,KAAK,WAAW;YACd,OAAO,qBAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,WAAI,CAAC;QACd,KAAK,OAAO;YACV,OAAO,aAAK,CAAC;QACf,KAAK,QAAQ;YACX,OAAO,cAAM,CAAC;QAChB;YACE,OAAO,SAAS,CAAC;KACpB;AACH,CAAC,CAAC;AAEF,IAAM,iBAAiB,GAAG,UAAC,KAAU;IAC3B,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACf,IAAA,IAAI,GAAuB,IAAI,KAA3B,CAA4B;IAExC,IAAM,WAAW,GAAQ,aAAa,CAAC,IAAI,CAAC,CAAC;IAE7C,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,eAAK,CAAC,aAAa,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AACjD,CAAC,CAAC;AAEO,8CAAiB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Switch.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,MAAM,UAAW,WAAW,gBAYxC,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
+
exports.Switch = void 0;
|
|
29
|
+
var react_1 = __importDefault(require("react"));
|
|
30
|
+
var antd_1 = require("antd");
|
|
31
|
+
var Field_1 = __importDefault(require("@/common/Field"));
|
|
32
|
+
var Switch = function (props) {
|
|
33
|
+
var ooui = props.ooui;
|
|
34
|
+
var id = ooui.id, readOnly = ooui.readOnly, required = ooui.required;
|
|
35
|
+
return (react_1.default.createElement(Field_1.default, __assign({}, props, { valuePropName: "checked" }),
|
|
36
|
+
react_1.default.createElement(SwitchInput, { id: id, readOnly: readOnly, required: required })));
|
|
37
|
+
};
|
|
38
|
+
exports.Switch = Switch;
|
|
39
|
+
var SwitchInput = function (props) {
|
|
40
|
+
var required = props.required, readOnly = props.readOnly, restProps = __rest(props, ["required", "readOnly"]);
|
|
41
|
+
return (react_1.default.createElement("div", { className: "flex flex-row" },
|
|
42
|
+
react_1.default.createElement(antd_1.Switch, __assign({ disabled: readOnly }, restProps))));
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=Switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/widgets/custom/Switch.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,6BAA4C;AAE5C,yDAAmC;AAG5B,IAAM,MAAM,GAAG,UAAC,KAAkB;IAC/B,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACf,IAAA,EAAE,GAAyB,IAAI,GAA7B,EAAE,QAAQ,GAAe,IAAI,SAAnB,EAAE,QAAQ,GAAK,IAAI,SAAT,CAAU;IAExC,OAAO,CACL,8BAAC,eAAK,eACA,KAAK,IACT,aAAa,EAAC,SAAS;QAEvB,8BAAC,WAAW,IAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,GAAI,CACzD,CACT,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,MAAM,UAYjB;AAEF,IAAM,WAAW,GAAG,UAAC,KAAU;IACrB,IAAA,QAAQ,GAA6B,KAAK,SAAlC,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAA5C,wBAAoC,CAAF,CAAW;IAGnD,OAAO,CACL,uCAAK,SAAS,EAAC,eAAe;QAC5B,8BAAC,aAAU,aAAC,QAAQ,EAAE,QAAQ,IAAM,SAAS,EAAI,CAC7C,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -36,6 +36,7 @@ import showConfirmDialog from "@/ui/ConfirmDialog";
|
|
|
36
36
|
import Dashboard from "@/widgets/views/Dashboard/Dashboard";
|
|
37
37
|
import { Tags } from "@/widgets/custom/Tags";
|
|
38
38
|
import { Radio } from "@/widgets/custom/Radio";
|
|
39
|
+
import { Switch } from "@/widgets/custom/Switch";
|
|
39
40
|
import {
|
|
40
41
|
DashboardGridItem,
|
|
41
42
|
DashboardGrid,
|
|
@@ -139,4 +140,5 @@ export {
|
|
|
139
140
|
DashboardGrid,
|
|
140
141
|
Tags,
|
|
141
142
|
Radio,
|
|
143
|
+
Switch,
|
|
142
144
|
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
import { Switch } from "../../widgets/custom/Switch";
|
|
4
|
+
import { Switch as SwitchOoui } from "@gisce/ooui";
|
|
5
|
+
import "antd/dist/antd.css";
|
|
6
|
+
import LocaleProvider from "../../context/LocaleContext";
|
|
7
|
+
|
|
8
|
+
export default {
|
|
9
|
+
title: "Components/Widgets/Custom/Switch",
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export const Default = (): React.ReactElement => {
|
|
13
|
+
const ooui = new SwitchOoui({
|
|
14
|
+
name: "enabled",
|
|
15
|
+
string: "Lorem ipsum",
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
return (
|
|
19
|
+
<LocaleProvider lang="en_US">
|
|
20
|
+
<Switch ooui={ooui} value={true} />
|
|
21
|
+
</LocaleProvider>
|
|
22
|
+
);
|
|
23
|
+
};
|
|
@@ -25,6 +25,7 @@ import {
|
|
|
25
25
|
FloatTime,
|
|
26
26
|
ProgressBar,
|
|
27
27
|
Radio,
|
|
28
|
+
Switch,
|
|
28
29
|
} from "@/index";
|
|
29
30
|
import { Image } from "./base/Image";
|
|
30
31
|
import { FiberGrid } from "./custom/FiberGrid";
|
|
@@ -94,6 +95,8 @@ const getWidgetType = (type: string) => {
|
|
|
94
95
|
return Tags;
|
|
95
96
|
case "radio":
|
|
96
97
|
return Radio;
|
|
98
|
+
case "switch":
|
|
99
|
+
return Switch;
|
|
97
100
|
default:
|
|
98
101
|
return undefined;
|
|
99
102
|
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Switch as AntdSwitch } from "antd";
|
|
3
|
+
|
|
4
|
+
import Field from "@/common/Field";
|
|
5
|
+
import { WidgetProps } from "@/types";
|
|
6
|
+
|
|
7
|
+
export const Switch = (props: WidgetProps) => {
|
|
8
|
+
const { ooui } = props;
|
|
9
|
+
const { id, readOnly, required } = ooui;
|
|
10
|
+
|
|
11
|
+
return (
|
|
12
|
+
<Field
|
|
13
|
+
{...props}
|
|
14
|
+
valuePropName="checked"
|
|
15
|
+
>
|
|
16
|
+
<SwitchInput id={id} readOnly={readOnly} required={required} />
|
|
17
|
+
</Field>
|
|
18
|
+
);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const SwitchInput = (props: any) => {
|
|
22
|
+
const { required, readOnly, ...restProps } = props;
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
return (
|
|
26
|
+
<div className="flex flex-row">
|
|
27
|
+
<AntdSwitch disabled={readOnly} {...restProps} />
|
|
28
|
+
</div>
|
|
29
|
+
);
|
|
30
|
+
};
|