@faasjs/ant-design 6.4.4 → 6.6.0

package/README.md

@@ -49,6 +49,7 @@ type FaasItemProps = {
 - [FaasDataWrapper](functions/FaasDataWrapper.md)
 - [Form](functions/Form.md)
 - [FormItem](functions/FormItem.md)
+- [idToTitle](functions/idToTitle.md)
 - [Link](functions/Link.md)
 - [Loading](functions/Loading.md)
 - [Modal](functions/Modal.md)
@@ -59,7 +60,6 @@ type FaasItemProps = {
 - [Title](functions/Title.md)
 - [transferOptions](functions/transferOptions.md)
 - [transferValue](functions/transferValue.md)
-- [upperFirst](functions/upperFirst.md)
 - [useApp](functions/useApp.md)
 - [useConfigContext](functions/useConfigContext.md)
 - [useDrawer](functions/useDrawer.md)
@@ -104,6 +104,7 @@ type FaasItemProps = {
 - [ExtendTableTypeProps](type-aliases/ExtendTableTypeProps.md)
 - [ExtendTypes](type-aliases/ExtendTypes.md)
 - [FaasDataInjection](type-aliases/FaasDataInjection.md)
+- [FaasDataWrapperRef](type-aliases/FaasDataWrapperRef.md)
 - [FaasItemType](type-aliases/FaasItemType.md)
 - [FaasItemTypeValue](type-aliases/FaasItemTypeValue.md)
 - [FormSubmitProps](type-aliases/FormSubmitProps.md)

package/dist/index.cjs

@@ -241,14 +241,15 @@ function Blank(options) {
   return !options || options.value === void 0 || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
 Blank.whyDidYouRender = true;
-function upperFirst(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
+function idToTitle(id) {
+  const splitted = id.split(/(\s|_|-)/).filter((word) => !/(\s|_|-)/.test(word)).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  return splitted.charAt(0).toUpperCase() + splitted.slice(1);
 }
 function transferOptions(options) {
   if (!options) return [];
   return options.map(
     (item) => typeof item === "object" ? item : {
-      label: upperFirst(item.toString()),
+      label: idToTitle(item.toString()),
       value: item
     }
   );
@@ -324,8 +325,7 @@ function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = react$1.useState();
   react$1.useEffect(() => {
     const propsCopy = { ...props };
-    if (!propsCopy.item.title)
-      propsCopy.item.title = upperFirst(propsCopy.item.id);
+    propsCopy.item.title = propsCopy.item.title ?? idToTitle(propsCopy.item.id);
     if (!propsCopy.item.type) propsCopy.item.type = "string";
     if (propsCopy.item.options?.length) {
       propsCopy.item.options = transferOptions(propsCopy.item.options);
@@ -468,7 +468,7 @@ function Description({
       ).map((item) => ({
         ...item,
         key: item.id,
-        label: item.title || upperFirst(item.id),
+        label: item.title ?? idToTitle(item.id),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           DescriptionItemContent,
           {
@@ -488,7 +488,7 @@ function isOptionsProps(item) {
   return item && Array.isArray(item.options);
 }
 function processProps(propsCopy, config) {
-  if (!propsCopy.title) propsCopy.title = upperFirst(propsCopy.id);
+  propsCopy.title = propsCopy.title ?? idToTitle(propsCopy.id);
   if (!propsCopy.label && propsCopy.label !== false)
     propsCopy.label = propsCopy.title;
   if (!propsCopy.name) propsCopy.name = propsCopy.id;
@@ -1033,7 +1033,7 @@ function Table(props) {
     for (const item of items) {
       if (!item.key) item.key = item.id;
       if (!item.dataIndex) item.dataIndex = item.id;
-      if (!item.title) item.title = upperFirst(item.id);
+      item.title = item.title ?? idToTitle(item.id);
       if (!item.type) item.type = "string";
       if (item.options?.length) {
         item.options = transferOptions(item.options);
@@ -1535,8 +1535,8 @@ function Tabs(props) {
       ...props,
       items: props.items.filter(Boolean).map((i) => ({
         ...i,
-        key: i.key || i.id,
-        label: i.label || i.title || i.id
+        key: i.key ?? i.id,
+        label: i.label ?? i.title ?? i.id
       }))
     }
   );
@@ -1596,9 +1596,9 @@ exports.Table = Table;
 exports.Tabs = Tabs;
 exports.Title = Title;
 exports.cloneUnionFaasItemElement = cloneUnionFaasItemElement;
+exports.idToTitle = idToTitle;
 exports.transferOptions = transferOptions;
 exports.transferValue = transferValue;
-exports.upperFirst = upperFirst;
 exports.useApp = useApp;
 exports.useConfigContext = useConfigContext;
 exports.useDrawer = useDrawer;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import { FaasReactClientOptions, ErrorBoundaryProps, FaasDataWrapperProps as FaasDataWrapperProps$1, FaasDataInjection as FaasDataInjection$1 } from '@faasjs/react';
-export { ErrorBoundaryProps, faas, useFaas } from '@faasjs/react';
+export { ErrorBoundaryProps, FaasDataWrapperRef, faas, useFaas } from '@faasjs/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StyleProviderProps } from '@ant-design/cssinjs';
 import { DrawerProps as DrawerProps$1, ModalProps as ModalProps$1, ConfigProviderProps as ConfigProviderProps$1, DescriptionsProps, FormItemProps as FormItemProps$1, InputProps, SelectProps, RadioProps, InputNumberProps, SwitchProps, DatePickerProps, FormInstance, TableColumnProps, TablePaginationConfig, TableProps as TableProps$1, FormProps as FormProps$1, ButtonProps, TabsProps as TabsProps$1, GlobalToken } from 'antd';
@@ -266,6 +266,7 @@ interface FaasDataWrapperProps<T = any> extends FaasDataWrapperProps$1<T> {
     loadingProps?: LoadingProps;
     loading?: JSX.Element;
 }
+
 /**
  * FaasDataWrapper component with Loading
  *
@@ -522,7 +523,21 @@ interface FaasItemProps extends BaseItemProps {
      */
     type?: FaasItemType;
 }
-declare function upperFirst(str: string): string;
+/**
+ * Converts an identifier string to a title case string.
+ *
+ * This function takes an identifier string with words separated by underscores,
+ * capitalizes the first letter of each word, and joins them together without spaces.
+ *
+ * @param id - The identifier string to convert.
+ * @returns The converted title case string.
+ *
+ * @example
+ * ```typescript
+ * idToTitle('example_id'); // returns 'ExampleId'
+ * ```
+ */
+declare function idToTitle(id: string): string;
 /**
  * convert string[] or number[] to { label, value }[]
  */
@@ -914,4 +929,4 @@ declare namespace Title {
  */
 declare function useThemeToken(): GlobalToken;
 
-export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, type setDrawerProps, type setModalProps, transferOptions, transferValue, upperFirst, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };
+export { App, type AppProps, type BaseItemProps, type BaseOption, Blank, type BlankProps, ConfigContext, ConfigProvider, type ConfigProviderProps, Description, type DescriptionItemContentProps, type DescriptionItemProps, type DescriptionProps, Drawer, type DrawerProps, ErrorBoundary, type ExtendDescriptionItemProps, type ExtendDescriptionTypeProps, type ExtendFormItemProps, type ExtendFormTypeProps, type ExtendTableItemProps, type ExtendTableTypeProps, type ExtendTypes, type FaasDataInjection, FaasDataWrapper, type FaasDataWrapperProps, type FaasItemProps, type FaasItemType, type FaasItemTypeValue, Form, FormItem, type FormItemProps, type FormProps, type FormSubmitProps, Link, type LinkProps, Loading, type LoadingProps, Modal, type ModalProps, PageNotFound, Routes, type RoutesProps, type TabProps, Table, type TableItemProps, type TableProps, Tabs, type TabsProps, Title, type TitleProps, type UnionFaasItemElement, type UnionFaasItemInjection, type UnionFaasItemProps, type UnionFaasItemRender, type UnionScene, cloneUnionFaasItemElement, idToTitle, type setDrawerProps, type setModalProps, transferOptions, transferValue, useApp, type useAppProps, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/dist/index.mjs

@@ -237,14 +237,15 @@ function Blank(options) {
   return !options || options.value === void 0 || options.value === null || Array.isArray(options.value) && !options.value.length || options.value === "" ? /* @__PURE__ */ jsx(Typography.Text, { disabled: true, children: options?.text || theme2.Blank.text }) : options.value;
 }
 Blank.whyDidYouRender = true;
-function upperFirst(str) {
-  return str.charAt(0).toUpperCase() + str.slice(1);
+function idToTitle(id) {
+  const splitted = id.split(/(\s|_|-)/).filter((word) => !/(\s|_|-)/.test(word)).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
+  return splitted.charAt(0).toUpperCase() + splitted.slice(1);
 }
 function transferOptions(options) {
   if (!options) return [];
   return options.map(
     (item) => typeof item === "object" ? item : {
-      label: upperFirst(item.toString()),
+      label: idToTitle(item.toString()),
       value: item
     }
   );
@@ -320,8 +321,7 @@ function DescriptionItemContent(props) {
   const [computedProps, setComputedProps] = useState();
   useEffect(() => {
     const propsCopy = { ...props };
-    if (!propsCopy.item.title)
-      propsCopy.item.title = upperFirst(propsCopy.item.id);
+    propsCopy.item.title = propsCopy.item.title ?? idToTitle(propsCopy.item.id);
     if (!propsCopy.item.type) propsCopy.item.type = "string";
     if (propsCopy.item.options?.length) {
       propsCopy.item.options = transferOptions(propsCopy.item.options);
@@ -464,7 +464,7 @@ function Description({
       ).map((item) => ({
         ...item,
         key: item.id,
-        label: item.title || upperFirst(item.id),
+        label: item.title ?? idToTitle(item.id),
         children: /* @__PURE__ */ jsx(
           DescriptionItemContent,
           {
@@ -484,7 +484,7 @@ function isOptionsProps(item) {
   return item && Array.isArray(item.options);
 }
 function processProps(propsCopy, config) {
-  if (!propsCopy.title) propsCopy.title = upperFirst(propsCopy.id);
+  propsCopy.title = propsCopy.title ?? idToTitle(propsCopy.id);
   if (!propsCopy.label && propsCopy.label !== false)
     propsCopy.label = propsCopy.title;
   if (!propsCopy.name) propsCopy.name = propsCopy.id;
@@ -1029,7 +1029,7 @@ function Table(props) {
     for (const item of items) {
       if (!item.key) item.key = item.id;
       if (!item.dataIndex) item.dataIndex = item.id;
-      if (!item.title) item.title = upperFirst(item.id);
+      item.title = item.title ?? idToTitle(item.id);
       if (!item.type) item.type = "string";
       if (item.options?.length) {
         item.options = transferOptions(item.options);
@@ -1531,8 +1531,8 @@ function Tabs(props) {
       ...props,
       items: props.items.filter(Boolean).map((i) => ({
         ...i,
-        key: i.key || i.id,
-        label: i.label || i.title || i.id
+        key: i.key ?? i.id,
+        label: i.label ?? i.title ?? i.id
       }))
     }
   );
@@ -1561,4 +1561,4 @@ function useThemeToken() {
   return config.token;
 }
 
-export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, transferOptions, transferValue, upperFirst, useApp, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };
+export { App, Blank, ConfigContext, ConfigProvider, Description, Drawer, ErrorBoundary, FaasDataWrapper, Form, FormItem, Link, Loading, Modal, PageNotFound, Routes, Table, Tabs, Title, cloneUnionFaasItemElement, idToTitle, transferOptions, transferValue, useApp, useConfigContext, useDrawer, useModal, useThemeToken, withFaasData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "6.4.4",
+  "version": "6.6.0",
   "license": "MIT",
   "type": "module",
   "main": "dist/index.cjs",
@@ -30,7 +30,7 @@
     "dist"
   ],
   "peerDependencies": {
-    "@faasjs/react": "6.4.4",
+    "@faasjs/react": "6.6.0",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@types/lodash-es": "*",
-    "@faasjs/react": "6.4.4",
+    "@faasjs/react": "6.6.0",
     "antd": "*",
     "@ant-design/icons": "*",
     "lodash-es": "*",