@churchapps/apphelper 0.1.11 → 0.1.12
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/components/markdownEditor/plugins/customLink/FloatingLinkEditor.d.ts.map +1 -1
- package/dist/components/markdownEditor/plugins/customLink/FloatingLinkEditor.js +24 -16
- package/dist/components/markdownEditor/plugins/customLink/FloatingLinkEditor.js.map +1 -1
- package/package.json +1 -1
- package/src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx +26 -20
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingLinkEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,EAAE,EAAa,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAyBrE,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,
|
|
1
|
+
{"version":3,"file":"FloatingLinkEditor.d.ts","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAuB,EAAE,EAAa,MAAM,OAAO,CAAC;AAMlE,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAyBrE,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAgOnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -158,6 +158,29 @@ const FloatingLinkEditor = ({ linkUrl, setLinkUrl, classNamesList, setClassNames
|
|
|
158
158
|
keyNameParts[0] = keyNameParts[0].toLowerCase();
|
|
159
159
|
return keyNameParts.join("");
|
|
160
160
|
};
|
|
161
|
+
const handleVariantChange = (e) => {
|
|
162
|
+
const newArray = [...classNamesList];
|
|
163
|
+
let index = 0;
|
|
164
|
+
newArray.forEach((item, i) => {
|
|
165
|
+
variants.forEach((element) => {
|
|
166
|
+
if (item.includes(getVariantKeyName(element))) {
|
|
167
|
+
index = i;
|
|
168
|
+
}
|
|
169
|
+
;
|
|
170
|
+
});
|
|
171
|
+
});
|
|
172
|
+
newArray.splice(index, 1, e.target.value.toString());
|
|
173
|
+
setClassNamesList(newArray);
|
|
174
|
+
};
|
|
175
|
+
const getVariantItems = () => {
|
|
176
|
+
const result = [];
|
|
177
|
+
variants.forEach((variant, idx) => {
|
|
178
|
+
result.push(react_1.default.createElement(material_1.MenuItem, { key: appearance + " btn-" + getVariantKeyName(variant), value: "btn-" + getVariantKeyName(variant) }, variant));
|
|
179
|
+
if (idx === 4 || idx === 9)
|
|
180
|
+
result.push(react_1.default.createElement(material_1.MenuItem, { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500"));
|
|
181
|
+
});
|
|
182
|
+
return result;
|
|
183
|
+
};
|
|
161
184
|
return (react_1.default.createElement("div", { ref: editorRef, className: "link-editor" },
|
|
162
185
|
react_1.default.createElement(material_1.TextField, { label: "Url", value: linkUrl, onChange: e => { setLinkUrl(e.target.value); }, fullWidth: true, size: "small" }),
|
|
163
186
|
react_1.default.createElement(material_1.FormControl, { fullWidth: true },
|
|
@@ -175,22 +198,7 @@ const FloatingLinkEditor = ({ linkUrl, setLinkUrl, classNamesList, setClassNames
|
|
|
175
198
|
&& react_1.default.createElement("div", null,
|
|
176
199
|
react_1.default.createElement(material_1.FormControl, { fullWidth: true },
|
|
177
200
|
react_1.default.createElement(material_1.InputLabel, null, "Variant"),
|
|
178
|
-
react_1.default.createElement(material_1.Select, { name: "classNames", fullWidth: true, label: "Variant", size: "small", value: classNamesList[1], onChange: (
|
|
179
|
-
const newArray = [...classNamesList];
|
|
180
|
-
let index = 0;
|
|
181
|
-
newArray.forEach((item, i) => {
|
|
182
|
-
variants.forEach((element) => {
|
|
183
|
-
if (item.includes(getVariantKeyName(element))) {
|
|
184
|
-
index = i;
|
|
185
|
-
}
|
|
186
|
-
;
|
|
187
|
-
});
|
|
188
|
-
});
|
|
189
|
-
newArray.splice(index, 1, e.target.value.toString());
|
|
190
|
-
setClassNamesList(newArray);
|
|
191
|
-
} }, variants.map((optionValue, idx) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
192
|
-
react_1.default.createElement(material_1.MenuItem, { key: appearance + " btn-" + getVariantKeyName(optionValue), value: "btn-" + getVariantKeyName(optionValue) }, optionValue),
|
|
193
|
-
(idx === 4 || idx === 9) && react_1.default.createElement(material_1.MenuItem, { disabled: true }, "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500")))))),
|
|
201
|
+
react_1.default.createElement(material_1.Select, { name: "classNames", fullWidth: true, label: "Variant", size: "small", value: classNamesList[1], onChange: handleVariantChange }, getVariantItems())),
|
|
194
202
|
react_1.default.createElement(material_1.FormControl, { fullWidth: true },
|
|
195
203
|
react_1.default.createElement(material_1.InputLabel, null, "Size"),
|
|
196
204
|
react_1.default.createElement(material_1.Select, { name: "classNames", fullWidth: true, label: "Size", size: "small", value: classNamesList[2], onChange: (e) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingLinkEditor.js","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkE;AAClE,kFAAkF;AAClF,0CAA+C;AAC/C,qDAAqD;AACrD,qCAAoG;AACpG,qDAAmE;AAEnE,oDAAmD;AACnD,
|
|
1
|
+
{"version":3,"file":"FloatingLinkEditor.js","sourceRoot":"","sources":["../../../../../src/components/markdownEditor/plugins/customLink/FloatingLinkEditor.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ import { $getSelection, SELECTION_CHANGE_COMMAND, $isRangeSelection, $getNodeByK
|
|
|
6
6
|
import { TOGGLE_CUSTOM_LINK_NODE_COMMAND } from "./CustomLinkNode";
|
|
7
7
|
import { FloatingLinkEditorProps } from "./FloatingLinkEditor.types";
|
|
8
8
|
import { getSelectedNode } from "../ToolbarPlugin";
|
|
9
|
-
import { FormControl, InputLabel, Select, MenuItem, TextField, Button } from "@mui/material";
|
|
9
|
+
import { FormControl, InputLabel, Select, MenuItem, TextField, Button, SelectChangeEvent } from "@mui/material";
|
|
10
10
|
|
|
11
11
|
const positionEditorElement = (editor: HTMLElement, rect: DOMRect | null) => {
|
|
12
12
|
if (rect === null) {
|
|
@@ -171,6 +171,29 @@ const FloatingLinkEditor: FC<FloatingLinkEditorProps> = ({
|
|
|
171
171
|
return keyNameParts.join("");
|
|
172
172
|
}
|
|
173
173
|
|
|
174
|
+
const handleVariantChange = (e: SelectChangeEvent<string>) => {
|
|
175
|
+
const newArray = [...classNamesList];
|
|
176
|
+
let index = 0;
|
|
177
|
+
newArray.forEach((item, i) => {
|
|
178
|
+
variants.forEach((element) => {
|
|
179
|
+
if (item.includes(getVariantKeyName(element))) {
|
|
180
|
+
index = i;
|
|
181
|
+
};
|
|
182
|
+
})
|
|
183
|
+
})
|
|
184
|
+
newArray.splice(index, 1, e.target.value.toString());
|
|
185
|
+
setClassNamesList(newArray);
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
const getVariantItems = () => {
|
|
189
|
+
const result:JSX.Element[] = [];
|
|
190
|
+
variants.forEach((variant: string, idx:number) => {
|
|
191
|
+
result.push(<MenuItem key={appearance + " btn-" + getVariantKeyName(variant)} value={"btn-" + getVariantKeyName(variant)}>{variant}</MenuItem>);
|
|
192
|
+
if (idx===4 || idx===9) result.push(<MenuItem disabled>──────────</MenuItem>)
|
|
193
|
+
})
|
|
194
|
+
return result;
|
|
195
|
+
}
|
|
196
|
+
|
|
174
197
|
return (
|
|
175
198
|
<div ref={editorRef} className="link-editor">
|
|
176
199
|
|
|
@@ -193,25 +216,8 @@ const FloatingLinkEditor: FC<FloatingLinkEditorProps> = ({
|
|
|
193
216
|
&& <div>
|
|
194
217
|
<FormControl fullWidth>
|
|
195
218
|
<InputLabel>Variant</InputLabel>
|
|
196
|
-
<Select name="classNames" fullWidth label="Variant" size="small" value={ classNamesList[1] } onChange={
|
|
197
|
-
|
|
198
|
-
let index = 0;
|
|
199
|
-
newArray.forEach((item, i) => {
|
|
200
|
-
variants.forEach((element) => {
|
|
201
|
-
if (item.includes(getVariantKeyName(element))) {
|
|
202
|
-
index = i;
|
|
203
|
-
};
|
|
204
|
-
})
|
|
205
|
-
})
|
|
206
|
-
newArray.splice(index, 1, e.target.value.toString());
|
|
207
|
-
setClassNamesList(newArray);
|
|
208
|
-
}}>
|
|
209
|
-
{variants.map((optionValue: string, idx: number) => (
|
|
210
|
-
<>
|
|
211
|
-
<MenuItem key={appearance + " btn-" + getVariantKeyName(optionValue)} value={"btn-" + getVariantKeyName(optionValue)}>{optionValue}</MenuItem>
|
|
212
|
-
{(idx===4 || idx===9) && <MenuItem disabled>──────────</MenuItem>}
|
|
213
|
-
</>
|
|
214
|
-
))}
|
|
219
|
+
<Select name="classNames" fullWidth label="Variant" size="small" value={ classNamesList[1] } onChange={handleVariantChange}>
|
|
220
|
+
{getVariantItems()}
|
|
215
221
|
</Select>
|
|
216
222
|
</FormControl>
|
|
217
223
|
<FormControl fullWidth>
|