@etsoo/smarterp-core
Version:
TypeScript APIs for SmartERP Core
34 lines (33 loc) • 1.32 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { ButtonPopupCheckbox } from "@etsoo/materialui";
import { useRequiredAppContext } from "../../ICoreServiceApp";
import React from "react";
export function ButtonCultures(props) {
// App
const app = useRequiredAppContext();
// Labels
const labels = app.getLabels("clickToChoose", "cultures");
// Destruct
const { inputName = "cultures", label = labels.cultures, labelEnd = labels.clickToChoose, ...rest } = props;
const defaultCultures = [
"en",
"zh-Hans",
"zh-Hant",
"fr",
"de",
"ja",
"id",
"es",
"ru",
"ar"
];
defaultCultures.sort((a) => (app.culture.startsWith(a) ? -1 : 0));
// Load data
const loadData = React.useCallback(async () => (await app.core.publicApi.getCultures(defaultCultures)) ?? [], []);
return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name === data.id ? data.englishName : data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: loadData, onAdd: async (ids) => {
const data = await app.core.publicApi.getCultures(ids);
if (data == null)
return false;
return data;
}, ...rest }));
}