@6thbridge/hexa 0.0.91 → 0.0.93

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import dayjs from 'dayjs';
 import * as React$1 from 'react';
 import React__default, { DetailedHTMLProps, ButtonHTMLAttributes, ReactNode } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -15,9 +16,36 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as zustand from 'zustand';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Extension } from '@tiptap/react';
-import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
+declare const CurrencySymbolMap: Record<string, string>;
+interface FormatCurrencyOptions {
+    convertToMajorCurrency?: boolean;
+    locale?: string;
+}
+declare class AmountAction {
+    static getCurrencyLocaleMap(currency: string): string;
+    static koboToNaira(amount: number | string): number;
+    static nairaToKobo(amount: number | string): number;
+    static getCurrencySymbol(currency: string): string;
+    static formatAmountAndCurrency: (currency: string, value: number | string, options: FormatCurrencyOptions) => string;
+}
+
+declare class DateAction {
+    static getDateLibrary(): dayjs.Dayjs;
+    static formatTimestampToDate(timestamp: number, dateFormat?: string): string;
+    static formatDateToTimestamp(date: string): number;
+}
+
+declare class StringAction {
+    static capitalizeFirstWord(string: string): string;
+    static capitalizeEachWord(string: string): string;
+    static sanitizeString: ({ str, allowedChars, }: {
+        str: string;
+        allowedChars?: string[];
+    }) => string;
+}
+
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -356,13 +384,26 @@ type BusinessType = {
     access?: string;
 };
 
+type ResourcePermission = {
+    resource: string;
+    action: string;
+};
+type ResourcePermissions = ResourcePermission[];
+type ResourcePermissionProps = {
+    permission?: {
+        resource?: string;
+        action?: string;
+    };
+    children: ReactNode;
+};
+
 type SingleLinkType = {
     to: string;
     name: string;
     isHidden?: boolean;
     icon?: ReactNode;
     badge?: ReactNode;
-    permission?: string;
+    permission?: ResourcePermissionProps["permission"];
     key?: string;
     id: string;
 };
@@ -538,19 +579,6 @@ type PageDataToolbarProps = {
 };
 declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => React$1.JSX.Element;
 
