@powerhousedao/builder-tools 6.0.0-staging.4 → 6.0.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.
Files changed (154) hide show
  1. package/dist/index.d.mts +176 -0
  2. package/dist/index.d.mts.map +1 -0
  3. package/dist/index.mjs +639 -0
  4. package/dist/index.mjs.map +1 -0
  5. package/package.json +24 -29
  6. package/dist/connect-build/build.d.ts +0 -6
  7. package/dist/connect-build/build.d.ts.map +0 -1
  8. package/dist/connect-build/build.js +0 -54
  9. package/dist/connect-build/build.js.map +0 -1
  10. package/dist/connect-build/constants.d.ts +0 -11
  11. package/dist/connect-build/constants.d.ts.map +0 -1
  12. package/dist/connect-build/constants.js +0 -11
  13. package/dist/connect-build/constants.js.map +0 -1
  14. package/dist/connect-build/helpers.d.ts +0 -37
  15. package/dist/connect-build/helpers.d.ts.map +0 -1
  16. package/dist/connect-build/helpers.js +0 -111
  17. package/dist/connect-build/helpers.js.map +0 -1
  18. package/dist/connect-build/index.d.ts +0 -5
  19. package/dist/connect-build/index.d.ts.map +0 -1
  20. package/dist/connect-build/index.js +0 -4
  21. package/dist/connect-build/index.js.map +0 -1
  22. package/dist/connect-build/preview.d.ts +0 -3
  23. package/dist/connect-build/preview.d.ts.map +0 -1
  24. package/dist/connect-build/preview.js +0 -19
  25. package/dist/connect-build/preview.js.map +0 -1
  26. package/dist/connect-build/types.d.ts +0 -27
  27. package/dist/connect-build/types.d.ts.map +0 -1
  28. package/dist/connect-build/types.js +0 -2
  29. package/dist/connect-build/types.js.map +0 -1
  30. package/dist/connect-studio/index.d.ts +0 -3
  31. package/dist/connect-studio/index.d.ts.map +0 -1
  32. package/dist/connect-studio/index.js +0 -2
  33. package/dist/connect-studio/index.js.map +0 -1
  34. package/dist/connect-studio/server.d.ts +0 -3
  35. package/dist/connect-studio/server.d.ts.map +0 -1
  36. package/dist/connect-studio/server.js +0 -234
  37. package/dist/connect-studio/server.js.map +0 -1
  38. package/dist/connect-studio/studio.d.ts +0 -3
  39. package/dist/connect-studio/studio.d.ts.map +0 -1
  40. package/dist/connect-studio/studio.js +0 -66
  41. package/dist/connect-studio/studio.js.map +0 -1
  42. package/dist/connect-studio/types.d.ts +0 -28
  43. package/dist/connect-studio/types.d.ts.map +0 -1
  44. package/dist/connect-studio/types.js +0 -2
  45. package/dist/connect-studio/types.js.map +0 -1
  46. package/dist/connect-utils/build.d.ts +0 -3
  47. package/dist/connect-utils/build.d.ts.map +0 -1
  48. package/dist/connect-utils/build.js +0 -21
  49. package/dist/connect-utils/build.js.map +0 -1
  50. package/dist/connect-utils/constants.d.ts +0 -5
  51. package/dist/connect-utils/constants.d.ts.map +0 -1
  52. package/dist/connect-utils/constants.js +0 -5
  53. package/dist/connect-utils/constants.js.map +0 -1
  54. package/dist/connect-utils/helpers.d.ts +0 -48
  55. package/dist/connect-utils/helpers.d.ts.map +0 -1
  56. package/dist/connect-utils/helpers.js +0 -265
  57. package/dist/connect-utils/helpers.js.map +0 -1
  58. package/dist/connect-utils/index.d.ts +0 -15
  59. package/dist/connect-utils/index.d.ts.map +0 -1
  60. package/dist/connect-utils/index.js +0 -15
  61. package/dist/connect-utils/index.js.map +0 -1
  62. package/dist/connect-utils/preview.d.ts +0 -3
  63. package/dist/connect-utils/preview.d.ts.map +0 -1
  64. package/dist/connect-utils/preview.js +0 -33
  65. package/dist/connect-utils/preview.js.map +0 -1
  66. package/dist/connect-utils/studio.d.ts +0 -7
  67. package/dist/connect-utils/studio.d.ts.map +0 -1
  68. package/dist/connect-utils/studio.js +0 -30
  69. package/dist/connect-utils/studio.js.map +0 -1
  70. package/dist/connect-utils/types.d.ts +0 -37
  71. package/dist/connect-utils/types.d.ts.map +0 -1
  72. package/dist/connect-utils/types.js +0 -2
  73. package/dist/connect-utils/types.js.map +0 -1
  74. package/dist/connect-utils/vite-config.d.ts +0 -61
  75. package/dist/connect-utils/vite-config.d.ts.map +0 -1
  76. package/dist/connect-utils/vite-config.js +0 -282
  77. package/dist/connect-utils/vite-config.js.map +0 -1
  78. package/dist/connect-utils/vite-plugins/base.d.ts +0 -10
  79. package/dist/connect-utils/vite-plugins/base.d.ts.map +0 -1
  80. package/dist/connect-utils/vite-plugins/base.js +0 -130
  81. package/dist/connect-utils/vite-plugins/base.js.map +0 -1
  82. package/dist/connect-utils/vite-plugins/document-models-hmr.d.ts +0 -3
  83. package/dist/connect-utils/vite-plugins/document-models-hmr.d.ts.map +0 -1
  84. package/dist/connect-utils/vite-plugins/document-models-hmr.js +0 -62
  85. package/dist/connect-utils/vite-plugins/document-models-hmr.js.map +0 -1
  86. package/dist/connect-utils/vite-plugins/editors-hmr.d.ts +0 -3
  87. package/dist/connect-utils/vite-plugins/editors-hmr.d.ts.map +0 -1
  88. package/dist/connect-utils/vite-plugins/editors-hmr.js +0 -61
  89. package/dist/connect-utils/vite-plugins/editors-hmr.js.map +0 -1
  90. package/dist/connect-utils/vite-plugins/external-packages.d.ts +0 -3
  91. package/dist/connect-utils/vite-plugins/external-packages.d.ts.map +0 -1
  92. package/dist/connect-utils/vite-plugins/external-packages.js +0 -127
  93. package/dist/connect-utils/vite-plugins/external-packages.js.map +0 -1
  94. package/dist/connect-utils/vite-plugins/importmap.d.ts +0 -23
  95. package/dist/connect-utils/vite-plugins/importmap.d.ts.map +0 -1
  96. package/dist/connect-utils/vite-plugins/importmap.js +0 -243
  97. package/dist/connect-utils/vite-plugins/importmap.js.map +0 -1
  98. package/dist/connect-utils/vite-plugins/ph-external-packages.d.ts +0 -2
  99. package/dist/connect-utils/vite-plugins/ph-external-packages.d.ts.map +0 -1
  100. package/dist/connect-utils/vite-plugins/ph-external-packages.js +0 -88
  101. package/dist/connect-utils/vite-plugins/ph-external-packages.js.map +0 -1
  102. package/dist/connect-utils/vite-plugins/studio.d.ts +0 -3
  103. package/dist/connect-utils/vite-plugins/studio.d.ts.map +0 -1
  104. package/dist/connect-utils/vite-plugins/studio.js +0 -33
  105. package/dist/connect-utils/vite-plugins/studio.js.map +0 -1
  106. package/dist/editor-utils/components/documentEditor.d.ts +0 -7
  107. package/dist/editor-utils/components/documentEditor.d.ts.map +0 -1
  108. package/dist/editor-utils/components/documentEditor.js +0 -6
  109. package/dist/editor-utils/components/documentEditor.js.map +0 -1
  110. package/dist/editor-utils/components/editorToolbar.d.ts +0 -11
  111. package/dist/editor-utils/components/editorToolbar.d.ts.map +0 -1
  112. package/dist/editor-utils/components/editorToolbar.js +0 -6
  113. package/dist/editor-utils/components/editorToolbar.js.map +0 -1
  114. package/dist/editor-utils/components/editorWorksheet.d.ts +0 -7
  115. package/dist/editor-utils/components/editorWorksheet.d.ts.map +0 -1
  116. package/dist/editor-utils/components/editorWorksheet.js +0 -5
  117. package/dist/editor-utils/components/editorWorksheet.js.map +0 -1
  118. package/dist/editor-utils/components/index.d.ts +0 -9
  119. package/dist/editor-utils/components/index.d.ts.map +0 -1
  120. package/dist/editor-utils/components/index.js +0 -10
  121. package/dist/editor-utils/components/index.js.map +0 -1
  122. package/dist/editor-utils/components/styles.d.ts +0 -40
  123. package/dist/editor-utils/components/styles.d.ts.map +0 -1
  124. package/dist/editor-utils/components/styles.js +0 -79
  125. package/dist/editor-utils/components/styles.js.map +0 -1
  126. package/dist/editor-utils/components/stylesVariant.d.ts +0 -40
  127. package/dist/editor-utils/components/stylesVariant.d.ts.map +0 -1
  128. package/dist/editor-utils/components/stylesVariant.js +0 -89
  129. package/dist/editor-utils/components/stylesVariant.js.map +0 -1
  130. package/dist/editor-utils/components/textInput.d.ts +0 -20
  131. package/dist/editor-utils/components/textInput.d.ts.map +0 -1
  132. package/dist/editor-utils/components/textInput.js +0 -84
  133. package/dist/editor-utils/components/textInput.js.map +0 -1
  134. package/dist/editor-utils/components/textInputVariant.d.ts +0 -21
  135. package/dist/editor-utils/components/textInputVariant.d.ts.map +0 -1
  136. package/dist/editor-utils/components/textInputVariant.js +0 -93
  137. package/dist/editor-utils/components/textInputVariant.js.map +0 -1
  138. package/dist/editor-utils/components/toolbarButton.d.ts +0 -7
  139. package/dist/editor-utils/components/toolbarButton.d.ts.map +0 -1
  140. package/dist/editor-utils/components/toolbarButton.js +0 -9
  141. package/dist/editor-utils/components/toolbarButton.js.map +0 -1
  142. package/dist/editor-utils/index.d.ts +0 -3
  143. package/dist/editor-utils/index.d.ts.map +0 -1
  144. package/dist/editor-utils/index.js +0 -3
  145. package/dist/editor-utils/index.js.map +0 -1
  146. package/dist/editor-utils/reducer.d.ts +0 -3
  147. package/dist/editor-utils/reducer.d.ts.map +0 -1
  148. package/dist/editor-utils/reducer.js +0 -25
  149. package/dist/editor-utils/reducer.js.map +0 -1
  150. package/dist/index.d.ts +0 -4
  151. package/dist/index.d.ts.map +0 -1
  152. package/dist/index.js +0 -4
  153. package/dist/index.js.map +0 -1
  154. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,5 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function EditorWorksheet(props) {
3
- return (_jsx("div", { className: "editor-worksheet", children: _jsx("div", { className: "editor-worksheet--page", children: props.children }) }));
4
- }
5
- //# sourceMappingURL=editorWorksheet.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"editorWorksheet.js","sourceRoot":"","sources":["../../../editor-utils/components/editorWorksheet.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,eAAe,CAC7B,KAA8C;IAE9C,OAAO,CACL,cAAK,SAAS,EAAC,kBAAkB,YAC/B,cAAK,SAAS,EAAC,wBAAwB,YAAE,KAAK,CAAC,QAAQ,GAAO,GAC1D,CACP,CAAC;AACJ,CAAC"}
@@ -1,9 +0,0 @@
1
- export { DocumentEditor } from "./documentEditor.js";
2
- export { EditorToolbar } from "./editorToolbar.js";
3
- export { EditorWorksheet } from "./editorWorksheet.js";
4
- export * as styles from "./styles.js";
5
- export * as stylesVariant from "./stylesVariant.js";
6
- export { TextInput } from "./textInput.js";
7
- export { TextInputVariant } from "./textInputVariant.js";
8
- export { ToolbarButton } from "./toolbarButton.js";
9
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
@@ -1,10 +0,0 @@
1
- export { DocumentEditor } from "./documentEditor.js";
2
- export { EditorToolbar } from "./editorToolbar.js";
3
- export { EditorWorksheet } from "./editorWorksheet.js";
4
- export * as styles from "./styles.js";
5
- export * as stylesVariant from "./stylesVariant.js";
6
- export { TextInput } from "./textInput.js";
7
- export { TextInputVariant } from "./textInputVariant.js";
8
- export { ToolbarButton } from "./toolbarButton.js";
9
- // import "./styles.css";
10
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../editor-utils/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,MAAM,MAAM,aAAa,CAAC;AACtC,OAAO,KAAK,aAAa,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,yBAAyB"}
@@ -1,40 +0,0 @@
1
- import type { CSSProperties } from "react";
2
- type ColorTheme = "light" | "dark";
3
- declare const colorScheme: {
4
- light: {
5
- color: string;
6
- bgColor: string;
7
- border: string;
8
- shadow: string;
9
- inputColor: string;
10
- inputBg: string;
11
- };
12
- dark: {
13
- color: string;
14
- bgColor: string;
15
- border: string;
16
- shadow: string;
17
- inputColor: string;
18
- inputBg: string;
19
- };
20
- };
21
- type TypographySize = "huge" | "larger" | "large" | "medium" | "small" | "smaller" | "tiny";
22
- type TypographyScheme = {
23
- [K in TypographySize]: CSSProperties;
24
- };
25
- declare const typographySizes: TypographyScheme;
26
- declare const inputStyle: (mode?: keyof typeof colorScheme, focus?: boolean) => {
27
- width: string;
28
- border: string;
29
- boxSizing: "border-box";
30
- backgroundColor: string;
31
- outline: string;
32
- color: string;
33
- resize: "none";
34
- fontFamily: "Roboto, sans-serif";
35
- overflow: "hidden";
36
- lineHeight: string;
37
- };
38
- export type { ColorTheme, TypographyScheme, TypographySize };
39
- export { colorScheme, inputStyle, typographySizes };
40
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBhB,CAAC;AAEF,KAAK,cAAc,GACf,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AACX,KAAK,gBAAgB,GAAG;KAAG,CAAC,IAAI,cAAc,GAAG,aAAa;CAAE,CAAC;AAEjE,QAAA,MAAM,eAAe,EAAE,gBA2CtB,CAAC;AAEF,QAAA,MAAM,UAAU,GACd,OAAM,MAAM,OAAO,WAAqB,EACxC,eAAa;;;;;;;;;;;CAgBd,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
@@ -1,79 +0,0 @@
1
- const colorScheme = {
2
- light: {
3
- color: "#222222",
4
- bgColor: "#FFFFFF",
5
- border: "#EEEEEE",
6
- shadow: "rgba(128,128,128,0.65)",
7
- inputColor: "#222222",
8
- inputBg: "#F6F6F6",
9
- },
10
- dark: {
11
- color: "#E6E6E6",
12
- bgColor: "#181818",
13
- border: "#181818",
14
- shadow: "rgba(0, 0, 0, 0.25)",
15
- inputColor: "#E6E6E6",
16
- inputBg: "#222222",
17
- },
18
- };
19
- const typographySizes = {
20
- huge: {
21
- fontSize: "36pt",
22
- fontWeight: "bold",
23
- padding: "6pt",
24
- margin: "30pt 0 0 0",
25
- },
26
- larger: {
27
- fontSize: "24pt",
28
- fontWeight: "bold",
29
- padding: "6pt",
30
- margin: "18pt 0 0 0",
31
- },
32
- large: {
33
- fontSize: "18pt",
34
- fontWeight: "bold",
35
- padding: "6pt",
36
- margin: "12pt 0 0 0",
37
- },
38
- medium: {
39
- fontSize: "11pt",
40
- fontWeight: "bold",
41
- padding: "6pt",
42
- margin: "5pt 0 0 0",
43
- },
44
- small: {
45
- fontSize: "10pt",
46
- fontWeight: "normal",
47
- padding: "6pt",
48
- margin: "0",
49
- },
50
- smaller: {
51
- fontSize: "9pt",
52
- fontWeight: "normal",
53
- padding: "6pt",
54
- margin: "0",
55
- },
56
- tiny: {
57
- fontSize: "8pt",
58
- fontWeight: "normal",
59
- padding: "6pt",
60
- margin: "0",
61
- },
62
- };
63
- const inputStyle = (mode = "light", focus = false) => {
64
- const scheme = colorScheme[mode];
65
- return {
66
- width: "100%",
67
- border: "none",
68
- boxSizing: "border-box",
69
- backgroundColor: focus ? scheme.inputBg : scheme.bgColor,
70
- outline: "none",
71
- color: scheme.inputColor,
72
- resize: "none",
73
- fontFamily: "Roboto, sans-serif",
74
- overflow: "hidden",
75
- lineHeight: "1.5",
76
- };
77
- };
78
- export { colorScheme, inputStyle, typographySizes };
79
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../editor-utils/components/styles.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,wBAAwB;QAChC,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,qBAAqB;QAC7B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAYF,MAAM,eAAe,GAAqB;IACxC,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,WAAW;KACpB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,GAAG;KACZ;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,GAAG;KACZ;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,GAAG;KACZ;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CACjB,OAAiC,OAAO,EACxC,KAAK,GAAG,KAAK,EACb,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEjC,OAAO;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,YAAY;QACvB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;QACxD,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,KAAK;KACM,CAAC;AAC5B,CAAC,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
@@ -1,40 +0,0 @@
1
- import type { CSSProperties } from "react";
2
- type ColorTheme = "light" | "dark";
3
- declare const colorScheme: {
4
- light: {
5
- color: string;
6
- bgColor: string;
7
- border: string;
8
- shadow: string;
9
- inputColor: string;
10
- inputBg: string;
11
- };
12
- dark: {
13
- color: string;
14
- bgColor: string;
15
- border: string;
16
- shadow: string;
17
- inputColor: string;
18
- inputBg: string;
19
- };
20
- };
21
- type TypographySize = "chapter" | "huge" | "larger" | "large" | "medium" | "small" | "smaller" | "tiny";
22
- type TypographyScheme = {
23
- [K in TypographySize]: CSSProperties;
24
- };
25
- declare const typographySizes: TypographyScheme;
26
- declare const inputStyle: (mode?: keyof typeof colorScheme, focus?: boolean) => {
27
- width: string;
28
- border: string;
29
- boxSizing: "border-box";
30
- backgroundColor: string;
31
- outline: string;
32
- color: string;
33
- resize: "none";
34
- fontFamily: "Roboto, sans-serif";
35
- overflow: "hidden";
36
- lineHeight: string;
37
- };
38
- export type { ColorTheme, TypographyScheme, TypographySize };
39
- export { colorScheme, inputStyle, typographySizes };
40
- //# sourceMappingURL=stylesVariant.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stylesVariant.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/stylesVariant.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;CAiBhB,CAAC;AAEF,KAAK,cAAc,GACf,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,MAAM,CAAC;AACX,KAAK,gBAAgB,GAAG;KAAG,CAAC,IAAI,cAAc,GAAG,aAAa;CAAE,CAAC;AAEjE,QAAA,MAAM,eAAe,EAAE,gBAqDtB,CAAC;AAEF,QAAA,MAAM,UAAU,GACd,OAAM,MAAM,OAAO,WAAqB,EACxC,eAAa;;;;;;;;;;;CAgBd,CAAC;AAEF,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,cAAc,EAAE,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
@@ -1,89 +0,0 @@
1
- const colorScheme = {
2
- light: {
3
- color: "#222222",
4
- bgColor: "#FFFFFF",
5
- border: "#EEEEEE",
6
- shadow: "rgba(128,128,128,0.65)",
7
- inputColor: "#222222",
8
- inputBg: "#F6F6F6",
9
- },
10
- dark: {
11
- color: "#CCCCCC",
12
- bgColor: "#0A0A0A",
13
- border: "#181818",
14
- shadow: "rgba(255, 255, 255, 0.25)",
15
- inputColor: "#CCCCCC",
16
- inputBg: "#1A1D1F",
17
- },
18
- };
19
- const typographySizes = {
20
- chapter: {
21
- fontSize: "64pt",
22
- fontWeight: "bold",
23
- padding: "6pt 24pt",
24
- margin: "0",
25
- lineHeight: 1,
26
- textAlign: "right",
27
- borderLeft: "4px solid",
28
- },
29
- huge: {
30
- fontSize: "32pt",
31
- fontWeight: "normal",
32
- padding: "6pt",
33
- margin: "0 0 0 -6pt",
34
- lineHeight: 1,
35
- },
36
- larger: {
37
- fontSize: "24pt",
38
- fontWeight: "bold",
39
- padding: "6pt",
40
- margin: "-12pt 0 0 0",
41
- },
42
- large: {
43
- fontSize: "18pt",
44
- fontWeight: "bold",
45
- padding: "6pt",
46
- margin: "-10.5pt 0 0 0",
47
- },
48
- medium: {
49
- fontSize: "11pt",
50
- fontWeight: "bold",
51
- padding: "6pt",
52
- margin: "-8pt 0 0 0",
53
- },
54
- small: {
55
- fontSize: "10pt",
56
- fontWeight: "normal",
57
- padding: "6pt",
58
- margin: "-6pt 0 0 0",
59
- },
60
- smaller: {
61
- fontSize: "9pt",
62
- fontWeight: "normal",
63
- padding: "6pt",
64
- margin: "-5pt 0 0 0",
65
- },
66
- tiny: {
67
- fontSize: "8pt",
68
- fontWeight: "normal",
69
- padding: "6pt",
70
- margin: "-8pt 0 0 0",
71
- },
72
- };
73
- const inputStyle = (mode = "light", focus = false) => {
74
- const scheme = colorScheme[mode];
75
- return {
76
- width: "100%",
77
- border: "none",
78
- boxSizing: "border-box",
79
- backgroundColor: focus ? scheme.inputBg : scheme.bgColor,
80
- outline: "none",
81
- color: scheme.inputColor,
82
- resize: "none",
83
- fontFamily: "Roboto, sans-serif",
84
- overflow: "hidden",
85
- lineHeight: "1.5",
86
- };
87
- };
88
- export { colorScheme, inputStyle, typographySizes };
89
- //# sourceMappingURL=stylesVariant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"stylesVariant.js","sourceRoot":"","sources":["../../../editor-utils/components/stylesVariant.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE;QACL,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,wBAAwB;QAChC,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,MAAM,EAAE,2BAA2B;QACnC,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAaF,MAAM,eAAe,GAAqB;IACxC,OAAO,EAAE;QACP,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,UAAU;QACnB,MAAM,EAAE,GAAG;QACX,UAAU,EAAE,CAAC;QACb,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,WAAW;KACxB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;QACpB,UAAU,EAAE,CAAC;KACd;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,aAAa;KACtB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,eAAe;KACxB;IACD,MAAM,EAAE;QACN,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,KAAK;QACf,UAAU,EAAE,QAAQ;QACpB,OAAO,EAAE,KAAK;QACd,MAAM,EAAE,YAAY;KACrB;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,CACjB,OAAiC,OAAO,EACxC,KAAK,GAAG,KAAK,EACb,EAAE;IACF,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,CAAC;IAEjC,OAAO;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,YAAY;QACvB,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO;QACxD,OAAO,EAAE,MAAM;QACf,KAAK,EAAE,MAAM,CAAC,UAAU;QACxB,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,oBAAoB;QAChC,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,KAAK;KACM,CAAC;AAC5B,CAAC,CAAC;AAGF,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC"}
@@ -1,20 +0,0 @@
1
- import type { TypographySize } from "./styles.js";
2
- interface TextInputProps {
3
- readonly theme: "light" | "dark";
4
- readonly size?: TypographySize;
5
- readonly horizontalLine?: boolean;
6
- readonly id?: string;
7
- readonly value?: string;
8
- readonly placeholder?: string;
9
- readonly autoFocus?: boolean;
10
- readonly clearOnSubmit?: boolean;
11
- readonly onSubmit?: {
12
- (value: string): void;
13
- };
14
- readonly onEmpty?: {
15
- (id: string): void;
16
- };
17
- }
18
- export declare function TextInput(props: TextInputProps): import("react/jsx-runtime").JSX.Element;
19
- export {};
20
- //# sourceMappingURL=textInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textInput.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/textInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAGlD,UAAU,cAAc;IACtB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;CAC3C;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAuH9C"}
@@ -1,84 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useRef, useState } from "react";
3
- import { inputStyle, typographySizes } from "./styles.js";
4
- export function TextInput(props) {
5
- const [state, setState] = useState({
6
- value: props.value || "",
7
- hasFocus: false,
8
- pressingEnter: false,
9
- });
10
- useEffect(() => {
11
- setState((state) => state.value !== props.value
12
- ? { ...state, value: props.value || "" }
13
- : state);
14
- }, [props.value]);
15
- const onKeyDown = (e) => {
16
- if (e.key === "Enter") {
17
- setState({ ...state, pressingEnter: true });
18
- e.preventDefault();
19
- }
20
- };
21
- const onKeyUp = (e) => {
22
- if (e.key === "Enter") {
23
- if (e.target && props.onSubmit) {
24
- props.onSubmit(e.target.value);
25
- }
26
- if (props.clearOnSubmit) {
27
- setState({ ...state, value: "", pressingEnter: false });
28
- }
29
- else {
30
- setState({ ...state, pressingEnter: false });
31
- }
32
- e.preventDefault();
33
- }
34
- if (e.key === "Backspace" || e.key === "Delete") {
35
- if (props.onEmpty && e.target.value.length < 1) {
36
- props.onEmpty(props.id || "");
37
- }
38
- e.preventDefault();
39
- }
40
- };
41
- const onInput = (e) => {
42
- if (!state.pressingEnter) {
43
- const target = e.target;
44
- setState({ ...state, value: target.value });
45
- target.style.height = "1px";
46
- target.style.height = target.scrollHeight + "px";
47
- }
48
- };
49
- const setFocus = (f) => {
50
- setState((state) => ({ ...state, hasFocus: f }));
51
- if (!f) {
52
- const newValue = ref.current?.value || "";
53
- const origValue = props.value || "";
54
- if (newValue != origValue && props.onSubmit) {
55
- props.onSubmit(newValue);
56
- if (props.clearOnSubmit) {
57
- setState((state) => ({ ...state, value: "" }));
58
- }
59
- }
60
- }
61
- };
62
- const ref = useRef(null);
63
- useEffect(() => {
64
- const resizeTextArea = () => {
65
- if (ref.current) {
66
- ref.current.style.height = "1px";
67
- ref.current.style.height = ref.current.scrollHeight + "px";
68
- }
69
- };
70
- window.addEventListener("resize", resizeTextArea);
71
- resizeTextArea();
72
- return () => {
73
- window.removeEventListener("resize", resizeTextArea);
74
- };
75
- });
76
- const style = {
77
- ...inputStyle(props.theme, state.hasFocus),
78
- ...typographySizes[props.size || "small"],
79
- };
80
- return (_jsxs("div", { children: [props.horizontalLine ? (_jsx("hr", { style: {
81
- borderColor: inputStyle(props.theme, false).backgroundColor,
82
- } }, "line")) : (""), _jsx("textarea", { autoFocus: props.autoFocus || false, onBlur: (e) => setFocus(false), onFocus: (e) => setFocus(true), onInput: onInput, onKeyDown: onKeyDown, onKeyUp: onKeyUp, placeholder: props.placeholder || "", ref: ref, style: style, value: state.value }, "text")] }));
83
- }
84
- //# sourceMappingURL=textInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textInput.js","sourceRoot":"","sources":["../../../editor-utils/components/textInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAe1D,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;QACjC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE;QACxB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,KAAK;KACrB,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK;YACzB,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,EAAE;YACxC,CAAC,CAAC,KAAK,CACV,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,MAAM,SAAS,GAAG,CAAC,CAAqC,EAAE,EAAE;QAC1D,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;YAC5C,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,CAAC,CAAqC,EAAE,EAAE;QACxD,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC/B,KAAK,CAAC,QAAQ,CAAE,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;YACvD,CAAC;YAED,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;gBACxB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;YAC1D,CAAC;iBAAM,CAAC;gBACN,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC;YAC/C,CAAC;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YAChD,IAAI,KAAK,CAAC,OAAO,IAAK,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;YAChC,CAAC;YACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAgD,CAAC,CAAC,EAAE,EAAE;QACjE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;YACzB,MAAM,MAAM,GAAG,CAAC,CAAC,MAA6B,CAAC;YAC/C,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;YAC5C,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,YAAY,GAAG,IAAI,CAAC;QACnD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,CAAU,EAAE,EAAE;QAC9B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;QAEjD,IAAI,CAAC,CAAC,EAAE,CAAC;YACP,MAAM,QAAQ,GAAG,GAAG,CAAC,OAAO,EAAE,KAAK,IAAI,EAAE,CAAC;YAC1C,MAAM,SAAS,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC;YAEpC,IAAI,QAAQ,IAAI,SAAS,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC;gBAC5C,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;gBACzB,IAAI,KAAK,CAAC,aAAa,EAAE,CAAC;oBACxB,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;gBACjD,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,GAAG,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,GAAG,EAAE;YAC1B,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;gBAChB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC;gBACjC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;YAC7D,CAAC;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QAClD,cAAc,EAAE,CAAC;QAEjB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;QACvD,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG;QACZ,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,CAAC;QAC1C,GAAG,eAAe,CAAC,KAAK,CAAC,IAAI,IAAI,OAAO,CAAC;KAC1C,CAAC;IAEF,OAAO,CACL,0BACG,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CACtB,aAEE,KAAK,EAAE;oBACL,WAAW,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,eAAe;iBAC5D,IAHG,MAAM,CAIV,CACH,CAAC,CAAC,CAAC,CACF,EAAE,CACH,EACD,mBACE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK,EAEnC,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAC9B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAC9B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,EAAE,EACpC,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,KAAK,IATd,MAAM,CAUV,IACE,CACP,CAAC;AACJ,CAAC"}
@@ -1,21 +0,0 @@
1
- import type { TypographySize } from "./stylesVariant.js";
2
- interface TextInputProps {
3
- readonly theme: "light" | "dark";
4
- readonly size?: TypographySize;
5
- readonly horizontalLine?: boolean;
6
- readonly id?: string;
7
- readonly value?: string;
8
- readonly placeholder?: string;
9
- readonly autoFocus?: boolean;
10
- readonly clearOnSubmit?: boolean;
11
- readonly onSubmit?: {
12
- (value: string): void;
13
- };
14
- readonly onEmpty?: {
15
- (id: string): void;
16
- };
17
- readonly labelStyle?: boolean;
18
- }
19
- export declare function TextInputVariant(props: TextInputProps): import("react/jsx-runtime").JSX.Element;
20
- export {};
21
- //# sourceMappingURL=textInputVariant.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textInputVariant.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/textInputVariant.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAGzD,UAAU,cAAc;IACtB,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,cAAc,CAAC;IAC/B,QAAQ,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9C,QAAQ,CAAC,OAAO,CAAC,EAAE;QAAE,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IAC1C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,2CAiIrD"}
@@ -1,93 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { useEffect, useRef, useState } from "react";
3
- import { inputStyle, typographySizes } from "./stylesVariant.js";
4
- export function TextInputVariant(props) {
5
- const [state, setState] = useState({
6
- value: props.value || "",
7
- hasFocus: false,
8
- pressingEnter: false,
9
- });
10
- useEffect(() => {
11
- setState({ ...state, value: props.value || "" });
12
- }, [props.value]);
13
- const onKeyDown = (e) => {
14
- if (e.key === "Enter") {
15
- setState({ ...state, pressingEnter: true });
16
- e.preventDefault();
17
- }
18
- };
19
- const onKeyUp = (e) => {
20
- if (e.key === "Enter") {
21
- if (e.target && props.onSubmit) {
22
- props.onSubmit(e.target.value);
23
- }
24
- if (props.clearOnSubmit) {
25
- setState({ ...state, value: "", pressingEnter: false });
26
- }
27
- else {
28
- setState({ ...state, pressingEnter: false });
29
- }
30
- e.preventDefault();
31
- }
32
- if (e.key === "Backspace" || e.key === "Delete") {
33
- if (props.onEmpty && e.target.value.length < 1) {
34
- props.onEmpty(props.id || "");
35
- }
36
- e.preventDefault();
37
- }
38
- };
39
- const onInput = (e) => {
40
- if (!state.pressingEnter) {
41
- const target = e.target;
42
- setState({ ...state, value: target.value });
43
- target.style.height = "1px";
44
- target.style.height = target.scrollHeight + "px";
45
- }
46
- };
47
- const setFocus = (f) => {
48
- setState({ ...state, hasFocus: f });
49
- if (!f) {
50
- const newValue = ref.current?.value || "";
51
- const origValue = props.value || "";
52
- if (newValue != origValue && props.onSubmit) {
53
- props.onSubmit(newValue);
54
- }
55
- }
56
- };
57
- const ref = useRef(null);
58
- useEffect(() => {
59
- const resizeTextArea = () => {
60
- if (ref.current) {
61
- ref.current.style.height = "1px";
62
- ref.current.style.height = ref.current.scrollHeight + "px";
63
- }
64
- };
65
- window.addEventListener("resize", resizeTextArea);
66
- resizeTextArea();
67
- return () => {
68
- window.removeEventListener("resize", resizeTextArea);
69
- };
70
- });
71
- const style = {
72
- ...inputStyle(props.theme, state.hasFocus),
73
- ...typographySizes[props.size || "small"],
74
- };
75
- if (props.labelStyle) {
76
- style.textAlign = "center";
77
- style.textTransform = "uppercase";
78
- style.backgroundColor = "rgba(0, 0, 255, 0.05)";
79
- style.borderRadius = "8px";
80
- style.padding = "1px 0 4px 0";
81
- style.margin = "0";
82
- style.fontWeight = "bold";
83
- style.fontSize = "8pt";
84
- style.color = "#518EBE";
85
- style.border = "2px solid #518EBE";
86
- style.cursor = "pointer";
87
- style.lineHeight = "1.5";
88
- }
89
- return (_jsxs("div", { children: [props.horizontalLine ? (_jsx("hr", { style: {
90
- borderColor: inputStyle(props.theme, false).backgroundColor,
91
- } }, "line")) : (""), _jsx("textarea", { autoFocus: props.autoFocus || false, onBlur: (e) => setFocus(false), onFocus: (e) => setFocus(true), onInput: onInput, onKeyDown: onKeyDown, onKeyUp: onKeyUp, placeholder: props.placeholder || "", ref: ref, spellCheck: state.hasFocus, style: style, tabIndex: props.labelStyle ? -1 : 1, value: state.value }, "text")] }));
92
- }
93
- //# sourceMappingURL=textInputVariant.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"textInputVariant.js","sourceRoot":"","sources":["../../../editor-utils/components/textInputVariant.tsx"],"names":[],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import type { PropsWithChildren } from "react";
2
- interface ToolbarButtonProps {
3
- readonly onClick?: () => void;
4
- }
5
- export declare function ToolbarButton(props: PropsWithChildren<ToolbarButtonProps>): import("react/jsx-runtime").JSX.Element;
6
- export {};
7
- //# sourceMappingURL=toolbarButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbarButton.d.ts","sourceRoot":"","sources":["../../../editor-utils/components/toolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,iBAAiB,CAAC,kBAAkB,CAAC,2CAgBzE"}
@@ -1,9 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- export function ToolbarButton(props) {
3
- const handleClick = props.onClick ||
4
- (() => {
5
- console.log("No onClick handler attached to button.");
6
- });
7
- return (_jsx("div", { className: "toolbar-button", onClick: handleClick, style: { userSelect: "none" }, children: props.children }));
8
- }
9
- //# sourceMappingURL=toolbarButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"toolbarButton.js","sourceRoot":"","sources":["../../../editor-utils/components/toolbarButton.tsx"],"names":[],"mappings":";AAMA,MAAM,UAAU,aAAa,CAAC,KAA4C;IACxE,MAAM,WAAW,GACf,KAAK,CAAC,OAAO;QACb,CAAC,GAAG,EAAE;YACJ,OAAO,CAAC,GAAG,CAAC,wCAAwC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;IAEL,OAAO,CACL,cACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,YAE5B,KAAK,CAAC,QAAQ,GACX,CACP,CAAC;AACJ,CAAC"}
@@ -1,3 +0,0 @@
1
- export * from "./components/index.js";
2
- export * from "./reducer.js";
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../editor-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC"}
@@ -1,3 +0,0 @@
1
- export * from "./components/index.js";
2
- export * from "./reducer.js";
3
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../editor-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { Action, PHBaseState, PHDocument, Reducer } from "document-model";
2
- export declare function useDocumentReducer<TState extends PHBaseState = PHBaseState>(reducer: Reducer<TState>, initialState: PHDocument<TState>, onError?: (error: unknown) => void): readonly [PHDocument<TState>, (action: Action) => void];
3
- //# sourceMappingURL=reducer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"reducer.d.ts","sourceRoot":"","sources":["../../editor-utils/reducer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,MAAM,EAEN,WAAW,EACX,UAAU,EACV,OAAO,EACR,MAAM,gBAAgB,CAAC;AAGxB,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,WAAW,GAAG,WAAW,EACzE,OAAO,EAAE,OAAO,CAAC,MAAM,CAAC,EACxB,YAAY,EAAE,UAAU,CAAC,MAAM,CAAC,EAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,GACjC,SAAS,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CA0BzD"}
@@ -1,25 +0,0 @@
1
- import { useState } from "react";
2
- export function useDocumentReducer(reducer, initialState, onError) {
3
- const [state, setState] = useState(initialState);
4
- const dispatch = (action, onErrorCallback) => {
5
- setState((_state) => {
6
- try {
7
- const newState = reducer(_state, action);
8
- const operation = newState.operations[action.scope]?.slice(-1)[0];
9
- if (operation?.error) {
10
- const error = new Error(operation.error);
11
- onError?.(error);
12
- onErrorCallback?.(error);
13
- }
14
- return newState;
15
- }
16
- catch (error) {
17
- onError?.(error);
18
- onErrorCallback?.(error);
19
- return _state;
20
- }
21
- });
22
- };
23
- return [state, dispatch];
24
- }
25
- //# sourceMappingURL=reducer.js.map