@apexcura/ui-components 0.0.7-Beta4 → 0.0.7-Beta6

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.
Files changed (5) hide show
  1. package/dist/index.d.mts +10 -7
  2. package/dist/index.d.ts +10 -7
  3. package/dist/index.js +10 -8
  4. package/dist/index.mjs +10 -8
  5. 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$2 extends ElementType {
22
+ interface ElementExecuterProps$3 extends ElementType {
23
23
  onChange: (value: string | number | boolean | any[]) => void;
24
24
  }
25
- declare const TextElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
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$1 extends ElementType {
39
+ interface ElementExecuterProps$2 extends ElementType {
40
40
  onChange: (value: string | number | boolean | any[]) => void;
41
41
  }
42
- declare const NumberElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
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
- declare const CkEditor: React$1.FC;
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$2 extends ElementType {
22
+ interface ElementExecuterProps$3 extends ElementType {
23
23
  onChange: (value: string | number | boolean | any[]) => void;
24
24
  }
25
- declare const TextElement: (props: ElementExecuterProps$2) => React$1.JSX.Element;
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$1 extends ElementType {
39
+ interface ElementExecuterProps$2 extends ElementType {
40
40
  onChange: (value: string | number | boolean | any[]) => void;
41
41
  }
42
- declare const NumberElement: (props: ElementExecuterProps$1) => React$1.JSX.Element;
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
- declare const CkEditor: React$1.FC;
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(checkedList);
213
+ props.onChange(list);
215
214
  }
216
215
  };
217
216
  const onHandleAllChanges = (e) => {
218
- setCheckedList(e.target.checked ? plainOptions : []);
217
+ const newList = e.target.checked ? plainOptions : [];
218
+ setCheckedList(newList);
219
219
  if (props.onChange) {
220
- props.onChange(checkedList);
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,17 +248,20 @@ 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
- console.log(editorRef.current.getContent());
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(
260
262
  import_tinymce_react.Editor,
261
263
  {
262
- apiKey: "your-api-key",
264
+ apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
263
265
  onInit: (_evt, editor) => {
264
266
  if (editor)
265
267
  editorRef.current = editor;
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(checkedList);
169
+ props.onChange(list);
171
170
  }
172
171
  };
173
172
  const onHandleAllChanges = (e) => {
174
- setCheckedList(e.target.checked ? plainOptions : []);
173
+ const newList = e.target.checked ? plainOptions : [];
174
+ setCheckedList(newList);
175
175
  if (props.onChange) {
176
- props.onChange(checkedList);
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,17 +204,20 @@ 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
- console.log(editorRef.current.getContent());
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(
216
218
  Editor,
217
219
  {
218
- apiKey: "your-api-key",
220
+ apiKey: "rwpgt7maa54n0pe5mglhkl686p7h57sg6z636n6gf2mio1b9",
219
221
  onInit: (_evt, editor) => {
220
222
  if (editor)
221
223
  editorRef.current = editor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apexcura/ui-components",
3
- "version": "0.0.7-Beta4",
3
+ "version": "0.0.7-Beta6",
4
4
  "description": "Apex cura React components library",
5
5
  "keywords": [
6
6
  "apex cura",