@kilnonedre/foundation 0.0.10 → 0.0.12

package/dist/index.d.ts

@@ -136,16 +136,16 @@ type SemanticColorToken = {
 };
 declare const getSemanticColor: (semanticColor: EnumSemanticColor, variant: EnumVariant) => SemanticColorToken;
 
-interface ConfigProp$g {
+interface ConfigProp$h {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
     className?: string;
 }
 
-declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$g) => react_jsx_runtime.JSX.Element;
+declare const Badge: ({ semanticColor, variant, children, className, }: ConfigProp$h) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$f {
+interface ConfigProp$g {
     semanticColor?: EnumSemanticColor;
     variant?: EnumVariant;
     children?: ReactNode;
@@ -157,15 +157,15 @@ interface ConfigProp$f {
     type?: 'button' | 'submit' | 'reset';
 }
 
-declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$f) => react_jsx_runtime.JSX.Element;
+declare const Button: ({ semanticColor, variant, children, className, onClick, disabled, type, size, loading, }: ConfigProp$g) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$e {
+interface ConfigProp$f {
     options: Array<CommonOption>;
     value?: string | null;
     onChange: (_v: string) => void;
 }
 
-declare const CheckboxSingleList: (props: ConfigProp$e) => react_jsx_runtime.JSX.Element;
+declare const CheckboxSingleList: (props: ConfigProp$f) => react_jsx_runtime.JSX.Element;
 
 interface ConfigListRespT<T> {
     items: Array<T>;
@@ -193,7 +193,7 @@ type AdvancedFilterCtx = {
     draftFilters: Record<string, unknown>;
     setDraftFilters: (_updater: (_prev: Record<string, unknown>) => Record<string, unknown>) => void;
 };
-type ConfigProp$d<T, P> = {
+type ConfigProp$e<T, P> = {
     columns: Array<ColumnDef<T>>;
     renderList: (_params: P) => Promise<ConfigApiRespT<ConfigListRespT<T>>>;
     getRowId?: (_row: T) => string;
@@ -221,7 +221,7 @@ declare const KeywordSearchBar: (props: ConfigProps$1) => react_jsx_runtime.JSX.
 
 declare const TableEmpty: () => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$c {
+interface ConfigProp$d {
     id?: string;
     mode: EnumFormMode;
     children: ReactNode;
@@ -235,16 +235,16 @@ interface ConfigProp$c {
     onOpenChange: (_nextOpen: boolean) => void;
 }
 
-declare const TableFormDialog: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
+declare const TableFormDialog: (props: ConfigProp$d) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$b {
+interface ConfigProp$c {
     text: string;
     className?: ClassValue;
 }
 
-declare const TableHeaderText: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
+declare const TableHeaderText: (props: ConfigProp$c) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$a {
+interface ConfigProp$b {
     totalPage: number;
     size: number;
     sizeList: Array<number>;
@@ -253,18 +253,18 @@ interface ConfigProp$a {
     onUpdateSize: (_size: number) => void;
 }
 
-declare const TablePagination: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
+declare const TablePagination: (props: ConfigProp$b) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$9 {
+interface ConfigProp$a {
     text?: string | number;
     wrap?: boolean;
 }
 
-declare const TableText: (props: ConfigProp$9) => react_jsx_runtime.JSX.Element;
+declare const TableText: (props: ConfigProp$a) => react_jsx_runtime.JSX.Element;
 
-declare const DataTable: <T, P>(props: ConfigProp$d<T, P>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <T, P>(props: ConfigProp$e<T, P>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$8 {
+interface ConfigProp$9 {
     children: ReactNode;
     title?: string;
     content?: ReactNode;
@@ -273,9 +273,9 @@ interface ConfigProp$8 {
     onConfirm?: () => void | Promise<void>;
 }
 
-declare const Dialog: (props: ConfigProp$8) => react_jsx_runtime.JSX.Element;
+declare const Dialog: (props: ConfigProp$9) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$7<T> {
+interface ConfigProp$8<T> {
     columns: Array<ColumnDef<T>>;
     list?: Array<T>;
     enableRowSelection?: boolean;
@@ -284,7 +284,7 @@ interface ConfigProp$7<T> {
     navigate?: (_id: UUID) => void;
 }
 
-declare const DisplayTable: <T>(props: ConfigProp$7<T>) => react_jsx_runtime.JSX.Element;
+declare const DisplayTable: <T>(props: ConfigProp$8<T>) => react_jsx_runtime.JSX.Element;
 
 interface ConfigCascaderOption {
     label: string;
@@ -321,7 +321,7 @@ declare const DropdownCascaderMulti: ({ value, ...props }: ConfigDropdownCascade
 
 declare const DropdownCascaderSingle: (props: ConfigDropdownCascaderSingleProp) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$6<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
+interface ConfigProp$7<T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>> {
     id: string;
     name: TName;
     label: string;
@@ -336,16 +336,16 @@ interface ConfigProp$6<T extends FieldValues, TName extends FieldPath<T> = Field
     }) => ReactNode;
 }
 
-declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$6<T, TName>) => react_jsx_runtime.JSX.Element;
+declare const FieldController: <T extends FieldValues, TName extends FieldPath<T> = FieldPath<T>>({ required, ...props }: ConfigProp$7<T, TName>) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$5 {
+interface ConfigProp$6 {
     className?: string;
     children: ReactNode;
 }
 
-declare const FieldGroup: (props: ConfigProp$5) => react_jsx_runtime.JSX.Element;
+declare const FieldGroup: (props: ConfigProp$6) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$4 {
+interface ConfigProp$5 {
     id: string;
     name: string;
     required?: boolean;
@@ -356,9 +356,9 @@ interface ConfigProp$4 {
     children?: ReactNode;
 }
 
-declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$4) => react_jsx_runtime.JSX.Element;
+declare const FieldPlain: ({ required, mode, ...props }: ConfigProp$5) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$3 {
+interface ConfigProp$4 {
     id?: string;
     name: string;
     value?: string | number | null;
@@ -367,9 +367,9 @@ interface ConfigProp$3 {
     render?: ReactNode;
 }
 
-declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$3) => react_jsx_runtime.JSX.Element;
+declare const FieldText: ({ id, name, value, placeholder, required, render, }: ConfigProp$4) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$2 {
+interface ConfigProp$3 {
     value: string;
     onValueChange: (_val: string) => void;
     onLabelChange?: (_val: string) => void;
@@ -377,9 +377,9 @@ interface ConfigProp$2 {
     optionList: Array<CommonOption>;
 }
 
-declare const FormSelect: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
+declare const FormSelect: (props: ConfigProp$3) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp$1 {
+interface ConfigProp$2 {
     value?: Date;
     onChange: (_value?: Date) => void;
     id?: string;
@@ -388,7 +388,7 @@ interface ConfigProp$1 {
     timePlaceholder?: string;
 }
 
-declare const FormTimePicker: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
+declare const FormTimePicker: (props: ConfigProp$2) => react_jsx_runtime.JSX.Element;
 
 interface ConfigProps {
     value?: Array<string>;
@@ -409,12 +409,20 @@ declare const Provider: ({ children }: {
     children: React.ReactNode;
 }) => react_jsx_runtime.JSX.Element;
 
-interface ConfigProp {
+interface ConfigProp$1 {
     children: ReactNode;
     className?: ClassValue;
 }
 
-declare const Text: (props: ConfigProp) => react_jsx_runtime.JSX.Element;
+declare const Text: (props: ConfigProp$1) => react_jsx_runtime.JSX.Element;
+
+interface ConfigProp<T extends Record<string, unknown>, K extends keyof T> {
+    key: K;
+    label: string;
+    render?: (_value: T[K], _row: T) => ReactNode;
+}
+
+declare const buildColumn: <T extends Record<string, unknown>>() => <K extends keyof T>(props: ConfigProp<T, K>) => ColumnDef<T>;
 
 interface ConfigRenderBase<T extends FieldValues> {
     mode?: EnumFormMode;
@@ -488,4 +496,4 @@ declare const zCoerceNumberOptional: (label: string, min?: number, max?: number)
 declare const zDecimal: (label: string, min?: number, max?: number) => z.ZodString;
 declare const zDecimalOptional: (label: string, min?: number, max?: number) => z.ZodPreprocess<z.ZodOptional<z.ZodString>>;
 
-export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TablePagination, TableText, Text, type UUID, boolToText, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };
+export { Badge, Button, CheckboxSingleList, type CommonObject, type CommonOption, type ConfigCascaderOption, type ConfigDropdownCascaderMultiProp, type ConfigDropdownCascaderSingleProp, type ConfigRenderBase, type ConfigRenderPasswordInput, DataTable, Dialog, DisplayTable, DropdownCascaderMulti, DropdownCascaderSingle, EnumApprovalStatus, EnumApprovalStatusLabel, EnumApprovalView, EnumApprovalViewLabel, EnumEntityStatus, EnumEntityStatusLabel, EnumFormMode, EnumFormModeLabel, EnumGenderType, EnumGenderTypeLabel, EnumMapProvider, EnumMapProviderLabel, EnumOrderStatus, EnumOrderStatusLabel, EnumPublishMethod, EnumPublishMethodLabel, EnumSemanticColor, EnumSemanticColorLabel, EnumStorageMethod, EnumStorageMethodLabel, EnumVariant, EnumVariantLabel, FieldController, FieldGroup, FieldPlain, FieldText, FormSelect, FormTimePicker, KeywordSearchBar, MediaUploader, Provider, type SemanticColorToken, TableEmpty, TableFormDialog, TableHeaderText, TablePagination, TableText, Text, type UUID, boolToText, buildColumn, cn, emptyToUndefined, enumApprovalStatusOptions, enumApprovalViewOptions, enumEntityStatusOptions, enumFormModeOptions, enumGenderTypeOptions, enumMapProviderOptions, enumOrderStatusOptions, enumPublishMethodOptions, enumSemanticColorOptions, enumStorageMethodOptions, enumToOptions, enumValues, enumVariantOptions, formatDateTime, formatDecimal, genUuid, getOptionMap, getSemanticColor, getSuccessMessage, isEmpty, isFormData, isValidEmail, isValidURL, renderBody, renderCascaderNodes, renderConfirmFooter, renderFooter, renderInput, renderPasswordInput, renderTextarea, zBool, zCoerceNumber, zCoerceNumberOptional, zDate, zDateOptional, zDecimal, zDecimalOptional, zEmail, zEnumNullable, zEnumNullableOptional, zEnumNullableRequired, zEnumOptional, zEnumRequired, zId, zIdCard, zIdCardOptional, zIds, zImageId, zImageIdRequired, zImageIds, zImageIdsOptional, zNumber, zNumberOptional, zPhone, zTextOptional, zTextRequired, zTexts };

package/dist/index.js

@@ -3391,6 +3391,23 @@ import { jsx as jsx47 } from "react/jsx-runtime";
 var Provider = ({ children }) => {
   return /* @__PURE__ */ jsx47(TooltipProvider, { children });
 };
+
+// src/render/column/build-column/index.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+var buildColumn = () => (props) => {
+  const { key, label, render } = props;
+  return {
+    accessorKey: key,
+    header: () => /* @__PURE__ */ jsx48(TableHeaderText, { text: label }),
+    cell: ({ row }) => {
+      const value = row.original[key];
+      return render ? render(value, row.original) : /* @__PURE__ */ jsx48(TableText, { text: String(value ?? "") });
+    },
+    meta: {
+      label
+    }
+  };
+};
 export {
   Badge2 as Badge,
   Button2 as Button,
@@ -3438,6 +3455,7 @@ export {
   TableText,
   Text,
   boolToText,
+  buildColumn,
   cn2 as cn,
   emptyToUndefined,
   enumApprovalStatusOptions,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.10",
+  "version": "0.0.12",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",