@orderly.network/ui 2.0.7 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +69 -3
- package/dist/index.d.ts +69 -3
- package/dist/index.js +214 -208
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +19 -18
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/index.d.mts
CHANGED
|
@@ -27,6 +27,8 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
27
27
|
import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
|
|
28
28
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
29
29
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
30
|
+
import * as date_fns from 'date-fns';
|
|
31
|
+
import * as date_fns_locale from 'date-fns/locale';
|
|
30
32
|
|
|
31
33
|
type ComponentPropsWithout<T extends React__default.ElementType, O extends Omit<string, keyof React__default.ComponentPropsWithoutRef<T>> | keyof React__default.ComponentPropsWithoutRef<T>> = Omit<React__default.ComponentPropsWithoutRef<T>, O & string>;
|
|
32
34
|
type RemovedProps = "asChild" | "defaultChecked" | "defaultValue" | "color";
|
|
@@ -4971,7 +4973,7 @@ type SimpleDialogProps = {
|
|
|
4971
4973
|
onOpenChange?: (open: boolean) => void;
|
|
4972
4974
|
size?: "xs" | "sm" | "md" | "lg";
|
|
4973
4975
|
closable?: boolean;
|
|
4974
|
-
title?: ReactNode;
|
|
4976
|
+
title?: ReactNode | (() => ReactNode);
|
|
4975
4977
|
description?: ReactNode;
|
|
4976
4978
|
classNames?: {
|
|
4977
4979
|
content?: string;
|
|
@@ -5121,7 +5123,7 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
|
|
|
5121
5123
|
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
5122
5124
|
|
|
5123
5125
|
interface SimpleSheetProps {
|
|
5124
|
-
title?:
|
|
5126
|
+
title?: ReactNode | (() => ReactNode);
|
|
5125
5127
|
leading?: React.ReactNode;
|
|
5126
5128
|
open?: boolean;
|
|
5127
5129
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -8227,6 +8229,7 @@ declare enum ExtensionPositionEnum {
|
|
|
8227
8229
|
* Wallet button
|
|
8228
8230
|
*/
|
|
8229
8231
|
AccountMenu = "accountMenu",
|
|
8232
|
+
MobileAccountMenu = "mobileAccountMenu",
|
|
8230
8233
|
MainMenus = "mainMenus",
|
|
8231
8234
|
EmptyDataIdentifier = "emptyDataIdentifier"
|
|
8232
8235
|
}
|
|
@@ -8386,4 +8389,67 @@ declare function useScreen(): {
|
|
|
8386
8389
|
isDesktop: boolean;
|
|
8387
8390
|
};
|
|
8388
8391
|
|
|
8389
|
-
|
|
8392
|
+
declare function useMediaQuery(query: string): boolean;
|
|
8393
|
+
|
|
8394
|
+
/**
|
|
8395
|
+
* observe the element and call the callback when the element is changed
|
|
8396
|
+
* */
|
|
8397
|
+
declare function useObserverElement<T extends HTMLElement>(element: T | null, callback: (entry: ResizeObserverEntry) => void): void;
|
|
8398
|
+
|
|
8399
|
+
declare const localeValues: {
|
|
8400
|
+
readonly locale: string;
|
|
8401
|
+
readonly dialog: {
|
|
8402
|
+
readonly ok: "OK";
|
|
8403
|
+
readonly cancel: "Cancel";
|
|
8404
|
+
};
|
|
8405
|
+
readonly modal: {
|
|
8406
|
+
readonly confirm: "Confirm";
|
|
8407
|
+
readonly cancel: "Cancel";
|
|
8408
|
+
};
|
|
8409
|
+
readonly pagination: {
|
|
8410
|
+
readonly morePages: "More pages";
|
|
8411
|
+
readonly rowsPerPage: "Rows per page";
|
|
8412
|
+
};
|
|
8413
|
+
readonly picker: {
|
|
8414
|
+
readonly selectDate: "Select Date";
|
|
8415
|
+
readonly dayPicker: date_fns_locale.Locale;
|
|
8416
|
+
};
|
|
8417
|
+
readonly empty: {
|
|
8418
|
+
readonly description: "No results found.";
|
|
8419
|
+
};
|
|
8420
|
+
};
|
|
8421
|
+
|
|
8422
|
+
type Locale = typeof localeValues;
|
|
8423
|
+
declare const LocaleContext: React$1.Context<{
|
|
8424
|
+
readonly locale: string;
|
|
8425
|
+
readonly dialog: {
|
|
8426
|
+
readonly ok: "OK";
|
|
8427
|
+
readonly cancel: "Cancel";
|
|
8428
|
+
};
|
|
8429
|
+
readonly modal: {
|
|
8430
|
+
readonly confirm: "Confirm";
|
|
8431
|
+
readonly cancel: "Cancel";
|
|
8432
|
+
};
|
|
8433
|
+
readonly pagination: {
|
|
8434
|
+
readonly morePages: "More pages";
|
|
8435
|
+
readonly rowsPerPage: "Rows per page";
|
|
8436
|
+
};
|
|
8437
|
+
readonly picker: {
|
|
8438
|
+
readonly selectDate: "Select Date";
|
|
8439
|
+
readonly dayPicker: date_fns.Locale;
|
|
8440
|
+
};
|
|
8441
|
+
readonly empty: {
|
|
8442
|
+
readonly description: "No results found.";
|
|
8443
|
+
};
|
|
8444
|
+
} | undefined>;
|
|
8445
|
+
|
|
8446
|
+
type LocaleProviderProps = {
|
|
8447
|
+
locale: Locale;
|
|
8448
|
+
children?: React__default.ReactNode;
|
|
8449
|
+
};
|
|
8450
|
+
declare const LocaleProvider: FC<LocaleProviderProps>;
|
|
8451
|
+
|
|
8452
|
+
type LocaleComponentName = Exclude<keyof Locale, "locale">;
|
|
8453
|
+
declare const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, string];
|
|
8454
|
+
|
|
8455
|
+
export { ActionSheet, type ActionSheetItem, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItems, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, RefreshIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useObserverElement, useOrderlyTheme, usePagination, useScreen };
|
package/dist/index.d.ts
CHANGED
|
@@ -27,6 +27,8 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
|
27
27
|
import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
|
|
28
28
|
import * as AvatarPrimitive from '@radix-ui/react-avatar';
|
|
29
29
|
import * as tailwindcss_types_config from 'tailwindcss/types/config';
|
|
30
|
+
import * as date_fns from 'date-fns';
|
|
31
|
+
import * as date_fns_locale from 'date-fns/locale';
|
|
30
32
|
|
|
31
33
|
type ComponentPropsWithout<T extends React__default.ElementType, O extends Omit<string, keyof React__default.ComponentPropsWithoutRef<T>> | keyof React__default.ComponentPropsWithoutRef<T>> = Omit<React__default.ComponentPropsWithoutRef<T>, O & string>;
|
|
32
34
|
type RemovedProps = "asChild" | "defaultChecked" | "defaultValue" | "color";
|
|
@@ -4971,7 +4973,7 @@ type SimpleDialogProps = {
|
|
|
4971
4973
|
onOpenChange?: (open: boolean) => void;
|
|
4972
4974
|
size?: "xs" | "sm" | "md" | "lg";
|
|
4973
4975
|
closable?: boolean;
|
|
4974
|
-
title?: ReactNode;
|
|
4976
|
+
title?: ReactNode | (() => ReactNode);
|
|
4975
4977
|
description?: ReactNode;
|
|
4976
4978
|
classNames?: {
|
|
4977
4979
|
content?: string;
|
|
@@ -5121,7 +5123,7 @@ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive
|
|
|
5121
5123
|
declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
5122
5124
|
|
|
5123
5125
|
interface SimpleSheetProps {
|
|
5124
|
-
title?:
|
|
5126
|
+
title?: ReactNode | (() => ReactNode);
|
|
5125
5127
|
leading?: React.ReactNode;
|
|
5126
5128
|
open?: boolean;
|
|
5127
5129
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -8227,6 +8229,7 @@ declare enum ExtensionPositionEnum {
|
|
|
8227
8229
|
* Wallet button
|
|
8228
8230
|
*/
|
|
8229
8231
|
AccountMenu = "accountMenu",
|
|
8232
|
+
MobileAccountMenu = "mobileAccountMenu",
|
|
8230
8233
|
MainMenus = "mainMenus",
|
|
8231
8234
|
EmptyDataIdentifier = "emptyDataIdentifier"
|
|
8232
8235
|
}
|
|
@@ -8386,4 +8389,67 @@ declare function useScreen(): {
|
|
|
8386
8389
|
isDesktop: boolean;
|
|
8387
8390
|
};
|
|
8388
8391
|
|
|
8389
|
-
|
|
8392
|
+
declare function useMediaQuery(query: string): boolean;
|
|
8393
|
+
|
|
8394
|
+
/**
|
|
8395
|
+
* observe the element and call the callback when the element is changed
|
|
8396
|
+
* */
|
|
8397
|
+
declare function useObserverElement<T extends HTMLElement>(element: T | null, callback: (entry: ResizeObserverEntry) => void): void;
|
|
8398
|
+
|
|
8399
|
+
declare const localeValues: {
|
|
8400
|
+
readonly locale: string;
|
|
8401
|
+
readonly dialog: {
|
|
8402
|
+
readonly ok: "OK";
|
|
8403
|
+
readonly cancel: "Cancel";
|
|
8404
|
+
};
|
|
8405
|
+
readonly modal: {
|
|
8406
|
+
readonly confirm: "Confirm";
|
|
8407
|
+
readonly cancel: "Cancel";
|
|
8408
|
+
};
|
|
8409
|
+
readonly pagination: {
|
|
8410
|
+
readonly morePages: "More pages";
|
|
8411
|
+
readonly rowsPerPage: "Rows per page";
|
|
8412
|
+
};
|
|
8413
|
+
readonly picker: {
|
|
8414
|
+
readonly selectDate: "Select Date";
|
|
8415
|
+
readonly dayPicker: date_fns_locale.Locale;
|
|
8416
|
+
};
|
|
8417
|
+
readonly empty: {
|
|
8418
|
+
readonly description: "No results found.";
|
|
8419
|
+
};
|
|
8420
|
+
};
|
|
8421
|
+
|
|
8422
|
+
type Locale = typeof localeValues;
|
|
8423
|
+
declare const LocaleContext: React$1.Context<{
|
|
8424
|
+
readonly locale: string;
|
|
8425
|
+
readonly dialog: {
|
|
8426
|
+
readonly ok: "OK";
|
|
8427
|
+
readonly cancel: "Cancel";
|
|
8428
|
+
};
|
|
8429
|
+
readonly modal: {
|
|
8430
|
+
readonly confirm: "Confirm";
|
|
8431
|
+
readonly cancel: "Cancel";
|
|
8432
|
+
};
|
|
8433
|
+
readonly pagination: {
|
|
8434
|
+
readonly morePages: "More pages";
|
|
8435
|
+
readonly rowsPerPage: "Rows per page";
|
|
8436
|
+
};
|
|
8437
|
+
readonly picker: {
|
|
8438
|
+
readonly selectDate: "Select Date";
|
|
8439
|
+
readonly dayPicker: date_fns.Locale;
|
|
8440
|
+
};
|
|
8441
|
+
readonly empty: {
|
|
8442
|
+
readonly description: "No results found.";
|
|
8443
|
+
};
|
|
8444
|
+
} | undefined>;
|
|
8445
|
+
|
|
8446
|
+
type LocaleProviderProps = {
|
|
8447
|
+
locale: Locale;
|
|
8448
|
+
children?: React__default.ReactNode;
|
|
8449
|
+
};
|
|
8450
|
+
declare const LocaleProvider: FC<LocaleProviderProps>;
|
|
8451
|
+
|
|
8452
|
+
type LocaleComponentName = Exclude<keyof Locale, "locale">;
|
|
8453
|
+
declare const useLocale: <C extends LocaleComponentName = LocaleComponentName>(componentName: C, defaultLocale?: Locale[C] | (() => Locale[C])) => readonly [NonNullable<Locale[C]>, string];
|
|
8454
|
+
|
|
8455
|
+
export { ActionSheet, type ActionSheetItem, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItems, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, RefreshIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useObserverElement, useOrderlyTheme, usePagination, useScreen };
|