dn-react-router-toolkit 0.5.4 → 0.5.5

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 (9) hide show
  1. package/dist/crud/crud_form.js +12 -0
  2. package/dist/crud/crud_form.mjs +18 -1
  3. package/dist/crud/crud_form_provider.d.mts +2 -2
  4. package/dist/crud/crud_form_provider.d.ts +2 -2
  5. package/dist/crud/crud_page.js +12 -0
  6. package/dist/crud/crud_page.mjs +18 -1
  7. package/dist/crud/index.js +12 -0
  8. package/dist/crud/index.mjs +18 -1
  9. package/package.json +1 -1
package/dist/crud/crud_form.js CHANGED
@@ -48,6 +48,8 @@ function useFormContext() {
48
48
  var import_store2 = require("dn-react-toolkit/store");
49
49
  var import_react3 = __toESM(require("react"));
50
50
  var import_utils = require("dn-react-toolkit/utils");
51
+ var import_text_editor = require("dn-react-toolkit/text_editor");
52
+ var textarea = (0, import_text_editor.createTextEditor)();
51
53
  function CrudForm({ AdminLayout }) {
52
54
  const form = useFormContext();
53
55
  return /* @__PURE__ */ import_react3.default.createElement(
@@ -90,6 +92,16 @@ function CrudForm({ AdminLayout }) {
90
92
  }
91
93
  );
92
94
  }
95
+ if (value.type === "textarea") {
96
+ const Editor = (0, import_store2.useSyncTextEditor)(textarea);
97
+ return /* @__PURE__ */ import_react3.default.createElement(
98
+ Editor.SyncTextEditor,
99
+ {
100
+ store: form.store,
101
+ property: key
102
+ }
103
+ );
104
+ }
93
105
  if (value.options) {
94
106
  const Component = value.options;
95
107
  return /* @__PURE__ */ import_react3.default.createElement(import_store2.SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ import_react3.default.createElement(Component, null));
package/dist/crud/crud_form.mjs CHANGED
@@ -9,9 +9,16 @@ function useFormContext() {
9
9
  }
10
10
 
11
11
  // src/crud/crud_form.tsx
12
- import { SyncInput, SyncSelect, SyncSwitch } from "dn-react-toolkit/store";
12
+ import {
13
+ SyncInput,
14
+ SyncSelect,
15
+ SyncSwitch,
16
+ useSyncTextEditor
17
+ } from "dn-react-toolkit/store";
13
18
  import React2 from "react";
14
19
  import { moment } from "dn-react-toolkit/utils";
20
+ import { createTextEditor } from "dn-react-toolkit/text_editor";
21
+ var textarea = createTextEditor();
15
22
  function CrudForm({ AdminLayout }) {
16
23
  const form = useFormContext();
17
24
  return /* @__PURE__ */ React2.createElement(
@@ -54,6 +61,16 @@ function CrudForm({ AdminLayout }) {
54
61
  }
55
62
  );
56
63
  }
64
+ if (value.type === "textarea") {
65
+ const Editor = useSyncTextEditor(textarea);
66
+ return /* @__PURE__ */ React2.createElement(
67
+ Editor.SyncTextEditor,
68
+ {
69
+ store: form.store,
70
+ property: key
71
+ }
72
+ );
73
+ }
57
74
  if (value.options) {
58
75
  const Component = value.options;
59
76
  return /* @__PURE__ */ React2.createElement(SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ React2.createElement(Component, null));
package/dist/crud/crud_form_provider.d.mts CHANGED
@@ -6,7 +6,7 @@ type FormState<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TMo
6
6
  };
7
7
  type FormColumnValue<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never> = {
8
8
  label: string;
9
- type?: React.HTMLInputTypeAttribute;
9
+ type?: React.HTMLInputTypeAttribute | "textarea";
10
10
  component?: React.FC<{
11
11
  store: RxStore<FormState<TModel, TPrimaryKey>>;
12
12
  property: string;
@@ -23,7 +23,7 @@ declare function useFormContext<TModel, TPrimaryKey extends keyof TModel = "id"
23
23
  store: RxStore<FormState<TModel, TPrimaryKey>>;
24
24
  submit: () => Promise<void>;
25
25
  delete: () => Promise<void>;
26
- columns: FormColumns<TModel>;
26
+ columns: FormColumns<TModel, TPrimaryKey>;
27
27
  };
28
28
  type CrudFormProps<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never> = {
29
29
  primaryKey?: TPrimaryKey;
package/dist/crud/crud_form_provider.d.ts CHANGED
@@ -6,7 +6,7 @@ type FormState<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TMo
6
6
  };
7
7
  type FormColumnValue<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never> = {
8
8
  label: string;
9
- type?: React.HTMLInputTypeAttribute;
9
+ type?: React.HTMLInputTypeAttribute | "textarea";
10
10
  component?: React.FC<{
11
11
  store: RxStore<FormState<TModel, TPrimaryKey>>;
12
12
  property: string;
@@ -23,7 +23,7 @@ declare function useFormContext<TModel, TPrimaryKey extends keyof TModel = "id"
23
23
  store: RxStore<FormState<TModel, TPrimaryKey>>;
24
24
  submit: () => Promise<void>;
25
25
  delete: () => Promise<void>;
26
- columns: FormColumns<TModel>;
26
+ columns: FormColumns<TModel, TPrimaryKey>;
27
27
  };
28
28
  type CrudFormProps<TModel, TPrimaryKey extends keyof TModel = "id" extends keyof TModel ? "id" : never> = {
29
29
  primaryKey?: TPrimaryKey;
package/dist/crud/crud_page.js CHANGED
@@ -564,6 +564,8 @@ function createTablePage({
564
564
  var import_store2 = require("dn-react-toolkit/store");
565
565
  var import_react8 = __toESM(require("react"));
566
566
  var import_utils3 = require("dn-react-toolkit/utils");
567
+ var import_text_editor = require("dn-react-toolkit/text_editor");
568
+ var textarea = (0, import_text_editor.createTextEditor)();
567
569
  function CrudForm({ AdminLayout }) {
568
570
  const form = useFormContext();
569
571
  return /* @__PURE__ */ import_react8.default.createElement(
@@ -606,6 +608,16 @@ function CrudForm({ AdminLayout }) {
606
608
  }
607
609
  );
608
610
  }
611
+ if (value.type === "textarea") {
612
+ const Editor = (0, import_store2.useSyncTextEditor)(textarea);
613
+ return /* @__PURE__ */ import_react8.default.createElement(
614
+ Editor.SyncTextEditor,
615
+ {
616
+ store: form.store,
617
+ property: key
618
+ }
619
+ );
620
+ }
609
621
  if (value.options) {
610
622
  const Component = value.options;
611
623
  return /* @__PURE__ */ import_react8.default.createElement(import_store2.SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ import_react8.default.createElement(Component, null));
package/dist/crud/crud_page.mjs CHANGED
@@ -533,9 +533,16 @@ function createTablePage({
533
533
  }
534
534
 
535
535
  // src/crud/crud_form.tsx
536
- import { SyncInput, SyncSelect, SyncSwitch } from "dn-react-toolkit/store";
536
+ import {
537
+ SyncInput,
538
+ SyncSelect,
539
+ SyncSwitch,
540
+ useSyncTextEditor
541
+ } from "dn-react-toolkit/store";
537
542
  import React7 from "react";
538
543
  import { moment } from "dn-react-toolkit/utils";
544
+ import { createTextEditor } from "dn-react-toolkit/text_editor";
545
+ var textarea = createTextEditor();
539
546
  function CrudForm({ AdminLayout }) {
540
547
  const form = useFormContext();
541
548
  return /* @__PURE__ */ React7.createElement(
@@ -578,6 +585,16 @@ function CrudForm({ AdminLayout }) {
578
585
  }
579
586
  );
580
587
  }
588
+ if (value.type === "textarea") {
589
+ const Editor = useSyncTextEditor(textarea);
590
+ return /* @__PURE__ */ React7.createElement(
591
+ Editor.SyncTextEditor,
592
+ {
593
+ store: form.store,
594
+ property: key
595
+ }
596
+ );
597
+ }
581
598
  if (value.options) {
582
599
  const Component = value.options;
583
600
  return /* @__PURE__ */ React7.createElement(SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ React7.createElement(Component, null));
package/dist/crud/index.js CHANGED
@@ -162,6 +162,8 @@ function CrudFormProvider({
162
162
  var import_store2 = require("dn-react-toolkit/store");
163
163
  var import_react3 = __toESM(require("react"));
164
164
  var import_utils = require("dn-react-toolkit/utils");
165
+ var import_text_editor = require("dn-react-toolkit/text_editor");
166
+ var textarea = (0, import_text_editor.createTextEditor)();
165
167
  function CrudForm({ AdminLayout }) {
166
168
  const form = useFormContext();
167
169
  return /* @__PURE__ */ import_react3.default.createElement(
@@ -204,6 +206,16 @@ function CrudForm({ AdminLayout }) {
204
206
  }
205
207
  );
206
208
  }
209
+ if (value.type === "textarea") {
210
+ const Editor = (0, import_store2.useSyncTextEditor)(textarea);
211
+ return /* @__PURE__ */ import_react3.default.createElement(
212
+ Editor.SyncTextEditor,
213
+ {
214
+ store: form.store,
215
+ property: key
216
+ }
217
+ );
218
+ }
207
219
  if (value.options) {
208
220
  const Component = value.options;
209
221
  return /* @__PURE__ */ import_react3.default.createElement(import_store2.SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ import_react3.default.createElement(Component, null));
package/dist/crud/index.mjs CHANGED
@@ -117,9 +117,16 @@ function CrudFormProvider({
117
117
  }
118
118
 
119
119
  // src/crud/crud_form.tsx
120
- import { SyncInput, SyncSelect, SyncSwitch } from "dn-react-toolkit/store";
120
+ import {
121
+ SyncInput,
122
+ SyncSelect,
123
+ SyncSwitch,
124
+ useSyncTextEditor
125
+ } from "dn-react-toolkit/store";
121
126
  import React2 from "react";
122
127
  import { moment } from "dn-react-toolkit/utils";
128
+ import { createTextEditor } from "dn-react-toolkit/text_editor";
129
+ var textarea = createTextEditor();
123
130
  function CrudForm({ AdminLayout }) {
124
131
  const form = useFormContext();
125
132
  return /* @__PURE__ */ React2.createElement(
@@ -162,6 +169,16 @@ function CrudForm({ AdminLayout }) {
162
169
  }
163
170
  );
164
171
  }
172
+ if (value.type === "textarea") {
173
+ const Editor = useSyncTextEditor(textarea);
174
+ return /* @__PURE__ */ React2.createElement(
175
+ Editor.SyncTextEditor,
176
+ {
177
+ store: form.store,
178
+ property: key
179
+ }
180
+ );
181
+ }
165
182
  if (value.options) {
166
183
  const Component = value.options;
167
184
  return /* @__PURE__ */ React2.createElement(SyncSelect, { store: form.store, property: key }, /* @__PURE__ */ React2.createElement(Component, null));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dn-react-router-toolkit",
3
- "version": "0.5.4",
3
+ "version": "0.5.5",
4
4
  "types": "./dist/index.d.ts",
5
5
  "main": "./dist/index.mjs",
6
6
  "module": "./dist/index.js",