blixify-ui-web 0.4.208 → 0.4.210
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/lib/components/data/dataTemplate/index.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/index.js +212 -61
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/lib/components/data/dataTemplate/model.d.ts +2 -0
- package/lib/components/data/dataTemplate/model.d.ts.map +1 -1
- package/lib/components/data/listModule.d.ts.map +1 -1
- package/lib/components/data/listModule.js +14 -2
- package/lib/components/data/listModule.js.map +1 -1
- package/lib/components/data/updateModule.d.ts.map +1 -1
- package/lib/components/data/updateModule.js +293 -52
- package/lib/components/data/updateModule.js.map +1 -1
- package/lib/components/data/utils.d.ts.map +1 -1
- package/lib/components/data/utils.js +3 -0
- package/lib/components/data/utils.js.map +1 -1
- package/lib/components/input/canvas/index.d.ts +19 -2
- package/lib/components/input/canvas/index.d.ts.map +1 -1
- package/lib/components/input/canvas/index.js +258 -61
- package/lib/components/input/canvas/index.js.map +1 -1
- package/lib/components/input/checkbox/index.d.ts +8 -1
- package/lib/components/input/checkbox/index.d.ts.map +1 -1
- package/lib/components/input/checkbox/index.js +72 -4
- package/lib/components/input/checkbox/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -2,16 +2,23 @@ import React, { Component } from "react";
|
|
|
2
2
|
import "../../../index.css";
|
|
3
3
|
import { Option } from "../select";
|
|
4
4
|
interface Props {
|
|
5
|
+
id?: string;
|
|
5
6
|
itemList: Option[];
|
|
6
7
|
selectItemList: string[];
|
|
7
8
|
className?: string;
|
|
8
9
|
inputClassName?: string;
|
|
9
10
|
onChange?: (item: string[]) => void;
|
|
10
11
|
darkMode?: boolean;
|
|
12
|
+
optional?: boolean;
|
|
11
13
|
}
|
|
12
|
-
|
|
14
|
+
interface State {
|
|
15
|
+
error: string;
|
|
16
|
+
}
|
|
17
|
+
export declare class Checkbox extends Component<Props, State> {
|
|
18
|
+
state: State;
|
|
13
19
|
handleOnChange: (id: string) => void;
|
|
14
20
|
renderCheckbox: () => any;
|
|
21
|
+
handleSubmit: () => Promise<boolean>;
|
|
15
22
|
render(): React.JSX.Element;
|
|
16
23
|
}
|
|
17
24
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/checkbox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAEnC,UAAU,KAAK;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC;IACnD,KAAK,EAAE,KAAK,CAEV;IAEF,cAAc,OAAQ,MAAM,UAM1B;IAEF,cAAc,YAwBZ;IAGF,YAAY,yBAmBV;IAEF,MAAM;CAaP"}
|
|
@@ -37,6 +37,42 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
37
37
|
__setModuleDefault(result, mod);
|
|
38
38
|
return result;
|
|
39
39
|
};
|
|
40
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
41
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
42
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
43
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
44
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
45
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
46
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
50
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
51
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
52
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
53
|
+
function step(op) {
|
|
54
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
55
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
56
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
57
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
58
|
+
switch (op[0]) {
|
|
59
|
+
case 0: case 1: t = op; break;
|
|
60
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
61
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
62
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
63
|
+
default:
|
|
64
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
65
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
66
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
67
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
68
|
+
if (t[2]) _.ops.pop();
|
|
69
|
+
_.trys.pop(); continue;
|
|
70
|
+
}
|
|
71
|
+
op = body.call(thisArg, _);
|
|
72
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
73
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
74
|
+
}
|
|
75
|
+
};
|
|
40
76
|
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
41
77
|
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
42
78
|
if (ar || !(i in from)) {
|
|
@@ -54,6 +90,9 @@ var Checkbox = /** @class */ (function (_super) {
|
|
|
54
90
|
__extends(Checkbox, _super);
|
|
55
91
|
function Checkbox() {
|
|
56
92
|
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
93
|
+
_this.state = {
|
|
94
|
+
error: "",
|
|
95
|
+
};
|
|
57
96
|
_this.handleOnChange = function (id) {
|
|
58
97
|
var _a, _b;
|
|
59
98
|
var updatedList = [];
|
|
@@ -68,17 +107,46 @@ var Checkbox = /** @class */ (function (_super) {
|
|
|
68
107
|
var checkboxItems = [];
|
|
69
108
|
_this.props.itemList.map(function (eachItem, index) {
|
|
70
109
|
checkboxItems.push(react_1.default.createElement("div", { className: _this.props.className, key: index },
|
|
71
|
-
react_1.default.createElement("
|
|
72
|
-
|
|
73
|
-
|
|
110
|
+
react_1.default.createElement("label", { className: "".concat(labelColor, " ml-2 font-medium") }, eachItem.label),
|
|
111
|
+
react_1.default.createElement("input", { type: "checkbox", key: "checkbox-".concat(_this.props.id, "-").concat(eachItem.key), checked: _this.props.selectItemList.includes(eachItem.key), onChange: function () { return _this.handleOnChange(eachItem.key); }, className: _this.props.inputClassName +
|
|
112
|
+
" border-primary-500 border-2 rounded focus:ring-gray-50 focus:ring-offset-0 focus:outline-offset-0 checked:text-primary-500" })));
|
|
74
113
|
return null;
|
|
75
114
|
});
|
|
76
115
|
return checkboxItems;
|
|
77
116
|
};
|
|
117
|
+
// INFO: Validation – when not optional, all items must be checked
|
|
118
|
+
_this.handleSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
|
|
119
|
+
var testCond, anyChecked;
|
|
120
|
+
var _this = this;
|
|
121
|
+
return __generator(this, function (_a) {
|
|
122
|
+
testCond = true;
|
|
123
|
+
if (!this.props.optional) {
|
|
124
|
+
anyChecked = this.props.itemList.some(function (eachItem) {
|
|
125
|
+
return _this.props.selectItemList.includes(eachItem.key);
|
|
126
|
+
});
|
|
127
|
+
if (!anyChecked) {
|
|
128
|
+
testCond = false;
|
|
129
|
+
this.setState({ error: "Please check the item." });
|
|
130
|
+
}
|
|
131
|
+
else {
|
|
132
|
+
testCond = true;
|
|
133
|
+
this.setState({ error: "" });
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
else {
|
|
137
|
+
this.setState({ error: "" });
|
|
138
|
+
}
|
|
139
|
+
return [2 /*return*/, testCond];
|
|
140
|
+
});
|
|
141
|
+
}); };
|
|
78
142
|
return _this;
|
|
79
143
|
}
|
|
80
144
|
Checkbox.prototype.render = function () {
|
|
81
|
-
|
|
145
|
+
var darkMode = this.props.darkMode;
|
|
146
|
+
var errorColor = darkMode ? "text-red-400" : "text-red-600";
|
|
147
|
+
return (react_1.default.createElement("div", null,
|
|
148
|
+
this.renderCheckbox(),
|
|
149
|
+
this.state.error && (react_1.default.createElement("p", { className: "mt-1 text-sm ".concat(errorColor) }, this.state.error))));
|
|
82
150
|
};
|
|
83
151
|
return Checkbox;
|
|
84
152
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/checkbox/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/checkbox/index.tsx"],"names":[],"mappings":"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"}
|