niu/kintone-plugin-docx
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

remove kintone-pretty-fields library dependency.

Browse Source
This commit is contained in:
Yoshihiro OKUMURA
2025-05-29 22:31:19 +09:00
parent 112d0461fa
commit 271e29ee33
5 changed files with 87 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/config/Settings.tsx
View File

@ -1,7 +1,7 @@
import React from 'react';
import { KintoneRestAPIClient } from '@kintone/rest-api-client';
import { kintonePrettyFields } from 'kintone-pretty-fields';
import { Properties as KintoneFormFieldProperties } from '@kintone/rest-api-client/lib/src/client/types';
import moize from 'moize';
import invariant from 'tiny-invariant';
import { PLUGIN_ID } from '../common/global';
@ -16,28 +16,30 @@ import KintonePluginTitle from '../common/ui/KintonePluginTitle';
import styles from './Settings.module.css';
const cachedFields = moize.promise(async (appId: number) => {
const cachedFormFieldsProperties = moize.promise(async (appId: number): Promise<KintoneFormFieldProperties> => {
const client = new KintoneRestAPIClient();
const fields = await kintonePrettyFields.getFields({ client, app: appId, lang: 'en', preview: false });
return fields;
const { properties } = await client.app.getFormFields({ app: appId, lang: 'en', preview: false });
return properties;
});
const Settings: React.FC = () => {
const config = kintone.plugin.app.getConfig(PLUGIN_ID);
const appId = kintone.app.getId();
invariant(appId, 'The app ID is not available. Please ensure you are on a Kintone app page.');
const { fields } = React.use(cachedFields(appId));
const fileFields = fields.filter(kintonePrettyFields.isFile);
const properties = React.use(cachedFormFieldsProperties(appId));
const fileFields = Object.values(properties).filter((property) => property.type === 'FILE');
const options: KintonePluginSelectOptionData[] = [
{ key: '-', value: '', label: 'Select a File field', disabled: true }, // Default option
...fileFields.map((field) => ({
key: field.code,
value: field.code,
label: field.label,
...fileFields.map((property) => ({
key: property.code,
value: property.code,
label: property.label,
})),
];
const [template, setTemplate] = React.useState<string>(config.template ?? '');
const [template, setTemplate] = React.useState<string>(
() => options.find((option) => option.value === (config.template ?? ''))?.value ?? '',
);
const handleOnSubmit = (e: React.FormEvent<HTMLFormElement>) => {
e.preventDefault();