@pdfme/schemas
Version:
TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
101 lines • 3.98 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.propPanel = void 0;
const common_1 = require("@pdfme/common");
const helper_js_1 = require("./helper.js");
const constants_js_1 = require("../constants.js");
exports.propPanel = {
schema: ({ activeSchema, options, i18n }) => {
// @ts-expect-error Type casting is necessary here as the activeSchema type is generic
const tableSchema = activeSchema;
const head = tableSchema.head || [];
const showHead = tableSchema.showHead || false;
const font = options.font || { [common_1.DEFAULT_FONT_NAME]: { data: '', fallback: true } };
const fontNames = Object.keys(font);
const fallbackFontName = (0, common_1.getFallbackFontName)(font);
return {
showHead: {
title: i18n('schemas.table.showHead'),
type: 'boolean',
widget: 'checkbox',
span: 24,
},
'-------': { type: 'void', widget: 'Divider' },
tableStyles: {
title: i18n('schemas.table.tableStyle'),
type: 'object',
widget: 'Card',
span: 24,
properties: {
borderWidth: {
title: i18n('schemas.borderWidth'),
type: 'number',
widget: 'inputNumber',
props: { min: 0, step: 0.1 },
step: 1,
},
borderColor: {
title: i18n('schemas.borderColor'),
type: 'string',
widget: 'color',
props: {
disabledAlpha: true,
},
rules: [{ pattern: constants_js_1.HEX_COLOR_PATTERN, message: i18n('validation.hexColor') }],
},
},
},
headStyles: {
hidden: !showHead,
title: i18n('schemas.table.headStyle'),
type: 'object',
widget: 'Card',
span: 24,
properties: (0, helper_js_1.getCellPropPanelSchema)({ i18n, fallbackFontName, fontNames }),
},
bodyStyles: {
title: i18n('schemas.table.bodyStyle'),
type: 'object',
widget: 'Card',
span: 24,
properties: (0, helper_js_1.getCellPropPanelSchema)({ i18n, fallbackFontName, fontNames, isBody: true }),
},
columnStyles: {
title: i18n('schemas.table.columnStyle'),
type: 'object',
widget: 'Card',
span: 24,
properties: (0, helper_js_1.getColumnStylesPropPanelSchema)({ head, i18n }),
},
};
},
defaultSchema: {
name: '',
type: 'table',
position: { x: 0, y: 0 },
width: 150,
height: 20,
content: JSON.stringify([
['Alice', 'New York', 'Alice is a freelance web designer and developer'],
['Bob', 'Paris', 'Bob is a freelance illustrator and graphic designer'],
]),
showHead: true,
head: ['Name', 'City', 'Description'],
headWidthPercentages: [30, 30, 40],
tableStyles: {
borderColor: '#000000',
borderWidth: 0.3,
},
headStyles: Object.assign((0, helper_js_1.getDefaultCellStyles)(), {
fontColor: '#ffffff',
backgroundColor: '#2980ba',
borderColor: '',
borderWidth: { top: 0, right: 0, bottom: 0, left: 0 },
}),
bodyStyles: Object.assign((0, helper_js_1.getDefaultCellStyles)(), {
alternateBackgroundColor: '#f5f5f5',
}),
columnStyles: {},
},
};
//# sourceMappingURL=propPanel.js.map