-type ResourcePermission = {
-    resource: string;
-    action: string;
-};
-type ResourcePermissions = ResourcePermission[];
-type ResourcePermissionProps = {
-    permission?: {
-        resource?: string;
-        action?: string;
-    };
-    children: ReactNode;
-};
-
 declare const PermissionsContext: React$1.Context<ResourcePermissions | undefined>;
 declare const PermissionsProvider: ({ permissions, children, }: {
     permissions: ResourcePermissions;
@@ -683,7 +711,7 @@ type TabsProps = {
 declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): React$1.JSX.Element;
 
 declare const featureBannerVariants: (props?: ({
-    variant?: "success" | "pending" | "default" | "danger" | null | undefined;
+    variant?: "default" | "success" | "pending" | "danger" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 
 type FeatureBannerActionVariant = "primary" | "outlined";
@@ -798,25 +826,34 @@ type RichTextEditorProps = {
  */
 declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => React$1.JSX.Element | null;
 
-declare const CurrencySymbolMap: Record<string, string>;
-interface FormatCurrencyOptions {
-    convertToMajorCurrency?: boolean;
-    locale?: string;
-}
-declare class AmountAction {
-    static getCurrencyLocaleMap(currency: string): string;
-    static koboToNaira(amount: number | string): number;
-    static nairaToKobo(amount: number | string): number;
-    static getCurrencySymbol(currency: string): string;
-    static formatAmountAndCurrency: (currency: string, value: number | string, options: FormatCurrencyOptions) => string;
-}
-
-declare class DateAction {
-    static getDateLibrary(): dayjs.Dayjs;
-    static formatTimestampToDate(timestamp: number, dateFormat?: string): string;
-    static formatDateToTimestamp(date: string): number;
+type TagInputVariant = "success" | "failed" | "pending" | "default";
+type TagOption = {
+    value: string;
+    label: string;
+    variant?: TagInputVariant;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+interface TagsInputProps {
+    value: TagOption[];
+    onChange: (value: TagOption[]) => void;
+    options?: TagOption[];
+    label?: string;
+    error?: string;
+    placeholder?: string;
+    description?: React$1.ReactNode;
+    showAsterisk?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    allowCreate?: boolean;
+    renderTag?: (tag: TagOption) => React$1.ReactNode;
+    renderOption?: (option: TagOption, selected: boolean) => React$1.ReactNode;
+    validateTag?: (input: string) => boolean;
+    onCreate?: (input: string) => TagOption;
+    maxTags?: number;
 }
+declare const TagsInput: ({ value, onChange, options, label, error, placeholder, description, showAsterisk, disabled, isLoading, allowCreate, renderTag, renderOption, validateTag, onCreate, maxTags, }: TagsInputProps) => React$1.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FeatureBanner, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, MultiSelect, type MultiSelectDataType, MultiSelectTrigger, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, RichTextEditor, ScrollArea, Select, Sidebar, Status, Table, type TableBulkRowActionsProps, type TablePaginationProps, Tabs, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, useHasPermission, usePermissions };
+export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FeatureBanner, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, MultiSelect, type MultiSelectDataType, MultiSelectTrigger, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, RichTextEditor, ScrollArea, Select, Sidebar, Status, StringAction, Table, type TableBulkRowActionsProps, type TablePaginationProps, Tabs, type TagOption, TagsInput, type TagsInputProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, useHasPermission, usePermissions };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import dayjs from 'dayjs';
 import * as React$1 from 'react';
 import React__default, { DetailedHTMLProps, ButtonHTMLAttributes, ReactNode } from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
@@ -15,9 +16,36 @@ import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
 import * as zustand from 'zustand';
 import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
 import { Extension } from '@tiptap/react';
-import dayjs from 'dayjs';
 import { ClassValue } from 'clsx';
 
+declare const CurrencySymbolMap: Record<string, string>;
+interface FormatCurrencyOptions {
+    convertToMajorCurrency?: boolean;
+    locale?: string;
+}
+declare class AmountAction {
+    static getCurrencyLocaleMap(currency: string): string;
+    static koboToNaira(amount: number | string): number;
+    static nairaToKobo(amount: number | string): number;
+    static getCurrencySymbol(currency: string): string;
+    static formatAmountAndCurrency: (currency: string, value: number | string, options: FormatCurrencyOptions) => string;
+}
+
+declare class DateAction {
+    static getDateLibrary(): dayjs.Dayjs;
+    static formatTimestampToDate(timestamp: number, dateFormat?: string): string;
+    static formatDateToTimestamp(date: string): number;
+}
+
+declare class StringAction {
+    static capitalizeFirstWord(string: string): string;
+    static capitalizeEachWord(string: string): string;
+    static sanitizeString: ({ str, allowedChars, }: {
+        str: string;
+        allowedChars?: string[];
+    }) => string;
+}
+
 declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
 declare const TooltipRoot: React$1.FC<TooltipPrimitive.TooltipProps>;
 declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
@@ -356,13 +384,26 @@ type BusinessType = {
     access?: string;
 };
 
+type ResourcePermission = {
+    resource: string;
+    action: string;
+};
+type ResourcePermissions = ResourcePermission[];
+type ResourcePermissionProps = {
+    permission?: {
+        resource?: string;
+        action?: string;
+    };
+    children: ReactNode;
+};
+
 type SingleLinkType = {
     to: string;
     name: string;
     isHidden?: boolean;
     icon?: ReactNode;
     badge?: ReactNode;
-    permission?: string;
+    permission?: ResourcePermissionProps["permission"];
     key?: string;
     id: string;
 };
@@ -538,19 +579,6 @@ type PageDataToolbarProps = {
 };
 declare const PageDataToolbar: ({ onRefetch, search, FilterMenu, ExtraNode, onExport, download, isRefetching, filterListOptions, setAppliedFilters, onFilterChange, id, }: PageDataToolbarProps) => React$1.JSX.Element;
 
-type ResourcePermission = {
-    resource: string;
-    action: string;
-};
-type ResourcePermissions = ResourcePermission[];
-type ResourcePermissionProps = {
-    permission?: {
-        resource?: string;
-        action?: string;
-    };
-    children: ReactNode;
-};
-
 declare const PermissionsContext: React$1.Context<ResourcePermissions | undefined>;
 declare const PermissionsProvider: ({ permissions, children, }: {
     permissions: ResourcePermissions;
@@ -683,7 +711,7 @@ type TabsProps = {
 declare function Tabs({ tabs, defaultValue, onChange }: TabsProps): React$1.JSX.Element;
 
 declare const featureBannerVariants: (props?: ({
-    variant?: "success" | "pending" | "default" | "danger" | null | undefined;
+    variant?: "default" | "success" | "pending" | "danger" | null | undefined;
 } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
 
 type FeatureBannerActionVariant = "primary" | "outlined";
@@ -798,25 +826,34 @@ type RichTextEditorProps = {
  */
 declare const RichTextEditor: ({ label, helpText, error, value, onChange, optional, isRequired, extensions, editorClassName, wrapperClassName, controls, extraMenuNodes, placeholder, }: RichTextEditorProps) => React$1.JSX.Element | null;
 
-declare const CurrencySymbolMap: Record<string, string>;
-interface FormatCurrencyOptions {
-    convertToMajorCurrency?: boolean;
-    locale?: string;
-}
-declare class AmountAction {
-    static getCurrencyLocaleMap(currency: string): string;
-    static koboToNaira(amount: number | string): number;
-    static nairaToKobo(amount: number | string): number;
-    static getCurrencySymbol(currency: string): string;
-    static formatAmountAndCurrency: (currency: string, value: number | string, options: FormatCurrencyOptions) => string;
-}
-
-declare class DateAction {
-    static getDateLibrary(): dayjs.Dayjs;
-    static formatTimestampToDate(timestamp: number, dateFormat?: string): string;
-    static formatDateToTimestamp(date: string): number;
+type TagInputVariant = "success" | "failed" | "pending" | "default";
+type TagOption = {
+    value: string;
+    label: string;
+    variant?: TagInputVariant;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+interface TagsInputProps {
+    value: TagOption[];
+    onChange: (value: TagOption[]) => void;
+    options?: TagOption[];
+    label?: string;
+    error?: string;
+    placeholder?: string;
+    description?: React$1.ReactNode;
+    showAsterisk?: boolean;
+    disabled?: boolean;
+    isLoading?: boolean;
+    allowCreate?: boolean;
+    renderTag?: (tag: TagOption) => React$1.ReactNode;
+    renderOption?: (option: TagOption, selected: boolean) => React$1.ReactNode;
+    validateTag?: (input: string) => boolean;
+    onCreate?: (input: string) => TagOption;
+    maxTags?: number;
 }
+declare const TagsInput: ({ value, onChange, options, label, error, placeholder, description, showAsterisk, disabled, isLoading, allowCreate, renderTag, renderOption, validateTag, onCreate, maxTags, }: TagsInputProps) => React$1.JSX.Element;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FeatureBanner, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, MultiSelect, type MultiSelectDataType, MultiSelectTrigger, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, RichTextEditor, ScrollArea, Select, Sidebar, Status, Table, type TableBulkRowActionsProps, type TablePaginationProps, Tabs, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, useHasPermission, usePermissions };
+export { AmountAction, Banner, Button, CalendarInput, CopyableLabel, Country, CurrencySymbolMap, DateAction, DebouncedInput, DevBanner, Dialog, Drawer, DrawerClose, type DrawerPropsType, DrawerRoot, FeatureBanner, type FilterListItem, type FilterListOptions, FilterPopover, FlagComponent, FormLabel, type FormatCurrencyOptions, HasResourcePermission, Input, Loader, LocaleSelector, MultiSelect, type MultiSelectDataType, MultiSelectTrigger, OTPInput, PageDataToolbar, Pagination, PasswordInput, PermissionsContext, PermissionsProvider, PhoneInput, Popover, PopoverContent, PopoverRoot, PopoverTrigger, RadioGroup, RadioGroupItem, type ResourcePermission, type ResourcePermissionProps, type ResourcePermissions, RichTextEditor, ScrollArea, Select, Sidebar, Status, StringAction, Table, type TableBulkRowActionsProps, type TablePaginationProps, Tabs, type TagOption, TagsInput, type TagsInputProps, TextOverflow, type TextOverflowProps, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, buttonVariants, cn, useFilterStore, useHasPermission, usePermissions };