@apexcura/ui-components 0.0.7-Beta4 → 0.0.7-Beta5
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.mts +10 -7
- package/dist/index.d.ts +10 -7
- package/dist/index.js +9 -7
- package/dist/index.mjs +9 -7
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -19,10 +19,10 @@ type ElementType = {
|
|
|
19
19
|
onChange?: (value: string | number | boolean | any[]) => void;
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
interface ElementExecuterProps$
|
|
22
|
+
interface ElementExecuterProps$3 extends ElementType {
|
|
23
23
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
24
24
|
}
|
|
25
|
-
declare const TextElement: (props: ElementExecuterProps$
|
|
25
|
+
declare const TextElement: (props: ElementExecuterProps$3) => React$1.JSX.Element;
|
|
26
26
|
|
|
27
27
|
interface InputData {
|
|
28
28
|
placeholder?: string;
|
|
@@ -36,15 +36,15 @@ interface PasswordProps {
|
|
|
36
36
|
}
|
|
37
37
|
declare const PasswordElement: React$1.FC<PasswordProps>;
|
|
38
38
|
|
|
39
|
-
interface ElementExecuterProps$
|
|
39
|
+
interface ElementExecuterProps$2 extends ElementType {
|
|
40
40
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
41
41
|
}
|
|
42
|
-
declare const NumberElement: (props: ElementExecuterProps$
|
|
42
|
+
declare const NumberElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
|
|
43
43
|
|
|
44
|
-
interface ElementExecuterProps extends ElementType {
|
|
44
|
+
interface ElementExecuterProps$1 extends ElementType {
|
|
45
45
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
46
46
|
}
|
|
47
|
-
declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
47
|
+
declare const TextareaElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
|
|
48
48
|
|
|
49
49
|
declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
50
50
|
|
|
@@ -52,7 +52,10 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
52
52
|
|
|
53
53
|
declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
interface ElementExecuterProps extends ElementType {
|
|
56
|
+
onChange: (value: string | number | boolean | any[]) => void;
|
|
57
|
+
}
|
|
58
|
+
declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
56
59
|
|
|
57
60
|
declare const ButtonElement: () => React$1.JSX.Element;
|
|
58
61
|
|
package/dist/index.d.ts
CHANGED
|
@@ -19,10 +19,10 @@ type ElementType = {
|
|
|
19
19
|
onChange?: (value: string | number | boolean | any[]) => void;
|
|
20
20
|
};
|
|
21
21
|
|
|
22
|
-
interface ElementExecuterProps$
|
|
22
|
+
interface ElementExecuterProps$3 extends ElementType {
|
|
23
23
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
24
24
|
}
|
|
25
|
-
declare const TextElement: (props: ElementExecuterProps$
|
|
25
|
+
declare const TextElement: (props: ElementExecuterProps$3) => React$1.JSX.Element;
|
|
26
26
|
|
|
27
27
|
interface InputData {
|
|
28
28
|
placeholder?: string;
|
|
@@ -36,15 +36,15 @@ interface PasswordProps {
|
|
|
36
36
|
}
|
|
37
37
|
declare const PasswordElement: React$1.FC<PasswordProps>;
|
|
38
38
|
|
|
39
|
-
interface ElementExecuterProps$
|
|
39
|
+
interface ElementExecuterProps$2 extends ElementType {
|
|
40
40
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
41
41
|
}
|
|
42
|
-
declare const NumberElement: (props: ElementExecuterProps$
|
|
42
|
+
declare const NumberElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
|
|
43
43
|
|
|
44
|
-
interface ElementExecuterProps extends ElementType {
|
|
44
|
+
interface ElementExecuterProps$1 extends ElementType {
|
|
45
45
|
onChange: (value: string | number | boolean | any[]) => void;
|
|
46
46
|
}
|
|
47
|
-
declare const TextareaElement: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
47
|
+
declare const TextareaElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
|
|
48
48
|
|
|
49
49
|
declare const SelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
50
50
|
|
|
@@ -52,7 +52,10 @@ declare const RadioElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
52
52
|
|
|
53
53
|
declare const CheckboxElement: (props: ElementType) => React$1.JSX.Element;
|
|
54
54
|
|
|
55
|
-
|
|
55
|
+
interface ElementExecuterProps extends ElementType {
|
|
56
|
+
onChange: (value: string | number | boolean | any[]) => void;
|
|
57
|
+
}
|
|
58
|
+
declare const CkEditor: (props: ElementExecuterProps) => React$1.JSX.Element;
|
|
56
59
|
|
|
57
60
|
declare const ButtonElement: () => React$1.JSX.Element;
|
|
58
61
|
|
package/dist/index.js
CHANGED
|
@@ -207,17 +207,17 @@ var defaultCheckedList = [];
|
|
|
207
207
|
var CheckboxElement = (props) => {
|
|
208
208
|
const [checkedList, setCheckedList] = (0, import_react7.useState)(defaultCheckedList);
|
|
209
209
|
const checkAll = plainOptions.length === checkedList.length;
|
|
210
|
-
const indeterminate = checkedList.length > 0 && checkedList.length < plainOptions.length;
|
|
211
210
|
const handleChange = (list) => {
|
|
212
211
|
setCheckedList(list);
|
|
213
212
|
if (props.onChange) {
|
|
214
|
-
props.onChange(
|
|
213
|
+
props.onChange(list);
|
|
215
214
|
}
|
|
216
215
|
};
|
|
217
216
|
const onHandleAllChanges = (e) => {
|
|
218
|
-
|
|
217
|
+
const newList = e.target.checked ? plainOptions : [];
|
|
218
|
+
setCheckedList(newList);
|
|
219
219
|
if (props.onChange) {
|
|
220
|
-
props.onChange(
|
|
220
|
+
props.onChange(newList);
|
|
221
221
|
}
|
|
222
222
|
};
|
|
223
223
|
return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement(
|
|
@@ -227,7 +227,6 @@ var CheckboxElement = (props) => {
|
|
|
227
227
|
id: props.name,
|
|
228
228
|
style: props.styles,
|
|
229
229
|
className: props.classNames,
|
|
230
|
-
indeterminate,
|
|
231
230
|
onChange: onHandleAllChanges,
|
|
232
231
|
checked: checkAll
|
|
233
232
|
},
|
|
@@ -249,11 +248,14 @@ var CheckboxElement = (props) => {
|
|
|
249
248
|
var import_react8 = require("react");
|
|
250
249
|
var import_tinymce_react = require("@tinymce/tinymce-react");
|
|
251
250
|
var import_react9 = __toESM(require("react"));
|
|
252
|
-
var CkEditor = () => {
|
|
251
|
+
var CkEditor = (props) => {
|
|
253
252
|
const editorRef = (0, import_react8.useRef)(null);
|
|
254
253
|
const log = () => {
|
|
255
254
|
if (editorRef.current) {
|
|
256
|
-
|
|
255
|
+
let content = editorRef.current.getContent();
|
|
256
|
+
if (props.onChange) {
|
|
257
|
+
props.onChange(content);
|
|
258
|
+
}
|
|
257
259
|
}
|
|
258
260
|
};
|
|
259
261
|
return /* @__PURE__ */ import_react9.default.createElement("div", null, /* @__PURE__ */ import_react9.default.createElement(
|
package/dist/index.mjs
CHANGED
|
@@ -163,17 +163,17 @@ var defaultCheckedList = [];
|
|
|
163
163
|
var CheckboxElement = (props) => {
|
|
164
164
|
const [checkedList, setCheckedList] = useState2(defaultCheckedList);
|
|
165
165
|
const checkAll = plainOptions.length === checkedList.length;
|
|
166
|
-
const indeterminate = checkedList.length > 0 && checkedList.length < plainOptions.length;
|
|
167
166
|
const handleChange = (list) => {
|
|
168
167
|
setCheckedList(list);
|
|
169
168
|
if (props.onChange) {
|
|
170
|
-
props.onChange(
|
|
169
|
+
props.onChange(list);
|
|
171
170
|
}
|
|
172
171
|
};
|
|
173
172
|
const onHandleAllChanges = (e) => {
|
|
174
|
-
|
|
173
|
+
const newList = e.target.checked ? plainOptions : [];
|
|
174
|
+
setCheckedList(newList);
|
|
175
175
|
if (props.onChange) {
|
|
176
|
-
props.onChange(
|
|
176
|
+
props.onChange(newList);
|
|
177
177
|
}
|
|
178
178
|
};
|
|
179
179
|
return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(
|
|
@@ -183,7 +183,6 @@ var CheckboxElement = (props) => {
|
|
|
183
183
|
id: props.name,
|
|
184
184
|
style: props.styles,
|
|
185
185
|
className: props.classNames,
|
|
186
|
-
indeterminate,
|
|
187
186
|
onChange: onHandleAllChanges,
|
|
188
187
|
checked: checkAll
|
|
189
188
|
},
|
|
@@ -205,11 +204,14 @@ var CheckboxElement = (props) => {
|
|
|
205
204
|
import { useRef } from "react";
|
|
206
205
|
import { Editor } from "@tinymce/tinymce-react";
|
|
207
206
|
import React8 from "react";
|
|
208
|
-
var CkEditor = () => {
|
|
207
|
+
var CkEditor = (props) => {
|
|
209
208
|
const editorRef = useRef(null);
|
|
210
209
|
const log = () => {
|
|
211
210
|
if (editorRef.current) {
|
|
212
|
-
|
|
211
|
+
let content = editorRef.current.getContent();
|
|
212
|
+
if (props.onChange) {
|
|
213
|
+
props.onChange(content);
|
|
214
|
+
}
|
|
213
215
|
}
|
|
214
216
|
};
|
|
215
217
|
return /* @__PURE__ */ React8.createElement("div", null, /* @__PURE__ */ React8.createElement(
|