@gisce/react-ooui 0.10.2 → 0.12.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/base/Label.d.ts.map +1 -1
- package/dist/widgets/base/Label.js +5 -2
- package/dist/widgets/base/Label.js.map +1 -1
- package/dist/widgets/custom/Radio.d.ts +10 -0
- package/dist/widgets/custom/Radio.d.ts.map +1 -0
- package/dist/widgets/custom/Radio.js +42 -0
- package/dist/widgets/custom/Radio.js.map +1 -0
- package/dist/widgets/custom/Tags.d.ts.map +1 -1
- package/dist/widgets/custom/Tags.js +61 -60
- package/dist/widgets/custom/Tags.js.map +1 -1
- package/package.json +2 -2
- package/src/index.ts +2 -0
- package/src/stories/Label.stories.tsx +79 -0
- package/src/stories/custom/Radio.stories.tsx +68 -0
- package/src/stories/custom/Tags.stories.tsx +10 -9
- package/src/stories/mocks/index.ts +2 -0
- package/src/stories/mocks/mockProvider.ts +10 -4
- package/src/stories/mocks/models/polissa.ts +1 -1
- package/src/stories/mocks/models/res_partner_category.ts +15 -0
- package/src/widgets/WidgetFactory.tsx +3 -0
- package/src/widgets/base/Label.tsx +19 -3
- package/src/widgets/custom/Radio.tsx +49 -0
- package/src/widgets/custom/Tags.tsx +78 -62
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;AA2E7C,uFA3EO,eAAM,OA2EP;AA1ER,4CAA2C;AA2EzC,qFA3EO,WAAI,OA2EP;AA1EN,sDAAqD;AA2EnD,0FA3EO,qBAAS,OA2EP;AA1EX,kDAAiD;AA2E/C,wFA3EO,iBAAO,OA2EP;AA1ET,6DAA4D;AA2E1D,yFA3EO,mBAAQ,OA2EP;AA1EV,6DAA4D;AAwG1D,yFAxGO,mBAAQ,OAwGP;AAvGV,8DAAwC;AA0EtC,eA1EK,cAAI,CA0EL;AAzEN,8CAA6C;AA8E3C,sFA9EO,aAAK,OA8EP;AA7EP,0DAAyD;AA6HvD,4FA7HO,yBAAW,OA6HP;AA5Hb,sDAAqD;AA6EnD,0FA7EO,qBAAS,OA6EP;AA5EX,kDAAiD;AA6E/C,wFA7EO,iBAAO,OA6EP;AA5ET,qEAA+C;AAsE7C,gBAtEK,eAAK,CAsEL;AArEP,2EAAqD;AAwEnD,mBAxEK,kBAAQ,CAwEL;AAvEV,8DAAwC;AAsEtC,eAtEK,cAAI,CAsEL;AArEN,+DAAyC;AA0EvC,gBA1EK,eAAK,CA0EL;AAzEP,6DAAuC;AA0ErC,eA1EK,cAAI,CA0EL;AAzEN,sDAAqD;AA6EnD,0FA7EO,qBAAS,OA6EP;AA5EX,2FAAqE;AAiEnE,uBAjEK,sBAAY,CAiEL;AAhEd,0EAAoD;AA4ElD,qBA5EK,oBAAU,CA4EL;AA3EZ,wDAAuD;AAwFrD,0FAxFO,qBAAS,OAwFP;AAvFX,4DAA2D;AAwFzD,4FAxFO,yBAAW,OAwFP;AAvFb,6DAAuC;AA2FrC,eA3FK,cAAI,CA2FL;AA1FN,qEAA+C;AA2F7C,mBA3FK,kBAAQ,CA2FL;AAtFV,sDAAqD;AAuFnD,0FAvFO,qBAAS,OAuFP;AAtFX,gDAA+C;AAuF7C,uFAvFO,eAAM,OAuFP;AAtFR,oEAA8C;AAuF5C,qBAvFK,oBAAU,CAuFL;AAtFZ,4EAAkD;AA0FhD,oBA1FK,uBAAS,CA0FL;AAzFX,0CAAyC;AAgGvC,oFAhGO,SAAG,OAgGP;AA/FL,8CAA6C;AAgG3C,sFAhGO,aAAK,OAgGP;AA/FP,8CAA6C;AAgG3C,sFAhGO,aAAK,OAgGP;AA/FP,qEAAmD;AAiGjD,4BAjGK,uBAAiB,CAiGL;AAhGnB,kFAA4D;AAoG1D,oBApGK,mBAAS,CAoGL;AAnGX,8CAA6C;AAuG3C,qFAvGO,WAAI,OAuGP;AAtGN,gDAA+C;AAuG7C,sFAvGO,aAAK,OAuGP;AAtGP,+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;AAqG1B,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,iCAyBiB;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;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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,aAAK,KAAK,GAAG,WAAW,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B,CAAC;AAQF,QAAA,MAAM,KAAK,UAAW,KAAK,gBAmC1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
var react_1 = __importDefault(require("react"));
|
|
7
7
|
var antd_1 = require("antd");
|
|
8
8
|
var icons_1 = require("@ant-design/icons");
|
|
9
|
+
var Text = antd_1.Typography.Text, Title = antd_1.Typography.Title;
|
|
9
10
|
var alignClass = {
|
|
10
11
|
left: "justify-start",
|
|
11
12
|
center: "justify-center",
|
|
@@ -13,15 +14,17 @@ var alignClass = {
|
|
|
13
14
|
};
|
|
14
15
|
var Label = function (props) {
|
|
15
16
|
var ooui = props.ooui, align = props.align, responsiveBehaviour = props.responsiveBehaviour;
|
|
16
|
-
var _a = ooui, label = _a.label, tooltip = _a.tooltip, fieldForLabel = _a.fieldForLabel;
|
|
17
|
+
var _a = ooui, label = _a.label, tooltip = _a.tooltip, fieldForLabel = _a.fieldForLabel, labelSize = _a.labelSize, labelType = _a.labelType;
|
|
17
18
|
var addColon = fieldForLabel !== null ? true : false;
|
|
18
19
|
var labelText = addColon && label.length > 1 ? label + " :" : label;
|
|
19
20
|
var responsiveAlign = responsiveBehaviour ? "left" : "right";
|
|
20
21
|
var labelAlgin = align ? align : fieldForLabel ? responsiveAlign : "left";
|
|
22
|
+
var TextType = labelSize === "text" ? Text : Title;
|
|
21
23
|
return (react_1.default.createElement("div", { className: "flex flex-row items-center pb-1 pt-1 " + alignClass[labelAlgin] },
|
|
22
24
|
tooltip && (react_1.default.createElement(antd_1.Tooltip, { title: tooltip },
|
|
23
25
|
react_1.default.createElement(icons_1.QuestionCircleOutlined, { className: "text-xs text-blue-400 pr-1" }))),
|
|
24
|
-
react_1.default.createElement("span", { className: "pr-2" },
|
|
26
|
+
react_1.default.createElement("span", { className: "pr-2" },
|
|
27
|
+
react_1.default.createElement(TextType, { level: labelSize !== "text" ? labelSize : null, type: labelType }, labelText))));
|
|
25
28
|
};
|
|
26
29
|
exports.default = Label;
|
|
27
30
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/widgets/base/Label.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAC1B,6BAA2C;AAE3C,2CAA2D;AAEnD,IAAA,IAAI,GAAY,iBAAU,KAAtB,EAAE,KAAK,GAAK,iBAAU,MAAf,CAAgB;AAOnC,IAAM,UAAU,GAAG;IACjB,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,gBAAgB;IACxB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,IAAM,KAAK,GAAG,UAAC,KAAY;IACjB,IAAA,IAAI,GAAiC,KAAK,KAAtC,EAAE,KAAK,GAA0B,KAAK,MAA/B,EAAE,mBAAmB,GAAK,KAAK,oBAAV,CAAW;IAC7C,IAAA,KAMF,IAAiB,EALnB,KAAK,WAAA,EACL,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,SAAS,eAAA,EACT,SAAS,eACU,CAAC;IACtB,IAAM,QAAQ,GAAG,aAAa,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACvD,IAAM,SAAS,GAAG,QAAQ,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACtE,IAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,IAAM,UAAU,GAAG,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC;IAE5E,IAAM,QAAQ,GAAG,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IAErD,OAAO,CACL,uCACE,SAAS,EAAE,0CAAwC,UAAU,CAAC,UAAU,CAAG;QAE1E,OAAO,IAAI,CACV,8BAAC,cAAO,IAAC,KAAK,EAAE,OAAO;YACrB,8BAAC,8BAAsB,IAAC,SAAS,EAAC,4BAA4B,GAAG,CACzD,CACX;QACD,wCAAM,SAAS,EAAC,MAAM;YACpB,8BAAC,QAAQ,IACP,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC,CAAC,CAAG,SAA4B,CAAC,CAAC,CAAC,IAAI,EACnE,IAAI,EAAE,SAAgB,IAErB,SAAS,CACD,CACN,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { WidgetProps } from "@/types";
|
|
3
|
+
export declare const Radio: (props: WidgetProps) => JSX.Element;
|
|
4
|
+
declare type RadioInputProps = WidgetProps & {
|
|
5
|
+
onChange?: (value: any) => void;
|
|
6
|
+
value?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const SelectionInput: (props: RadioInputProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=Radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Radio.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,eAAO,MAAM,KAAK,UAAW,WAAW,gBASvC,CAAC;AAEF,aAAK,eAAe,GAAG,WAAW,GAAG;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,eAAe,gBAyBpD,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.SelectionInput = exports.Radio = void 0;
|
|
18
|
+
var react_1 = __importDefault(require("react"));
|
|
19
|
+
var antd_1 = require("antd");
|
|
20
|
+
var Field_1 = __importDefault(require("@/common/Field"));
|
|
21
|
+
var Radio = function (props) {
|
|
22
|
+
var ooui = props.ooui;
|
|
23
|
+
var required = ooui.required;
|
|
24
|
+
return (react_1.default.createElement(Field_1.default, __assign({ required: required, type: "any" }, props),
|
|
25
|
+
react_1.default.createElement(exports.SelectionInput, __assign({}, props))));
|
|
26
|
+
};
|
|
27
|
+
exports.Radio = Radio;
|
|
28
|
+
var SelectionInput = function (props) {
|
|
29
|
+
var ooui = props.ooui, onChange = props.onChange, value = props.value;
|
|
30
|
+
var _a = ooui, selectionValues = _a.selectionValues, readOnly = _a.readOnly, direction = _a.direction;
|
|
31
|
+
var values = Array.from(selectionValues.entries());
|
|
32
|
+
var options = values &&
|
|
33
|
+
values.length &&
|
|
34
|
+
values.map(function (entry) {
|
|
35
|
+
var key = entry[0], value = entry[1];
|
|
36
|
+
return (react_1.default.createElement(antd_1.Radio, { key: key, value: key }, value));
|
|
37
|
+
});
|
|
38
|
+
return (react_1.default.createElement(antd_1.Radio.Group, { disabled: readOnly, onChange: onChange, value: value },
|
|
39
|
+
react_1.default.createElement(antd_1.Space, { direction: direction }, options)));
|
|
40
|
+
};
|
|
41
|
+
exports.SelectionInput = SelectionInput;
|
|
42
|
+
//# sourceMappingURL=Radio.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/widgets/custom/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,6BAAgD;AAEhD,yDAAmC;AAI5B,IAAM,KAAK,GAAG,UAAC,KAAkB;IAC9B,IAAA,IAAI,GAAK,KAAK,KAAV,CAAW;IACf,IAAA,QAAQ,GAAK,IAAI,SAAT,CAAU;IAE1B,OAAO,CACL,8BAAC,eAAK,aAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,IAAM,KAAK;QAC/C,8BAAC,sBAAc,eAAK,KAAK,EAAI,CACvB,CACT,CAAC;AACJ,CAAC,CAAC;AATW,QAAA,KAAK,SAShB;AAOK,IAAM,cAAc,GAAG,UAAC,KAAsB;IAC3C,IAAA,IAAI,GAAsB,KAAK,KAA3B,EAAE,QAAQ,GAAY,KAAK,SAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IAClC,IAAA,KAA2C,IAAiB,EAA1D,eAAe,qBAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAsB,CAAC;IAEnE,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE,CAAC,CAAC;IAErD,IAAM,OAAO,GACX,MAAM;QACN,MAAM,CAAC,MAAM;QACb,MAAM,CAAC,GAAG,CAAC,UAAC,KAAe;YAClB,IAAA,GAAG,GAAW,KAAK,GAAhB,EAAE,KAAK,GAAI,KAAK,GAAT,CAAU;YAC3B,OAAO,CACL,8BAAC,YAAQ,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,IAC3B,KAAK,CACG,CACZ,CAAC;QACJ,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,8BAAC,YAAQ,CAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK;QAClE,8BAAC,YAAK,IAAC,SAAS,EAAE,SAAS,IACxB,OAAO,CACF,CACO,CAClB,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,cAAc,kBAyBzB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Tags.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAgB,aAAa,EAAE,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"Tags.d.ts","sourceRoot":"","sources":["../../../src/widgets/custom/Tags.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAgB,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAO7E,aAAK,SAAS,GAAG;IACf,IAAI,EAAE,QAAQ,CAAC;CAChB,CAAC;AAEF,aAAK,cAAc,GAAG,SAAS,GAAG;IAChC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,IAAI,UAAW,SAAS,gBAQpC,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,cAAc,gBAsH9C,CAAC"}
|
|
@@ -75,7 +75,6 @@ var Field_1 = __importDefault(require("@/common/Field"));
|
|
|
75
75
|
var use_deep_compare_effect_1 = __importDefault(require("use-deep-compare-effect"));
|
|
76
76
|
var FormContext_1 = require("@/context/FormContext");
|
|
77
77
|
var antd_1 = require("antd");
|
|
78
|
-
var one2manyHelper_1 = require("@/helpers/one2manyHelper");
|
|
79
78
|
var formHelper_1 = require("@/helpers/formHelper");
|
|
80
79
|
var ConnectionProvider_1 = __importDefault(require("@/ConnectionProvider"));
|
|
81
80
|
var Tags = function (props) {
|
|
@@ -87,99 +86,101 @@ exports.Tags = Tags;
|
|
|
87
86
|
var TagsInput = function (props) {
|
|
88
87
|
var value = props.value, ooui = props.ooui, onChange = props.onChange;
|
|
89
88
|
var _a = (value || {}).items, items = _a === void 0 ? [] : _a;
|
|
90
|
-
var
|
|
89
|
+
var itemsToShow = items.filter(function (item) { return item.operation !== "pendingRemove"; }).map(function (item) { return item.id; });
|
|
90
|
+
var _b = react_1.useState([]), options = _b[0], setOptions = _b[1];
|
|
91
91
|
var _c = react_1.useState(), error = _c[0], setError = _c[1];
|
|
92
|
+
var _d = react_1.useState(false), isLoadingOptions = _d[0], setIsLoadingOptions = _d[1];
|
|
92
93
|
var relation = ooui.relation, context = ooui.context, readOnly = ooui.readOnly, field = ooui.field;
|
|
93
|
-
var itemsToShow = items.filter(function (item) { return item.values && item.operation !== "pendingRemove"; });
|
|
94
94
|
var formContext = react_1.useContext(FormContext_1.FormContext);
|
|
95
95
|
var getContext = (formContext || {}).getContext;
|
|
96
96
|
use_deep_compare_effect_1.default(function () {
|
|
97
|
-
|
|
98
|
-
fetchData();
|
|
99
|
-
}
|
|
97
|
+
fetchOptions();
|
|
100
98
|
}, [items]);
|
|
101
99
|
var triggerChange = function (changedValue) {
|
|
102
100
|
onChange === null || onChange === void 0 ? void 0 : onChange({
|
|
103
101
|
items: changedValue,
|
|
104
102
|
});
|
|
105
103
|
};
|
|
106
|
-
function
|
|
104
|
+
function fetchOptions() {
|
|
107
105
|
return __awaiter(this, void 0, void 0, function () {
|
|
108
|
-
var
|
|
106
|
+
var params, optionsRead, options_1, err_1;
|
|
109
107
|
return __generator(this, function (_a) {
|
|
110
108
|
switch (_a.label) {
|
|
111
109
|
case 0:
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
})];
|
|
110
|
+
setIsLoadingOptions(true);
|
|
111
|
+
params = (formContext === null || formContext === void 0 ? void 0 : formContext.domain) || [];
|
|
112
|
+
if (readOnly) {
|
|
113
|
+
params = [['id', 'in', itemsToShow]];
|
|
114
|
+
}
|
|
115
|
+
_a.label = 1;
|
|
119
116
|
case 1:
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
case 2:
|
|
123
|
-
_a.trys.push([2, 4, 5, 6]);
|
|
124
|
-
return [4 /*yield*/, one2manyHelper_1.readObjectValues({
|
|
125
|
-
treeFields: {},
|
|
126
|
-
formFields: fieldsDef,
|
|
117
|
+
_a.trys.push([1, 3, 4, 5]);
|
|
118
|
+
return [4 /*yield*/, ConnectionProvider_1.default.getHandler().search({
|
|
127
119
|
model: relation,
|
|
128
|
-
|
|
120
|
+
params: params,
|
|
121
|
+
fields: [field],
|
|
129
122
|
context: __assign(__assign({}, getContext === null || getContext === void 0 ? void 0 : getContext()), context),
|
|
130
123
|
})];
|
|
124
|
+
case 2:
|
|
125
|
+
optionsRead = _a.sent();
|
|
126
|
+
options_1 = optionsRead.map(function (item) {
|
|
127
|
+
var value = item[field];
|
|
128
|
+
var formattedValue = value;
|
|
129
|
+
if (Array.isArray(value)) {
|
|
130
|
+
formattedValue = value[1];
|
|
131
|
+
}
|
|
132
|
+
return { label: formattedValue, value: item.id };
|
|
133
|
+
});
|
|
134
|
+
setOptions(options_1);
|
|
135
|
+
return [3 /*break*/, 5];
|
|
131
136
|
case 3:
|
|
132
|
-
itemsWithValues = _a.sent();
|
|
133
|
-
triggerChange(itemsWithValues);
|
|
134
|
-
return [3 /*break*/, 6];
|
|
135
|
-
case 4:
|
|
136
137
|
err_1 = _a.sent();
|
|
137
138
|
setError(err_1);
|
|
138
|
-
return [3 /*break*/,
|
|
139
|
-
case
|
|
140
|
-
|
|
139
|
+
return [3 /*break*/, 5];
|
|
140
|
+
case 4:
|
|
141
|
+
setIsLoadingOptions(false);
|
|
141
142
|
return [7 /*endfinally*/];
|
|
142
|
-
case
|
|
143
|
+
case 5:
|
|
144
|
+
if (error) {
|
|
145
|
+
return [2 /*return*/, react_1.default.createElement(antd_1.Alert, { className: "mt-10", message: error, type: "error", banner: true })];
|
|
146
|
+
}
|
|
147
|
+
return [2 /*return*/];
|
|
143
148
|
}
|
|
144
149
|
});
|
|
145
150
|
});
|
|
146
151
|
}
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
152
|
+
;
|
|
153
|
+
var onChangeSelected = function (ids) {
|
|
154
|
+
var newItems = items.map(function (item) {
|
|
155
|
+
if (ids.includes(item.id)) {
|
|
156
|
+
if (item.operation == "pendingRemove") {
|
|
157
|
+
return __assign(__assign({}, item), { operation: "pendingLink" });
|
|
158
|
+
}
|
|
159
|
+
else {
|
|
160
|
+
return item;
|
|
161
|
+
}
|
|
157
162
|
}
|
|
158
163
|
else {
|
|
159
|
-
return
|
|
164
|
+
return { id: item.id, operation: 'pendingRemove' };
|
|
160
165
|
}
|
|
161
166
|
});
|
|
167
|
+
var currentIds = newItems.map(function (item) { return item.id; });
|
|
168
|
+
ids.filter(function (id) { return !currentIds.includes(id); }).map(function (id) {
|
|
169
|
+
newItems.push({ id: id, operation: 'pendingLink' });
|
|
170
|
+
});
|
|
162
171
|
triggerChange(newItems);
|
|
163
172
|
};
|
|
173
|
+
var tagRender = function (props) {
|
|
174
|
+
var label = props.label, closable = props.closable, onClose = props.onClose;
|
|
175
|
+
var onPreventMouseDown = function (event) {
|
|
176
|
+
event.preventDefault();
|
|
177
|
+
event.stopPropagation();
|
|
178
|
+
};
|
|
179
|
+
return (react_1.default.createElement(antd_1.Tag, { color: formHelper_1.colorFromString(label), onMouseDown: onPreventMouseDown, style: { margin: '5px' }, closable: closable, onClose: onClose }, label));
|
|
180
|
+
};
|
|
164
181
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
165
|
-
react_1.default.createElement("div", { style: { padding: "1rem" } },
|
|
166
|
-
|
|
167
|
-
var value = (_a = item.values) === null || _a === void 0 ? void 0 : _a[field];
|
|
168
|
-
var formattedValue = value;
|
|
169
|
-
if (ooui.selectionValues.size) {
|
|
170
|
-
formattedValue = ooui.selectionValues.get(value);
|
|
171
|
-
}
|
|
172
|
-
else if (Array.isArray(value)) {
|
|
173
|
-
formattedValue = value[1];
|
|
174
|
-
}
|
|
175
|
-
if (!value) {
|
|
176
|
-
return null;
|
|
177
|
-
}
|
|
178
|
-
return (react_1.default.createElement(antd_1.Tag, { key: index, color: formHelper_1.colorFromString(formattedValue), closable: !readOnly, style: { margin: '5px' }, onClose: function (e) {
|
|
179
|
-
e.preventDefault();
|
|
180
|
-
removeItem(item);
|
|
181
|
-
} }, formattedValue));
|
|
182
|
-
}))));
|
|
182
|
+
react_1.default.createElement("div", { style: { padding: "1rem" } },
|
|
183
|
+
react_1.default.createElement(antd_1.Select, { mode: "multiple", value: options.length ? itemsToShow : [], tagRender: tagRender, bordered: !readOnly, disabled: readOnly, options: options, onChange: onChangeSelected, loading: isLoadingOptions }))));
|
|
183
184
|
};
|
|
184
185
|
exports.TagsInput = TagsInput;
|
|
185
186
|
//# sourceMappingURL=Tags.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/widgets/custom/Tags.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAoD;AAEpD,yDAAmC;AAEnC,oFAA2D;AAC3D,qDAAqE;AACrE,
|
|
1
|
+
{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/widgets/custom/Tags.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gisce/react-ooui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.12.0",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"@ant-design/charts": "^1.3.6",
|
|
27
|
-
"@gisce/ooui": "^0.
|
|
27
|
+
"@gisce/ooui": "^0.10.0",
|
|
28
28
|
"@gisce/react-formiga-table": "^0.3.0",
|
|
29
29
|
"fiber-diagram": "github:gisce/fiber-diagram",
|
|
30
30
|
"file-type": "^16.5.0",
|
package/src/index.ts
CHANGED
|
@@ -35,6 +35,7 @@ import { Image } from "@/widgets/base/Image";
|
|
|
35
35
|
import showConfirmDialog from "@/ui/ConfirmDialog";
|
|
36
36
|
import Dashboard from "@/widgets/views/Dashboard/Dashboard";
|
|
37
37
|
import { Tags } from "@/widgets/custom/Tags";
|
|
38
|
+
import { Radio } from "@/widgets/custom/Radio";
|
|
38
39
|
import {
|
|
39
40
|
DashboardGridItem,
|
|
40
41
|
DashboardGrid,
|
|
@@ -137,4 +138,5 @@ export {
|
|
|
137
138
|
DashboardGridItem,
|
|
138
139
|
DashboardGrid,
|
|
139
140
|
Tags,
|
|
141
|
+
Radio,
|
|
140
142
|
};
|
|
@@ -20,3 +20,82 @@ export const Default = (): React.ReactElement => {
|
|
|
20
20
|
</LocaleProvider>
|
|
21
21
|
);
|
|
22
22
|
};
|
|
23
|
+
|
|
24
|
+
export const LabelSecondary = (): React.ReactElement => {
|
|
25
|
+
const ooui = new LabelOoui({
|
|
26
|
+
name: "field",
|
|
27
|
+
string: "Lorem ipsum",
|
|
28
|
+
widget_props: "{'label_type': 'secondary'}"
|
|
29
|
+
});
|
|
30
|
+
return (
|
|
31
|
+
<LocaleProvider lang="en_US">
|
|
32
|
+
<Label ooui={ooui} />
|
|
33
|
+
</LocaleProvider>
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
export const LabelWaning = (): React.ReactElement => {
|
|
38
|
+
const ooui = new LabelOoui({
|
|
39
|
+
name: "field",
|
|
40
|
+
string: "Lorem ipsum",
|
|
41
|
+
widget_props: "{'label_type': 'warning'}"
|
|
42
|
+
});
|
|
43
|
+
return (
|
|
44
|
+
<LocaleProvider lang="en_US">
|
|
45
|
+
<Label ooui={ooui} />
|
|
46
|
+
</LocaleProvider>
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export const LabelDanger = (): React.ReactElement => {
|
|
51
|
+
const ooui = new LabelOoui({
|
|
52
|
+
name: "field",
|
|
53
|
+
string: "Lorem ipsum",
|
|
54
|
+
widget_props: "{'label_type': 'danger'}"
|
|
55
|
+
});
|
|
56
|
+
return (
|
|
57
|
+
<LocaleProvider lang="en_US">
|
|
58
|
+
<Label ooui={ooui} />
|
|
59
|
+
</LocaleProvider>
|
|
60
|
+
);
|
|
61
|
+
};
|
|
62
|
+
|
|
63
|
+
export const LabelSuccess = (): React.ReactElement => {
|
|
64
|
+
const ooui = new LabelOoui({
|
|
65
|
+
name: "field",
|
|
66
|
+
string: "Lorem ipsum",
|
|
67
|
+
widget_props: "{'label_type': 'success'}"
|
|
68
|
+
});
|
|
69
|
+
return (
|
|
70
|
+
<LocaleProvider lang="en_US">
|
|
71
|
+
<Label ooui={ooui} />
|
|
72
|
+
</LocaleProvider>
|
|
73
|
+
);
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
|
|
77
|
+
export const LabelH1 = (): React.ReactElement => {
|
|
78
|
+
const ooui = new LabelOoui({
|
|
79
|
+
name: "field",
|
|
80
|
+
string: "Lorem ipsum",
|
|
81
|
+
widget_props: "{'label_size': 'h1'}"
|
|
82
|
+
});
|
|
83
|
+
return (
|
|
84
|
+
<LocaleProvider lang="en_US">
|
|
85
|
+
<Label ooui={ooui} />
|
|
86
|
+
</LocaleProvider>
|
|
87
|
+
);
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
export const LabelH2Warning = (): React.ReactElement => {
|
|
91
|
+
const ooui = new LabelOoui({
|
|
92
|
+
name: "field",
|
|
93
|
+
string: "Lorem ipsum",
|
|
94
|
+
widget_props: "{'label_size': 'h1', 'label_type': 'warning'}"
|
|
95
|
+
});
|
|
96
|
+
return (
|
|
97
|
+
<LocaleProvider lang="en_US">
|
|
98
|
+
<Label ooui={ooui} />
|
|
99
|
+
</LocaleProvider>
|
|
100
|
+
);
|
|
101
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
import { Radio } from "../../widgets/custom/Radio";
|
|
4
|
+
import { Radio as RadioOoui } from "@gisce/ooui";
|
|
5
|
+
import "antd/dist/antd.css";
|
|
6
|
+
import LocaleProvider from "../../context/LocaleContext";
|
|
7
|
+
|
|
8
|
+
export default {
|
|
9
|
+
title: "Components/Widgets/Custom/Radio",
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
export const Default = (): React.ReactElement => {
|
|
13
|
+
const ooui = new RadioOoui({
|
|
14
|
+
name: "level",
|
|
15
|
+
string: "Level",
|
|
16
|
+
required: true,
|
|
17
|
+
selection: [
|
|
18
|
+
['easy', 'Easy'],
|
|
19
|
+
['medium', 'Medium'],
|
|
20
|
+
['hard', 'Hard']
|
|
21
|
+
]
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
return (
|
|
25
|
+
<LocaleProvider lang="en_US">
|
|
26
|
+
<Radio ooui={ooui} />
|
|
27
|
+
</LocaleProvider>
|
|
28
|
+
);
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export const Readonly = (): React.ReactElement => {
|
|
32
|
+
const ooui = new RadioOoui({
|
|
33
|
+
name: "level",
|
|
34
|
+
string: "Level",
|
|
35
|
+
readonly: true,
|
|
36
|
+
selection: [
|
|
37
|
+
['easy', 'Easy'],
|
|
38
|
+
['medium', 'Medium'],
|
|
39
|
+
['hard', 'Hard']
|
|
40
|
+
]
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<LocaleProvider lang="en_US">
|
|
45
|
+
<Radio ooui={ooui} />
|
|
46
|
+
</LocaleProvider>
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export const RadioVertical = (): React.ReactElement => {
|
|
51
|
+
const ooui = new RadioOoui({
|
|
52
|
+
name: "level",
|
|
53
|
+
string: "Level",
|
|
54
|
+
readonly: true,
|
|
55
|
+
selection: [
|
|
56
|
+
['easy', 'Easy'],
|
|
57
|
+
['medium', 'Medium'],
|
|
58
|
+
['hard', 'Hard']
|
|
59
|
+
],
|
|
60
|
+
widget_props: "{'direction': 'vertical'}"
|
|
61
|
+
});
|
|
62
|
+
|
|
63
|
+
return (
|
|
64
|
+
<LocaleProvider lang="en_US">
|
|
65
|
+
<Radio ooui={ooui} />
|
|
66
|
+
</LocaleProvider>
|
|
67
|
+
);
|
|
68
|
+
};
|
|
@@ -4,7 +4,6 @@ import { TagsInput } from "../../widgets/custom/Tags";
|
|
|
4
4
|
import { Tags as TagsOoui } from "@gisce/ooui";
|
|
5
5
|
import "antd/dist/antd.css";
|
|
6
6
|
import LocaleProvider from "../../context/LocaleContext";
|
|
7
|
-
import { One2manyInput } from "../../widgets/base/one2many/One2manyInput";
|
|
8
7
|
|
|
9
8
|
export default {
|
|
10
9
|
title: "Components/Widgets/Custom/Tags",
|
|
@@ -14,15 +13,16 @@ export const Default = (): React.ReactElement => {
|
|
|
14
13
|
const ooui = new TagsOoui({
|
|
15
14
|
name: "button_field",
|
|
16
15
|
string: "Lorem ipsum",
|
|
17
|
-
field: "name"
|
|
16
|
+
field: "name",
|
|
17
|
+
relation: "res.partner.category"
|
|
18
18
|
});
|
|
19
19
|
|
|
20
20
|
return (
|
|
21
21
|
<LocaleProvider lang="en_US">
|
|
22
22
|
<TagsInput ooui={ooui} value={{items: [
|
|
23
|
-
{id: 1, operation: "original"
|
|
24
|
-
{id: 2, operation: "original"
|
|
25
|
-
{id: 3, operation: "pendingRemove"
|
|
23
|
+
{id: 1, operation: "original"},
|
|
24
|
+
{id: 2, operation: "original"},
|
|
25
|
+
{id: 3, operation: "pendingRemove"}
|
|
26
26
|
]}}
|
|
27
27
|
/>
|
|
28
28
|
</LocaleProvider>
|
|
@@ -34,15 +34,16 @@ export const Readonly = (): React.ReactElement => {
|
|
|
34
34
|
name: "button_field",
|
|
35
35
|
string: "Lorem ipsum",
|
|
36
36
|
field: "name",
|
|
37
|
-
readonly: true
|
|
37
|
+
readonly: true,
|
|
38
|
+
relation: "res.partner.category",
|
|
38
39
|
});
|
|
39
40
|
|
|
40
41
|
return (
|
|
41
42
|
<LocaleProvider lang="en_US">
|
|
42
43
|
<TagsInput ooui={ooui} value={{items: [
|
|
43
|
-
{id: 1, operation: "original"
|
|
44
|
-
{id: 2, operation: "original"
|
|
45
|
-
{id: 3, operation: "pendingRemove"
|
|
44
|
+
{id: 1, operation: "original"},
|
|
45
|
+
{id: 2, operation: "original"},
|
|
46
|
+
{id: 3, operation: "pendingRemove"}
|
|
46
47
|
]}}
|
|
47
48
|
/>
|
|
48
49
|
</LocaleProvider>
|
|
@@ -13,6 +13,7 @@ import switching from "./models/switching";
|
|
|
13
13
|
import attachment from "./models/attachment";
|
|
14
14
|
import crm_case from "./models/crm_case";
|
|
15
15
|
import form_with_gridfiber from "./models/form_with_gridfiber";
|
|
16
|
+
import partner_category from "./models/res_partner_category";
|
|
16
17
|
|
|
17
18
|
const allModels = [
|
|
18
19
|
cups,
|
|
@@ -30,6 +31,7 @@ const allModels = [
|
|
|
30
31
|
attachment,
|
|
31
32
|
crm_case,
|
|
32
33
|
form_with_gridfiber,
|
|
34
|
+
partner_category,
|
|
33
35
|
];
|
|
34
36
|
|
|
35
37
|
const getMock = (model: string) => {
|
|
@@ -19,6 +19,7 @@ import {
|
|
|
19
19
|
SearchAllIdsRequest,
|
|
20
20
|
NameSearchRequest,
|
|
21
21
|
SearchCountRequest,
|
|
22
|
+
GetFieldsRequest,
|
|
22
23
|
} from "../../types/index";
|
|
23
24
|
|
|
24
25
|
const init = () => {
|
|
@@ -50,6 +51,14 @@ const init = () => {
|
|
|
50
51
|
const data = getMock(model);
|
|
51
52
|
return data[type];
|
|
52
53
|
},
|
|
54
|
+
getFields: async (options: GetFieldsRequest) => {
|
|
55
|
+
const { model, fields } = options;
|
|
56
|
+
await new Promise((resolve) => setTimeout(resolve, timeout));
|
|
57
|
+
const data = getMock(model);
|
|
58
|
+
const fieldsDef = Object.fromEntries(Object.entries(data.form.fields).filter(([key]) => fields.includes(key)));
|
|
59
|
+
return fieldsDef;
|
|
60
|
+
|
|
61
|
+
},
|
|
53
62
|
searchAllIds: async (options: SearchCountRequest) => {
|
|
54
63
|
await new Promise((resolve) => setTimeout(resolve, timeout));
|
|
55
64
|
return [6];
|
|
@@ -57,10 +66,7 @@ const init = () => {
|
|
|
57
66
|
search: async (options: SearchRequest) => {
|
|
58
67
|
await new Promise((resolve) => setTimeout(resolve, timeout));
|
|
59
68
|
const data = getMock(options.model);
|
|
60
|
-
return
|
|
61
|
-
totalItems: 1,
|
|
62
|
-
results: [data.exampleValues],
|
|
63
|
-
};
|
|
69
|
+
return [data.exampleValues];
|
|
64
70
|
},
|
|
65
71
|
searchForTree: async (options: SearchRequest) => {
|
|
66
72
|
await new Promise((resolve) => setTimeout(resolve, timeout));
|