@etsoo/smarterp-core 1.0.72 → 1.0.74

package/lib/cjs/components/app/ButtonIdentityTypes.js

@@ -27,7 +27,7 @@ function ButtonIdentityTypes(props) {
             }
         }
     }
-    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => data.label, labelEnd: labelEnd, labelField: "label", loadData: async () => identities, value: ids, onValueChange: (ids) => {
+    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => data.label, labelEnd: labelEnd, labelField: "label", loadData: identities, value: ids, onValueChange: (ids) => {
             let newValue = appscript_1.IdentityTypeFlags.None;
             for (const id of ids) {
                 newValue |= id;

package/lib/cjs/components/index.d.ts

@@ -10,5 +10,6 @@ export * from "./org/OrgSwitchPopover";
 export * from "./org/OrgTiplist";
 export * from "./public/ButtonCultures";
 export * from "./public/ButtonCurrencies";
+export * from "./public/ButtonRegions";
 export * from "./public/CultureList";
 export * from "./user/UserTiplist";

package/lib/cjs/components/index.js

@@ -30,6 +30,7 @@ __exportStar(require("./org/OrgTiplist"), exports);
 // public
 __exportStar(require("./public/ButtonCultures"), exports);
 __exportStar(require("./public/ButtonCurrencies"), exports);
+__exportStar(require("./public/ButtonRegions"), exports);
 __exportStar(require("./public/CultureList"), exports);
 // user
 __exportStar(require("./user/UserTiplist"), exports);

package/lib/cjs/components/public/ButtonCultures.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonCultures = ButtonCultures;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const materialui_1 = require("@etsoo/materialui");
 const ICoreServiceApp_1 = require("../../ICoreServiceApp");
+const react_1 = __importDefault(require("react"));
 function ButtonCultures(props) {
     // App
     const app = (0, ICoreServiceApp_1.useRequiredAppContext)();
@@ -24,7 +28,9 @@ function ButtonCultures(props) {
         "ar"
     ];
     defaultCultures.sort((a) => (app.culture.startsWith(a) ? -1 : 0));
-    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name === data.id ? data.englishName : data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: async () => (await app.core.publicApi.getCultures(defaultCultures)) ?? [], onAdd: async (ids) => {
+    // Load data
+    const loadData = react_1.default.useCallback(async () => (await app.core.publicApi.getCultures(defaultCultures)) ?? [], []);
+    return ((0, jsx_runtime_1.jsx)(materialui_1.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;

package/lib/cjs/components/public/ButtonCurrencies.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonCurrencies = ButtonCurrencies;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const materialui_1 = require("@etsoo/materialui");
 const ICoreServiceApp_1 = require("../../ICoreServiceApp");
+const react_1 = __importDefault(require("react"));
 function ButtonCurrencies(props) {
     // App
     const app = (0, ICoreServiceApp_1.useRequiredAppContext)();
@@ -24,7 +28,9 @@ function ButtonCurrencies(props) {
         "NZD"
     ];
     defaultCurrencies.sort((a) => (a.startsWith(app.region) ? -1 : 0));
-    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: async () => (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? [], onAdd: async (ids) => {
+    // Load data
+    const loadData = react_1.default.useCallback(async () => (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? [], []);
+    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: loadData, onAdd: async (ids) => {
             const data = await app.core.publicApi.getCurrencies(ids);
             if (data == null)
                 return false;

package/lib/cjs/components/public/ButtonRegions.d.ts

@@ -0,0 +1,3 @@
+import { ButtonPopupCheckboxProps } from "@etsoo/materialui";
+import { RegionData } from "../../dto/public/RegionData";
+export declare function ButtonRegions(props: Omit<ButtonPopupCheckboxProps<RegionData>, "labelField" | "loadData">): import("react/jsx-runtime").JSX.Element;

package/lib/cjs/components/public/ButtonRegions.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonRegions = ButtonRegions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const materialui_1 = require("@etsoo/materialui");
+const ICoreServiceApp_1 = require("../../ICoreServiceApp");
+const react_1 = __importDefault(require("react"));
+function ButtonRegions(props) {
+    // App
+    const app = (0, ICoreServiceApp_1.useRequiredAppContext)();
+    // Labels
+    const labels = app.getLabels("clickToChoose", "regions");
+    // Destruct
+    const { inputName = "regions", label = labels.regions, labelEnd = labels.clickToChoose, ...rest } = props;
+    const defaultRegions = [
+        "CN",
+        "US",
+        "GB",
+        "IE",
+        "CA",
+        "AU",
+        "NZ",
+        "DE",
+        "FR",
+        "JP",
+        "SG",
+        "HK"
+    ];
+    // Load data
+    const loadData = react_1.default.useCallback(async () => (await app.core.publicApi.getRegions(defaultRegions)) ?? [], []);
+    return ((0, jsx_runtime_1.jsx)(materialui_1.ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: loadData, onAdd: async (ids) => {
+            const data = await app.core.publicApi.getRegions(ids);
+            if (data == null)
+                return false;
+            return data;
+        }, ...rest }));
+}

package/lib/mjs/components/app/ButtonIdentityTypes.js

@@ -21,7 +21,7 @@ export function ButtonIdentityTypes(props) {
             }
         }
     }
-    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => data.label, labelEnd: labelEnd, labelField: "label", loadData: async () => identities, value: ids, onValueChange: (ids) => {
+    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => data.label, labelEnd: labelEnd, labelField: "label", loadData: identities, value: ids, onValueChange: (ids) => {
             let newValue = IdentityTypeFlags.None;
             for (const id of ids) {
                 newValue |= id;

package/lib/mjs/components/index.d.ts

@@ -10,5 +10,6 @@ export * from "./org/OrgSwitchPopover";
 export * from "./org/OrgTiplist";
 export * from "./public/ButtonCultures";
 export * from "./public/ButtonCurrencies";
+export * from "./public/ButtonRegions";
 export * from "./public/CultureList";
 export * from "./user/UserTiplist";

package/lib/mjs/components/index.js

@@ -14,6 +14,7 @@ export * from "./org/OrgTiplist";
 // public
 export * from "./public/ButtonCultures";
 export * from "./public/ButtonCurrencies";
+export * from "./public/ButtonRegions";
 export * from "./public/CultureList";
 // user
 export * from "./user/UserTiplist";

package/lib/mjs/components/public/ButtonCultures.js

@@ -1,6 +1,7 @@
 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();
@@ -21,7 +22,9 @@ export function ButtonCultures(props) {
         "ar"
     ];
     defaultCultures.sort((a) => (app.culture.startsWith(a) ? -1 : 0));
-    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name === data.id ? data.englishName : data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: async () => (await app.core.publicApi.getCultures(defaultCultures)) ?? [], onAdd: async (ids) => {
+    // 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;

package/lib/mjs/components/public/ButtonCurrencies.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonPopupCheckbox } from "@etsoo/materialui";
 import { useRequiredAppContext } from "../../ICoreServiceApp";
+import React from "react";
 export function ButtonCurrencies(props) {
     // App
     const app = useRequiredAppContext();
@@ -21,7 +22,9 @@ export function ButtonCurrencies(props) {
         "NZD"
     ];
     defaultCurrencies.sort((a) => (a.startsWith(app.region) ? -1 : 0));
-    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: async () => (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? [], onAdd: async (ids) => {
+    // Load data
+    const loadData = React.useCallback(async () => (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? [], []);
+    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: loadData, onAdd: async (ids) => {
             const data = await app.core.publicApi.getCurrencies(ids);
             if (data == null)
                 return false;

package/lib/mjs/components/public/ButtonRegions.d.ts

@@ -0,0 +1,3 @@
+import { ButtonPopupCheckboxProps } from "@etsoo/materialui";
+import { RegionData } from "../../dto/public/RegionData";
+export declare function ButtonRegions(props: Omit<ButtonPopupCheckboxProps<RegionData>, "labelField" | "loadData">): import("react/jsx-runtime").JSX.Element;

package/lib/mjs/components/public/ButtonRegions.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ButtonPopupCheckbox } from "@etsoo/materialui";
+import { useRequiredAppContext } from "../../ICoreServiceApp";
+import React from "react";
+export function ButtonRegions(props) {
+    // App
+    const app = useRequiredAppContext();
+    // Labels
+    const labels = app.getLabels("clickToChoose", "regions");
+    // Destruct
+    const { inputName = "regions", label = labels.regions, labelEnd = labels.clickToChoose, ...rest } = props;
+    const defaultRegions = [
+        "CN",
+        "US",
+        "GB",
+        "IE",
+        "CA",
+        "AU",
+        "NZ",
+        "DE",
+        "FR",
+        "JP",
+        "SG",
+        "HK"
+    ];
+    // Load data
+    const loadData = React.useCallback(async () => (await app.core.publicApi.getRegions(defaultRegions)) ?? [], []);
+    return (_jsx(ButtonPopupCheckbox, { inputName: inputName, label: label, labelFormatter: (data) => `${data.name} (${data.id})`, labelEnd: labelEnd, labelField: "name", loadData: loadData, onAdd: async (ids) => {
+            const data = await app.core.publicApi.getRegions(ids);
+            if (data == null)
+                return false;
+            return data;
+        }, ...rest }));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@etsoo/smarterp-core",
-  "version": "1.0.72",
+  "version": "1.0.74",
   "description": "TypeScript APIs for SmartERP Core",
   "main": "lib/cjs/index.js",
   "module": "lib/mjs/index.js",
@@ -53,8 +53,8 @@
     "vitest": "^3.2.2"
   },
   "dependencies": {
-    "@etsoo/appscript": "^1.6.36",
-    "@etsoo/materialui": "^1.5.54",
+    "@etsoo/appscript": "^1.6.38",
+    "@etsoo/materialui": "^1.5.57",
     "@etsoo/react": "^1.8.45",
     "@etsoo/shared": "^1.2.74",
     "@etsoo/toolpad": "^1.0.39",

package/src/components/app/ButtonIdentityTypes.tsx

@@ -70,7 +70,7 @@ export function ButtonIdentityTypes(props: ButtonIdentityTypesProps) {
       labelFormatter={(data) => data.label}
       labelEnd={labelEnd}
       labelField="label"
-      loadData={async () => identities}
+      loadData={identities}
       value={ids}
       onValueChange={(ids) => {
         let newValue = IdentityTypeFlags.None;

package/src/components/index.ts

@@ -17,6 +17,7 @@ export * from "./org/OrgTiplist";
 // public
 export * from "./public/ButtonCultures";
 export * from "./public/ButtonCurrencies";
+export * from "./public/ButtonRegions";
 export * from "./public/CultureList";
 
 // user

package/src/components/public/ButtonCultures.tsx

@@ -4,6 +4,7 @@ import {
 } from "@etsoo/materialui";
 import { useRequiredAppContext } from "../../ICoreServiceApp";
 import { CultureItem } from "@etsoo/appscript";
+import React from "react";
 
 export function ButtonCultures(
   props: Omit<ButtonPopupCheckboxProps<CultureItem>, "labelField" | "loadData">
@@ -37,6 +38,12 @@ export function ButtonCultures(
 
   defaultCultures.sort((a) => (app.culture.startsWith(a) ? -1 : 0));
 
+  // Load data
+  const loadData = React.useCallback(
+    async () => (await app.core.publicApi.getCultures(defaultCultures)) ?? [],
+    []
+  );
+
   return (
     <ButtonPopupCheckbox<CultureItem>
       inputName={inputName}
@@ -46,9 +53,7 @@ export function ButtonCultures(
       }
       labelEnd={labelEnd}
       labelField="name"
-      loadData={async () =>
-        (await app.core.publicApi.getCultures(defaultCultures)) ?? []
-      }
+      loadData={loadData}
       onAdd={async (ids) => {
         const data = await app.core.publicApi.getCultures(ids);
         if (data == null) return false;

package/src/components/public/ButtonCurrencies.tsx

@@ -4,6 +4,7 @@ import {
 } from "@etsoo/materialui";
 import { CurrencyItem } from "../../dto/public/CurrencyItem";
 import { useRequiredAppContext } from "../../ICoreServiceApp";
+import React from "react";
 
 export function ButtonCurrencies(
   props: Omit<ButtonPopupCheckboxProps<CurrencyItem>, "labelField" | "loadData">
@@ -37,6 +38,13 @@ export function ButtonCurrencies(
 
   defaultCurrencies.sort((a) => (a.startsWith(app.region) ? -1 : 0));
 
+  // Load data
+  const loadData = React.useCallback(
+    async () =>
+      (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? [],
+    []
+  );
+
   return (
     <ButtonPopupCheckbox<CurrencyItem>
       inputName={inputName}
@@ -44,9 +52,7 @@ export function ButtonCurrencies(
       labelFormatter={(data) => `${data.name} (${data.id})`}
       labelEnd={labelEnd}
       labelField="name"
-      loadData={async () =>
-        (await app.core.publicApi.getCurrencies(defaultCurrencies)) ?? []
-      }
+      loadData={loadData}
       onAdd={async (ids) => {
         const data = await app.core.publicApi.getCurrencies(ids);
         if (data == null) return false;

package/src/components/public/ButtonRegions.tsx

@@ -0,0 +1,63 @@
+import {
+  ButtonPopupCheckbox,
+  ButtonPopupCheckboxProps
+} from "@etsoo/materialui";
+import { RegionData } from "../../dto/public/RegionData";
+import { useRequiredAppContext } from "../../ICoreServiceApp";
+import React from "react";
+
+export function ButtonRegions(
+  props: Omit<ButtonPopupCheckboxProps<RegionData>, "labelField" | "loadData">
+) {
+  // App
+  const app = useRequiredAppContext();
+
+  // Labels
+  const labels = app.getLabels("clickToChoose", "regions");
+
+  // Destruct
+  const {
+    inputName = "regions",
+    label = labels.regions,
+    labelEnd = labels.clickToChoose,
+    ...rest
+  } = props;
+
+  const defaultRegions = [
+    "CN",
+    "US",
+    "GB",
+    "IE",
+    "CA",
+    "AU",
+    "NZ",
+    "DE",
+    "FR",
+    "JP",
+    "SG",
+    "HK"
+  ];
+
+  // Load data
+  const loadData = React.useCallback(
+    async () => (await app.core.publicApi.getRegions(defaultRegions)) ?? [],
+    []
+  );
+
+  return (
+    <ButtonPopupCheckbox<RegionData>
+      inputName={inputName}
+      label={label}
+      labelFormatter={(data) => `${data.name} (${data.id})`}
+      labelEnd={labelEnd}
+      labelField="name"
+      loadData={loadData}
+      onAdd={async (ids) => {
+        const data = await app.core.publicApi.getRegions(ids);
+        if (data == null) return false;
+        return data;
+      }}
+      {...rest}
+    />
+  );
+}