react-native-cn-quill
Version:
react-native quill richtext editor
164 lines (163 loc) • 7.22 kB
JavaScript
import { formats, formatType, formatValueType } from '../constants/formats';
import { icons as defaultIcons } from '../constants/icons';
import { getFontName } from './editor-utils';
export const getToolbarData = (options, customIcons, defaultFontFamily) => {
let iconSet = [];
const icons = customIcons
? { ...defaultIcons, ...customIcons }
: defaultIcons;
const isSingle = !(options.length > 0 && Array.isArray(options[0]));
if (isSingle) {
const set = createToolSet(options, icons);
iconSet.push(set);
}
else {
for (let i = 0; i < options.length; i++) {
const opt = options[i];
if (Array.isArray(opt)) {
const set = createToolSet(opt, icons, defaultFontFamily);
iconSet.push(set);
}
else
console.log(opt, 'is not an array, you should pass it as an array');
}
}
return iconSet;
};
const createToolSet = (tools, icons, defaultFontFamily) => {
let ic = [];
for (let i = 0; i < tools.length; i++) {
const opt = tools[i];
if (typeof opt === 'string') {
const format = formats.find((f) => f.name === opt);
if ((format && format.type === formatType.toggle) || !format) {
const formatIcon = icons[opt];
if (formatIcon) {
ic.push({
name: opt,
source: formatIcon,
valueOff: false,
valueOn: true,
type: formatType.toggle,
});
}
else {
ic.push({
name: opt,
valueOff: false,
valueOn: true,
type: formatType.toggle,
});
}
}
}
else if (typeof opt === 'object' && opt !== null) {
const keys = Object.keys(opt);
const values = Object.values(opt);
for (let j = 0; j < keys.length; j++) {
const key = keys[j];
const value = values[j];
const format = formats.find((f) => f.name === key);
if (typeof value === 'string' || typeof value === 'number') {
const formatIcon = icons[key][value];
if (formatIcon) {
ic.push({
name: key,
source: formatIcon,
valueOff: false,
valueOn: value,
type: formatType.toggle,
});
}
else {
ic.push({
name: key,
valueOff: false,
valueOn: value,
type: formatType.toggle,
});
}
}
else if (Array.isArray(value)) {
const formatIcon = icons[key];
let listItems = [];
if ((!format || format.allowCustoms === true) && value.length > 0) {
listItems = value.map((v) => {
let def = format?.defaults?.find((f) => f.value === (v !== '' ? v : false));
if (key === 'font' && defaultFontFamily && def?.value === false) {
def.name = defaultFontFamily;
}
return def
? def
: {
name: v,
value: key === 'font' && v !== false && v !== ''
? getFontName(v)
: v,
type: formatValueType.text,
};
});
}
else if (format?.defaults && value.length === 0) {
listItems = format.defaults;
}
else if (format?.defaults && value.length > 0) {
listItems = format.defaults.filter((f) => value.indexOf(f.value) !== -1);
}
if (listItems.length > 0) {
if (!format || format.type === formatType.select) {
ic.push({
name: key,
values: listItems.map((x) => {
let icon = x.type === formatValueType.icon
? x.value === false
? icons[key]['']
: typeof x.value === 'string'
? icons[key][x.value]
: undefined
: undefined;
return {
name: x.name,
valueOff: false,
valueOn: x.value,
source: icon,
type: (x.type === formatValueType.icon && icon ? true : false)
? formatType.icon
: formatType.toggle,
};
}),
type: formatType.select,
});
}
else {
ic.push({
name: key,
source: formatIcon,
values: listItems.map((x) => ({
name: x.name,
valueOff: false,
valueOn: x.value,
type: formatType.color,
})),
type: formatType.color,
});
}
}
else {
const fIcon = icons[key];
if (fIcon) {
ic.push({
name: key,
source: fIcon,
valueOff: false,
valueOn: true,
type: formatType.toggle,
});
}
}
}
}
}
}
return ic;
};