@0xsquid/ui 2.7.1-dex-beta.1 → 2.8.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/cjs/index.js +18509 -18394
- package/dist/cjs/types/components/badges/ImageGroup.d.ts +1 -1
- package/dist/cjs/types/components/badges/PriceChange.d.ts +2 -2
- package/dist/cjs/types/components/badges/index.d.ts +1 -1
- package/dist/cjs/types/components/buttons/Button.d.ts +2 -1
- package/dist/cjs/types/components/buttons/IconButton.d.ts +0 -2
- package/dist/cjs/types/components/controls/LargeNumericInput.d.ts +2 -6
- package/dist/cjs/types/components/controls/NumericInput.d.ts +21 -13
- package/dist/cjs/types/components/feedback/AnimateNumber.d.ts +8 -0
- package/dist/cjs/types/components/feedback/LoadingText.d.ts +7 -0
- package/dist/cjs/types/components/feedback/index.d.ts +3 -0
- package/dist/cjs/types/components/icons/Arrow.d.ts +1 -6
- package/dist/cjs/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
- package/dist/cjs/types/components/icons/Generic.d.ts +0 -29
- package/dist/cjs/types/components/icons/Loader.d.ts +1 -1
- package/dist/cjs/types/components/icons/PaymentIcons.d.ts +12 -0
- package/dist/cjs/types/components/icons/SwapInputs.d.ts +4 -1
- package/dist/cjs/types/components/icons/Wallet.d.ts +1 -1
- package/dist/cjs/types/components/icons/index.d.ts +2 -0
- package/dist/cjs/types/components/index.d.ts +1 -1
- package/dist/cjs/types/components/layout/AppContainer.d.ts +3 -523
- package/dist/cjs/types/components/layout/DropdownMenu.d.ts +0 -1
- package/dist/cjs/types/components/layout/NavigationBar.d.ts +2 -1
- package/dist/cjs/types/components/layout/SwapConfiguration.d.ts +17 -1
- package/dist/cjs/types/components/layout/TokenDetailsView.d.ts +1 -6
- package/dist/cjs/types/components/lists/HistoryItem.d.ts +2 -1
- package/dist/cjs/types/components/lists/TokenGroup.d.ts +1 -2
- package/dist/cjs/types/components/views/SwapProgressView.d.ts +2 -1
- package/dist/cjs/types/core/constants.d.ts +1 -1
- package/dist/cjs/types/core/index.d.ts +1 -1
- package/dist/cjs/types/core/utils.d.ts +16 -0
- package/dist/cjs/types/hooks/index.d.ts +3 -2
- package/dist/cjs/types/hooks/useMeasure.d.ts +36 -0
- package/dist/cjs/types/hooks/useNumericInput.d.ts +35 -0
- package/dist/cjs/types/services/internal/colorService.d.ts +0 -2
- package/dist/cjs/types/stories/badges/ImageGroup.stories.d.ts +2 -3
- package/dist/cjs/types/stories/buttons/Button.stories.d.ts +3 -0
- package/dist/cjs/types/stories/buttons/IconButon.stories.d.ts +1 -1
- package/dist/cjs/types/stories/controls/NumericInput.stories.d.ts +17 -0
- package/dist/cjs/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
- package/dist/{esm/types/stories/badges → cjs/types/stories/feedback}/Loader.stories.d.ts +1 -1
- package/dist/cjs/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
- package/dist/cjs/types/stories/feedback/LoadingText.stories.d.ts +6 -0
- package/dist/cjs/types/stories/layout/NavigationBar.stories.d.ts +1 -0
- package/dist/cjs/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
- package/dist/cjs/types/stories/lists/ListItem.stories.d.ts +0 -1
- package/dist/cjs/types/stories/lists/TokenGroup.stories.d.ts +0 -1
- package/dist/cjs/types/stories/views/SwapProgressView.stories.d.ts +1 -0
- package/dist/esm/index.js +18858 -18740
- package/dist/esm/types/components/badges/ImageGroup.d.ts +1 -1
- package/dist/esm/types/components/badges/PriceChange.d.ts +2 -2
- package/dist/esm/types/components/badges/index.d.ts +1 -1
- package/dist/esm/types/components/buttons/Button.d.ts +2 -1
- package/dist/esm/types/components/buttons/IconButton.d.ts +0 -2
- package/dist/esm/types/components/controls/LargeNumericInput.d.ts +2 -6
- package/dist/esm/types/components/controls/NumericInput.d.ts +21 -13
- package/dist/esm/types/components/feedback/AnimateNumber.d.ts +8 -0
- package/dist/esm/types/components/feedback/LoadingText.d.ts +7 -0
- package/dist/esm/types/components/feedback/index.d.ts +3 -0
- package/dist/esm/types/components/icons/Arrow.d.ts +1 -6
- package/dist/esm/types/components/icons/CrossAnimatedIcon.d.ts +7 -0
- package/dist/esm/types/components/icons/Generic.d.ts +0 -29
- package/dist/esm/types/components/icons/Loader.d.ts +1 -1
- package/dist/esm/types/components/icons/PaymentIcons.d.ts +12 -0
- package/dist/esm/types/components/icons/SwapInputs.d.ts +4 -1
- package/dist/esm/types/components/icons/Wallet.d.ts +1 -1
- package/dist/esm/types/components/icons/index.d.ts +2 -0
- package/dist/esm/types/components/index.d.ts +1 -1
- package/dist/esm/types/components/layout/AppContainer.d.ts +3 -523
- package/dist/esm/types/components/layout/DropdownMenu.d.ts +0 -1
- package/dist/esm/types/components/layout/NavigationBar.d.ts +2 -1
- package/dist/esm/types/components/layout/SwapConfiguration.d.ts +17 -1
- package/dist/esm/types/components/layout/TokenDetailsView.d.ts +1 -6
- package/dist/esm/types/components/lists/HistoryItem.d.ts +2 -1
- package/dist/esm/types/components/lists/TokenGroup.d.ts +1 -2
- package/dist/esm/types/components/views/SwapProgressView.d.ts +2 -1
- package/dist/esm/types/core/constants.d.ts +1 -1
- package/dist/esm/types/core/index.d.ts +1 -1
- package/dist/esm/types/core/utils.d.ts +16 -0
- package/dist/esm/types/hooks/index.d.ts +3 -2
- package/dist/esm/types/hooks/useMeasure.d.ts +36 -0
- package/dist/esm/types/hooks/useNumericInput.d.ts +35 -0
- package/dist/esm/types/services/internal/colorService.d.ts +0 -2
- package/dist/esm/types/stories/badges/ImageGroup.stories.d.ts +2 -3
- package/dist/esm/types/stories/buttons/Button.stories.d.ts +3 -0
- package/dist/esm/types/stories/buttons/IconButon.stories.d.ts +1 -1
- package/dist/esm/types/stories/controls/NumericInput.stories.d.ts +17 -0
- package/dist/esm/types/stories/feedback/AnimateNumber.stories.d.ts +6 -0
- package/dist/{cjs/types/stories/badges → esm/types/stories/feedback}/Loader.stories.d.ts +1 -1
- package/dist/esm/types/stories/{badges → feedback}/LoadingSkeleton.stories.d.ts +2 -2
- package/dist/esm/types/stories/feedback/LoadingText.stories.d.ts +6 -0
- package/dist/esm/types/stories/layout/NavigationBar.stories.d.ts +1 -0
- package/dist/esm/types/stories/layout/SwapConfiguration.stories.d.ts +1 -1
- package/dist/esm/types/stories/lists/ListItem.stories.d.ts +0 -1
- package/dist/esm/types/stories/lists/TokenGroup.stories.d.ts +0 -1
- package/dist/esm/types/stories/views/SwapProgressView.stories.d.ts +1 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +140 -640
- package/package.json +2 -1
- package/dist/cjs/types/components/charts/DexChart.d.ts +0 -32
- package/dist/cjs/types/components/charts/index.d.ts +0 -1
- package/dist/cjs/types/stories/charts/DexChart.stories.d.ts +0 -10
- package/dist/esm/types/components/charts/DexChart.d.ts +0 -32
- package/dist/esm/types/components/charts/index.d.ts +0 -1
- package/dist/esm/types/stories/charts/DexChart.stories.d.ts +0 -10
- /package/dist/cjs/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
- /package/dist/esm/types/components/{badges → feedback}/LoadingSkeleton.d.ts +0 -0
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"url": "git+https://github.com/0xsquid/squid-ui.git"
|
|
6
6
|
},
|
|
7
7
|
"description": "Squid's UI components",
|
|
8
|
-
"version": "2.
|
|
8
|
+
"version": "2.8.0",
|
|
9
9
|
"author": "",
|
|
10
10
|
"license": "MIT",
|
|
11
11
|
"resolutions": {
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
"date-fns": "^3.6.0",
|
|
37
37
|
"deepmerge": "4.3.1",
|
|
38
38
|
"framer-motion": "^11.2.12",
|
|
39
|
+
"motion": "^12.12.1",
|
|
39
40
|
"react-day-picker": "^8.10.1",
|
|
40
41
|
"react-device-detect": "2.2.3",
|
|
41
42
|
"tailwind-merge": "2.3.0",
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type Timeframe } from "../layout/TokenDetailsView";
|
|
3
|
-
interface MarketStat {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
export interface ChartMenuItem {
|
|
8
|
-
id: string;
|
|
9
|
-
label: string;
|
|
10
|
-
icon?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export interface DexChartProps {
|
|
13
|
-
price: string;
|
|
14
|
-
priceChange: string | number;
|
|
15
|
-
isPositive?: boolean;
|
|
16
|
-
selectedTimeSpan: Timeframe;
|
|
17
|
-
onTimeSpanChange: (timeSpan: Timeframe) => void;
|
|
18
|
-
menuItems?: ChartMenuItem[];
|
|
19
|
-
onMenuItemClick?: (itemId: string) => void;
|
|
20
|
-
onSettingsOpen?: () => void;
|
|
21
|
-
isMenuOpen?: boolean;
|
|
22
|
-
menuRef?: React.RefObject<HTMLDivElement>;
|
|
23
|
-
dropdownRef?: React.RefObject<HTMLDivElement>;
|
|
24
|
-
openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
|
|
25
|
-
stats: MarketStat[];
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
isLoading?: boolean;
|
|
28
|
-
className?: string;
|
|
29
|
-
timeSpanOptions?: Timeframe[];
|
|
30
|
-
}
|
|
31
|
-
export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./DexChart";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from "@storybook/react";
|
|
2
|
-
import { DexChart } from "../../components/charts/DexChart";
|
|
3
|
-
declare const meta: Meta<typeof DexChart>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DexChart>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Negative: Story;
|
|
8
|
-
export declare const WithoutMenu: Story;
|
|
9
|
-
export declare const Loading: Story;
|
|
10
|
-
export declare const MinimalTimeSpans: Story;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { type Timeframe } from "../layout/TokenDetailsView";
|
|
3
|
-
interface MarketStat {
|
|
4
|
-
label: string;
|
|
5
|
-
value: string;
|
|
6
|
-
}
|
|
7
|
-
export interface ChartMenuItem {
|
|
8
|
-
id: string;
|
|
9
|
-
label: string;
|
|
10
|
-
icon?: React.ReactNode;
|
|
11
|
-
}
|
|
12
|
-
export interface DexChartProps {
|
|
13
|
-
price: string;
|
|
14
|
-
priceChange: string | number;
|
|
15
|
-
isPositive?: boolean;
|
|
16
|
-
selectedTimeSpan: Timeframe;
|
|
17
|
-
onTimeSpanChange: (timeSpan: Timeframe) => void;
|
|
18
|
-
menuItems?: ChartMenuItem[];
|
|
19
|
-
onMenuItemClick?: (itemId: string) => void;
|
|
20
|
-
onSettingsOpen?: () => void;
|
|
21
|
-
isMenuOpen?: boolean;
|
|
22
|
-
menuRef?: React.RefObject<HTMLDivElement>;
|
|
23
|
-
dropdownRef?: React.RefObject<HTMLDivElement>;
|
|
24
|
-
openDropdownButtonRef?: React.RefObject<HTMLButtonElement>;
|
|
25
|
-
stats: MarketStat[];
|
|
26
|
-
children?: React.ReactNode;
|
|
27
|
-
isLoading?: boolean;
|
|
28
|
-
className?: string;
|
|
29
|
-
timeSpanOptions?: Timeframe[];
|
|
30
|
-
}
|
|
31
|
-
export declare function DexChart({ price, priceChange, selectedTimeSpan, onTimeSpanChange, menuItems, onMenuItemClick, onSettingsOpen, isMenuOpen, menuRef, dropdownRef, openDropdownButtonRef, stats, children, isLoading, className, timeSpanOptions, }: DexChartProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./DexChart";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { type Meta, type StoryObj } from "@storybook/react";
|
|
2
|
-
import { DexChart } from "../../components/charts/DexChart";
|
|
3
|
-
declare const meta: Meta<typeof DexChart>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof DexChart>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const Negative: Story;
|
|
8
|
-
export declare const WithoutMenu: Story;
|
|
9
|
-
export declare const Loading: Story;
|
|
10
|
-
export declare const MinimalTimeSpans: Story;
|
|
File without changes
|
|
File without changes
|