@kjun-ui/native 0.4.2 → 0.5.1
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/README.md +4 -4
- package/dist/index.cjs +346 -334
- package/dist/index.js +346 -334
- package/dist/index.web.cjs +346 -334
- package/dist/index.web.js +346 -334
- package/dist/styles.css +2057 -2133
- package/dist/types/packages/native/src/actions.d.cts +13 -13
- package/dist/types/packages/native/src/actions.d.ts +13 -13
- package/dist/types/packages/native/src/app-navigation.d.cts +6 -6
- package/dist/types/packages/native/src/app-navigation.d.ts +6 -6
- package/dist/types/packages/native/src/button.d.cts +3 -3
- package/dist/types/packages/native/src/button.d.ts +3 -3
- package/dist/types/packages/native/src/card.d.cts +2 -2
- package/dist/types/packages/native/src/card.d.ts +2 -2
- package/dist/types/packages/native/src/chip.d.cts +2 -2
- package/dist/types/packages/native/src/chip.d.ts +2 -2
- package/dist/types/packages/native/src/choice-controls.d.cts +8 -8
- package/dist/types/packages/native/src/choice-controls.d.ts +8 -8
- package/dist/types/packages/native/src/combobox.d.cts +2 -2
- package/dist/types/packages/native/src/combobox.d.ts +2 -2
- package/dist/types/packages/native/src/controls.d.cts +6 -6
- package/dist/types/packages/native/src/controls.d.ts +6 -6
- package/dist/types/packages/native/src/data-state.d.cts +6 -6
- package/dist/types/packages/native/src/data-state.d.ts +6 -6
- package/dist/types/packages/native/src/date-picker.d.cts +2 -2
- package/dist/types/packages/native/src/date-picker.d.ts +2 -2
- package/dist/types/packages/native/src/display-primitives.d.cts +12 -12
- package/dist/types/packages/native/src/display-primitives.d.ts +12 -12
- package/dist/types/packages/native/src/display.d.cts +6 -6
- package/dist/types/packages/native/src/display.d.ts +6 -6
- package/dist/types/packages/native/src/drawer.d.cts +2 -2
- package/dist/types/packages/native/src/drawer.d.ts +2 -2
- package/dist/types/packages/native/src/dropdown.d.cts +12 -12
- package/dist/types/packages/native/src/dropdown.d.ts +12 -12
- package/dist/types/packages/native/src/financial-display.d.cts +12 -12
- package/dist/types/packages/native/src/financial-display.d.ts +12 -12
- package/dist/types/packages/native/src/financial.d.cts +4 -4
- package/dist/types/packages/native/src/financial.d.ts +4 -4
- package/dist/types/packages/native/src/index.d.cts +22 -22
- package/dist/types/packages/native/src/index.d.ts +22 -22
- package/dist/types/packages/native/src/input.d.cts +5 -5
- package/dist/types/packages/native/src/input.d.ts +5 -5
- package/dist/types/packages/native/src/kpi-hero.d.cts +2 -2
- package/dist/types/packages/native/src/kpi-hero.d.ts +2 -2
- package/dist/types/packages/native/src/kpi-row.d.cts +2 -2
- package/dist/types/packages/native/src/kpi-row.d.ts +2 -2
- package/dist/types/packages/native/src/kpi.d.cts +4 -4
- package/dist/types/packages/native/src/kpi.d.ts +4 -4
- package/dist/types/packages/native/src/layers.d.cts +6 -6
- package/dist/types/packages/native/src/layers.d.ts +6 -6
- package/dist/types/packages/native/src/list.d.cts +4 -4
- package/dist/types/packages/native/src/list.d.ts +4 -4
- package/dist/types/packages/native/src/market-cards.d.cts +2 -2
- package/dist/types/packages/native/src/market-cards.d.ts +2 -2
- package/dist/types/packages/native/src/market-list.d.cts +2 -2
- package/dist/types/packages/native/src/market-list.d.ts +2 -2
- package/dist/types/packages/native/src/market-model.d.cts +4 -4
- package/dist/types/packages/native/src/market-model.d.ts +4 -4
- package/dist/types/packages/native/src/market-panel.d.cts +1 -1
- package/dist/types/packages/native/src/market-panel.d.ts +1 -1
- package/dist/types/packages/native/src/market-skeleton.d.cts +2 -2
- package/dist/types/packages/native/src/market-skeleton.d.ts +2 -2
- package/dist/types/packages/native/src/market-table.d.cts +2 -2
- package/dist/types/packages/native/src/market-table.d.ts +2 -2
- package/dist/types/packages/native/src/market.d.cts +5 -5
- package/dist/types/packages/native/src/market.d.ts +5 -5
- package/dist/types/packages/native/src/media.d.cts +4 -4
- package/dist/types/packages/native/src/media.d.ts +4 -4
- package/dist/types/packages/native/src/modal.d.cts +4 -4
- package/dist/types/packages/native/src/modal.d.ts +4 -4
- package/dist/types/packages/native/src/navigation.d.cts +9 -9
- package/dist/types/packages/native/src/navigation.d.ts +9 -9
- package/dist/types/packages/native/src/number-display.d.cts +8 -8
- package/dist/types/packages/native/src/number-display.d.ts +8 -8
- package/dist/types/packages/native/src/popover.d.cts +4 -4
- package/dist/types/packages/native/src/popover.d.ts +4 -4
- package/dist/types/packages/native/src/quantity-stepper.d.cts +2 -2
- package/dist/types/packages/native/src/quantity-stepper.d.ts +2 -2
- package/dist/types/packages/native/src/range-input.d.cts +4 -4
- package/dist/types/packages/native/src/range-input.d.ts +4 -4
- package/dist/types/packages/native/src/search-input.d.cts +2 -2
- package/dist/types/packages/native/src/search-input.d.ts +2 -2
- package/dist/types/packages/native/src/select-control.d.cts +2 -2
- package/dist/types/packages/native/src/select-control.d.ts +2 -2
- package/dist/types/packages/native/src/select.d.cts +8 -8
- package/dist/types/packages/native/src/select.d.ts +8 -8
- package/dist/types/packages/native/src/selection-groups.d.cts +4 -4
- package/dist/types/packages/native/src/selection-groups.d.ts +4 -4
- package/dist/types/packages/native/src/skeleton-base.d.cts +2 -2
- package/dist/types/packages/native/src/skeleton-base.d.ts +2 -2
- package/dist/types/packages/native/src/skeletons.d.cts +8 -8
- package/dist/types/packages/native/src/skeletons.d.ts +8 -8
- package/dist/types/packages/native/src/table-model.d.cts +2 -2
- package/dist/types/packages/native/src/table-model.d.ts +2 -2
- package/dist/types/packages/native/src/table-view.d.cts +2 -2
- package/dist/types/packages/native/src/table-view.d.ts +2 -2
- package/dist/types/packages/native/src/table.d.cts +2 -2
- package/dist/types/packages/native/src/table.d.ts +2 -2
- package/dist/types/packages/native/src/tabs.d.cts +4 -4
- package/dist/types/packages/native/src/tabs.d.ts +4 -4
- package/dist/types/packages/native/src/textarea.d.cts +2 -2
- package/dist/types/packages/native/src/textarea.d.ts +2 -2
- package/dist/types/packages/native/src/time-picker.d.cts +2 -2
- package/dist/types/packages/native/src/time-picker.d.ts +2 -2
- package/dist/types/shared/package-runtime/table-model.d.cts +15 -0
- package/dist/types/shared/package-runtime/table-model.d.ts +15 -0
- package/dist/types/shared/package-runtime/table.d.cts +1 -1
- package/dist/types/shared/package-runtime/table.d.ts +1 -1
- package/package.json +3 -3
|
@@ -2,7 +2,7 @@ import { type StyleProp, type TextStyle } from "react-native";
|
|
|
2
2
|
export declare const finiteNumber: (value: unknown) => number | null;
|
|
3
3
|
export declare const format: (value: number, decimals?: number) => string;
|
|
4
4
|
export declare function useCountUp(value: number | string, animated: boolean, fromPrevious: boolean): string | number;
|
|
5
|
-
export interface
|
|
5
|
+
export interface KjunAnimatedNumberProps {
|
|
6
6
|
value: number | string;
|
|
7
7
|
decimals?: number;
|
|
8
8
|
prefix?: string;
|
|
@@ -17,22 +17,22 @@ export declare const MarketQuoteTypeContext: import("react").Context<{
|
|
|
17
17
|
price: TextStyle;
|
|
18
18
|
change: TextStyle;
|
|
19
19
|
} | null>;
|
|
20
|
-
export declare function
|
|
21
|
-
export interface
|
|
20
|
+
export declare function KjunAnimatedNumber({ value, decimals, prefix, suffix, animated, fromPrevious, formatter, style, }: KjunAnimatedNumberProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface KjunFreshnessProps {
|
|
22
22
|
stale?: boolean;
|
|
23
23
|
source?: string | null;
|
|
24
24
|
fetchedAt?: string | null;
|
|
25
25
|
formatter?: (time: string) => string;
|
|
26
26
|
}
|
|
27
|
-
export declare function
|
|
28
|
-
export interface
|
|
27
|
+
export declare function KjunFreshness({ stale, source, fetchedAt, formatter, }: KjunFreshnessProps): import("react/jsx-runtime").JSX.Element | null;
|
|
28
|
+
export interface KjunPriceCellProps extends Omit<KjunFreshnessProps, "formatter"> {
|
|
29
29
|
value?: number | null;
|
|
30
30
|
formatter?: (value: number) => string;
|
|
31
31
|
fromPrevious?: boolean;
|
|
32
32
|
showFreshness?: boolean;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
35
|
-
export interface
|
|
34
|
+
export declare function KjunPriceCell({ value, formatter, stale, showFreshness, source, fetchedAt, fromPrevious, }: KjunPriceCellProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export interface KjunSignedValueProps {
|
|
36
36
|
value?: number | string | null;
|
|
37
37
|
format?: "number" | "percent";
|
|
38
38
|
isRaw?: boolean;
|
|
@@ -46,4 +46,4 @@ export interface DsSignedValueProps {
|
|
|
46
46
|
showFreshness?: boolean;
|
|
47
47
|
formatter?: (value: number) => string;
|
|
48
48
|
}
|
|
49
|
-
export declare function
|
|
49
|
+
export declare function KjunSignedValue({ value, format: kind, isRaw, decimals, prefix, suffix, showSign, tone, loading, stale, showFreshness, formatter, }: KjunSignedValueProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { type StyleProp, type TextStyle } from "react-native";
|
|
|
2
2
|
export declare const finiteNumber: (value: unknown) => number | null;
|
|
3
3
|
export declare const format: (value: number, decimals?: number) => string;
|
|
4
4
|
export declare function useCountUp(value: number | string, animated: boolean, fromPrevious: boolean): string | number;
|
|
5
|
-
export interface
|
|
5
|
+
export interface KjunAnimatedNumberProps {
|
|
6
6
|
value: number | string;
|
|
7
7
|
decimals?: number;
|
|
8
8
|
prefix?: string;
|
|
@@ -17,22 +17,22 @@ export declare const MarketQuoteTypeContext: import("react").Context<{
|
|
|
17
17
|
price: TextStyle;
|
|
18
18
|
change: TextStyle;
|
|
19
19
|
} | null>;
|
|
20
|
-
export declare function
|
|
21
|
-
export interface
|
|
20
|
+
export declare function KjunAnimatedNumber({ value, decimals, prefix, suffix, animated, fromPrevious, formatter, style, }: KjunAnimatedNumberProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface KjunFreshnessProps {
|
|
22
22
|
stale?: boolean;
|
|
23
23
|
source?: string | null;
|
|
24
24
|
fetchedAt?: string | null;
|
|
25
25
|
formatter?: (time: string) => string;
|
|
26
26
|
}
|
|
27
|
-
export declare function
|
|
28
|
-
export interface
|
|
27
|
+
export declare function KjunFreshness({ stale, source, fetchedAt, formatter, }: KjunFreshnessProps): import("react/jsx-runtime").JSX.Element | null;
|
|
28
|
+
export interface KjunPriceCellProps extends Omit<KjunFreshnessProps, "formatter"> {
|
|
29
29
|
value?: number | null;
|
|
30
30
|
formatter?: (value: number) => string;
|
|
31
31
|
fromPrevious?: boolean;
|
|
32
32
|
showFreshness?: boolean;
|
|
33
33
|
}
|
|
34
|
-
export declare function
|
|
35
|
-
export interface
|
|
34
|
+
export declare function KjunPriceCell({ value, formatter, stale, showFreshness, source, fetchedAt, fromPrevious, }: KjunPriceCellProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
export interface KjunSignedValueProps {
|
|
36
36
|
value?: number | string | null;
|
|
37
37
|
format?: "number" | "percent";
|
|
38
38
|
isRaw?: boolean;
|
|
@@ -46,4 +46,4 @@ export interface DsSignedValueProps {
|
|
|
46
46
|
showFreshness?: boolean;
|
|
47
47
|
formatter?: (value: number) => string;
|
|
48
48
|
}
|
|
49
|
-
export declare function
|
|
49
|
+
export declare function KjunSignedValue({ value, format: kind, isRaw, decimals, prefix, suffix, showSign, tone, loading, stale, showFreshness, formatter, }: KjunSignedValueProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type PressableProps } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunPopoverProps {
|
|
4
4
|
noPadding?: boolean;
|
|
5
5
|
open?: boolean;
|
|
6
6
|
onOpenChange?: (v: boolean) => void;
|
|
@@ -14,11 +14,11 @@ export interface DsPopoverProps {
|
|
|
14
14
|
trigger: ReactNode | ((open: boolean) => ReactNode);
|
|
15
15
|
children: ReactNode | ((close: () => void) => ReactNode);
|
|
16
16
|
}
|
|
17
|
-
export declare function
|
|
18
|
-
export interface
|
|
17
|
+
export declare function KjunPopover({ noPadding, open: controlled, onOpenChange, manualTrigger, matchTriggerWidth, maxHeight, flip, focusOnOpen, ariaLabel, placement, trigger, children, }: KjunPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export interface KjunTooltipProps extends Pick<PressableProps, "onPress" | "disabled"> {
|
|
19
19
|
content?: string;
|
|
20
20
|
placement?: "top" | "bottom" | "left" | "right";
|
|
21
21
|
delay?: number;
|
|
22
22
|
children: ReactNode;
|
|
23
23
|
}
|
|
24
|
-
export declare function
|
|
24
|
+
export declare function KjunTooltip({ content: message, placement, delay, children, onPress, disabled, }: KjunTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
import { type PressableProps } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunPopoverProps {
|
|
4
4
|
noPadding?: boolean;
|
|
5
5
|
open?: boolean;
|
|
6
6
|
onOpenChange?: (v: boolean) => void;
|
|
@@ -14,11 +14,11 @@ export interface DsPopoverProps {
|
|
|
14
14
|
trigger: ReactNode | ((open: boolean) => ReactNode);
|
|
15
15
|
children: ReactNode | ((close: () => void) => ReactNode);
|
|
16
16
|
}
|
|
17
|
-
export declare function
|
|
18
|
-
export interface
|
|
17
|
+
export declare function KjunPopover({ noPadding, open: controlled, onOpenChange, manualTrigger, matchTriggerWidth, maxHeight, flip, focusOnOpen, ariaLabel, placement, trigger, children, }: KjunPopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export interface KjunTooltipProps extends Pick<PressableProps, "onPress" | "disabled"> {
|
|
19
19
|
content?: string;
|
|
20
20
|
placement?: "top" | "bottom" | "left" | "right";
|
|
21
21
|
delay?: number;
|
|
22
22
|
children: ReactNode;
|
|
23
23
|
}
|
|
24
|
-
export declare function
|
|
24
|
+
export declare function KjunTooltip({ content: message, placement, delay, children, onPress, disabled, }: KjunTooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunQuantityStepperProps {
|
|
3
3
|
value: number;
|
|
4
4
|
min?: number;
|
|
5
5
|
max?: number;
|
|
@@ -15,4 +15,4 @@ export interface DsQuantityStepperProps {
|
|
|
15
15
|
onChangeCommit?: (value: number) => void;
|
|
16
16
|
onInvalidInput?: (draft: string) => void;
|
|
17
17
|
}
|
|
18
|
-
export declare function
|
|
18
|
+
export declare function KjunQuantityStepper({ value, min, max, step, precision, disabled, error, size, block, id, ariaLabel, onValueChange, onChangeCommit, onInvalidInput }: KjunQuantityStepperProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunQuantityStepperProps {
|
|
3
3
|
value: number;
|
|
4
4
|
min?: number;
|
|
5
5
|
max?: number;
|
|
@@ -15,4 +15,4 @@ export interface DsQuantityStepperProps {
|
|
|
15
15
|
onChangeCommit?: (value: number) => void;
|
|
16
16
|
onInvalidInput?: (draft: string) => void;
|
|
17
17
|
}
|
|
18
|
-
export declare function
|
|
18
|
+
export declare function KjunQuantityStepper({ value, min, max, step, precision, disabled, error, size, block, id, ariaLabel, onValueChange, onChangeCommit, onInvalidInput }: KjunQuantityStepperProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface KjunSliderProps {
|
|
2
2
|
value: number;
|
|
3
3
|
min?: number;
|
|
4
4
|
max?: number;
|
|
@@ -9,7 +9,7 @@ export interface DsSliderProps {
|
|
|
9
9
|
onValueChange?: (value: number) => void;
|
|
10
10
|
onChangeCommit?: (value: number) => void;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface KjunRangeSliderProps extends Omit<KjunSliderProps, "value" | "onValueChange" | "onChangeCommit"> {
|
|
13
13
|
value: [
|
|
14
14
|
number,
|
|
15
15
|
number
|
|
@@ -27,5 +27,5 @@ export interface DsRangeSliderProps extends Omit<DsSliderProps, "value" | "onVal
|
|
|
27
27
|
number
|
|
28
28
|
]) => void;
|
|
29
29
|
}
|
|
30
|
-
export declare function
|
|
31
|
-
export declare function
|
|
30
|
+
export declare function KjunSlider(props: KjunSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function KjunRangeSlider(props: KjunRangeSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export interface
|
|
1
|
+
export interface KjunSliderProps {
|
|
2
2
|
value: number;
|
|
3
3
|
min?: number;
|
|
4
4
|
max?: number;
|
|
@@ -9,7 +9,7 @@ export interface DsSliderProps {
|
|
|
9
9
|
onValueChange?: (value: number) => void;
|
|
10
10
|
onChangeCommit?: (value: number) => void;
|
|
11
11
|
}
|
|
12
|
-
export interface
|
|
12
|
+
export interface KjunRangeSliderProps extends Omit<KjunSliderProps, "value" | "onValueChange" | "onChangeCommit"> {
|
|
13
13
|
value: [
|
|
14
14
|
number,
|
|
15
15
|
number
|
|
@@ -27,5 +27,5 @@ export interface DsRangeSliderProps extends Omit<DsSliderProps, "value" | "onVal
|
|
|
27
27
|
number
|
|
28
28
|
]) => void;
|
|
29
29
|
}
|
|
30
|
-
export declare function
|
|
31
|
-
export declare function
|
|
30
|
+
export declare function KjunSlider(props: KjunSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare function KjunRangeSlider(props: KjunRangeSliderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { type InputSize } from "@kjun-ui/tokens";
|
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type SearchInputModelProps } from "../../../shared/package-runtime/search-input.cjs";
|
|
4
4
|
import { SelectOption } from "./select-options.cjs";
|
|
5
|
-
export interface
|
|
5
|
+
export interface KjunSearchInputProps<T extends SelectOption = SelectOption> extends SearchInputModelProps<T> {
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
ariaLabel?: string;
|
|
8
8
|
error?: boolean;
|
|
@@ -18,4 +18,4 @@ export interface DsSearchInputProps<T extends SelectOption = SelectOption> exten
|
|
|
18
18
|
onEnter?: () => void;
|
|
19
19
|
onClear?: () => void;
|
|
20
20
|
}
|
|
21
|
-
export declare function
|
|
21
|
+
export declare function KjunSearchInput<T extends SelectOption = SelectOption>({ value, placeholder, ariaLabel, disabled, error, clearable, debounce, size, loadOptions, itemKey, labelField, minChars, emptyText, errorText, renderOption, onValueChange, onSelect, onSearchError, onEnter, onClear, }: KjunSearchInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { type InputSize } from "@kjun-ui/tokens";
|
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { type SearchInputModelProps } from "../../../shared/package-runtime/search-input.js";
|
|
4
4
|
import { SelectOption } from "./select-options.js";
|
|
5
|
-
export interface
|
|
5
|
+
export interface KjunSearchInputProps<T extends SelectOption = SelectOption> extends SearchInputModelProps<T> {
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
ariaLabel?: string;
|
|
8
8
|
error?: boolean;
|
|
@@ -18,4 +18,4 @@ export interface DsSearchInputProps<T extends SelectOption = SelectOption> exten
|
|
|
18
18
|
onEnter?: () => void;
|
|
19
19
|
onClear?: () => void;
|
|
20
20
|
}
|
|
21
|
-
export declare function
|
|
21
|
+
export declare function KjunSearchInput<T extends SelectOption = SelectOption>({ value, placeholder, ariaLabel, disabled, error, clearable, debounce, size, loadOptions, itemKey, labelField, minChars, emptyText, errorText, renderOption, onValueChange, onSelect, onSearchError, onEnter, onClear, }: KjunSearchInputProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { OptionValue, SelectOption } from "./select-options.cjs";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunSelectProps<T extends SelectOption = SelectOption> {
|
|
5
5
|
value: OptionValue | OptionValue[] | null;
|
|
6
6
|
options?: T[];
|
|
7
7
|
placeholder?: string;
|
|
@@ -27,4 +27,4 @@ export interface DsSelectProps<T extends SelectOption = SelectOption> {
|
|
|
27
27
|
onSearch?: (v: string) => void;
|
|
28
28
|
onClear?: () => void;
|
|
29
29
|
}
|
|
30
|
-
export declare function
|
|
30
|
+
export declare function KjunSelect<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, size, disabled, searchable, open: controlled, loading, searchPlaceholder, optionPageSize, clearable, multiple, error, menuHeader, renderOption, renderSelected, onValueChange, onChange, onOpenChange, onSearch, onClear, }: KjunSelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type ReactNode } from "react";
|
|
3
3
|
import { OptionValue, SelectOption } from "./select-options.js";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunSelectProps<T extends SelectOption = SelectOption> {
|
|
5
5
|
value: OptionValue | OptionValue[] | null;
|
|
6
6
|
options?: T[];
|
|
7
7
|
placeholder?: string;
|
|
@@ -27,4 +27,4 @@ export interface DsSelectProps<T extends SelectOption = SelectOption> {
|
|
|
27
27
|
onSearch?: (v: string) => void;
|
|
28
28
|
onClear?: () => void;
|
|
29
29
|
}
|
|
30
|
-
export declare function
|
|
30
|
+
export declare function KjunSelect<T extends SelectOption = SelectOption>({ value, options, placeholder, ariaLabel, labelKey, valueKey, size, disabled, searchable, open: controlled, loading, searchPlaceholder, optionPageSize, clearable, multiple, error, menuHeader, renderOption, renderSelected, onValueChange, onChange, onOpenChange, onSearch, onClear, }: KjunSelectProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type {
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
5
|
-
export {
|
|
6
|
-
export type {
|
|
7
|
-
export {
|
|
8
|
-
export type {
|
|
1
|
+
export { KjunCombobox } from "./combobox.cjs";
|
|
2
|
+
export type { KjunComboboxProps } from "./combobox.cjs";
|
|
3
|
+
export { KjunDatePicker } from "./date-picker.cjs";
|
|
4
|
+
export type { KjunDatePickerProps } from "./date-picker.cjs";
|
|
5
|
+
export { KjunSearchInput } from "./search-input.cjs";
|
|
6
|
+
export type { KjunSearchInputProps } from "./search-input.cjs";
|
|
7
|
+
export { KjunSelect } from "./select-control.cjs";
|
|
8
|
+
export type { KjunSelectProps } from "./select-control.cjs";
|
|
9
9
|
export { optionLabel, optionValue } from "./select-options.cjs";
|
|
10
10
|
export type { OptionValue, SelectOption } from "./select-options.cjs";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export type {
|
|
3
|
-
export {
|
|
4
|
-
export type {
|
|
5
|
-
export {
|
|
6
|
-
export type {
|
|
7
|
-
export {
|
|
8
|
-
export type {
|
|
1
|
+
export { KjunCombobox } from "./combobox.js";
|
|
2
|
+
export type { KjunComboboxProps } from "./combobox.js";
|
|
3
|
+
export { KjunDatePicker } from "./date-picker.js";
|
|
4
|
+
export type { KjunDatePickerProps } from "./date-picker.js";
|
|
5
|
+
export { KjunSearchInput } from "./search-input.js";
|
|
6
|
+
export type { KjunSearchInputProps } from "./search-input.js";
|
|
7
|
+
export { KjunSelect } from "./select-control.js";
|
|
8
|
+
export type { KjunSelectProps } from "./select-control.js";
|
|
9
9
|
export { optionLabel, optionValue } from "./select-options.js";
|
|
10
10
|
export type { OptionValue, SelectOption } from "./select-options.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ButtonSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { ChoiceOption, ChoiceValue } from "./choice-controls.cjs";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunButtonGroupProps {
|
|
4
4
|
value: ChoiceValue;
|
|
5
5
|
options: ChoiceOption[];
|
|
6
6
|
size?: ButtonSize;
|
|
@@ -11,12 +11,12 @@ export interface DsButtonGroupProps {
|
|
|
11
11
|
onValueChange?: (value: ChoiceValue) => void;
|
|
12
12
|
onChange?: (value: ChoiceValue) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function
|
|
15
|
-
export interface
|
|
14
|
+
export declare function KjunButtonGroup({ value, options, size, disabled, fullWidth, ariaLabel, onValueChange, onChange, }: KjunButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export interface KjunFilterGroupProps extends Omit<KjunButtonGroupProps, "value" | "onValueChange" | "onChange" | "fullWidth" | "variant"> {
|
|
16
16
|
value: ChoiceValue | ChoiceValue[];
|
|
17
17
|
multiple?: boolean;
|
|
18
18
|
scroll?: boolean;
|
|
19
19
|
onValueChange?: (value: ChoiceValue | ChoiceValue[]) => void;
|
|
20
20
|
onChange?: (value: ChoiceValue | ChoiceValue[]) => void;
|
|
21
21
|
}
|
|
22
|
-
export declare function
|
|
22
|
+
export declare function KjunFilterGroup({ value, options, size, disabled, multiple, scroll, ariaLabel, onValueChange, onChange, }: KjunFilterGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type ButtonSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { ChoiceOption, ChoiceValue } from "./choice-controls.js";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunButtonGroupProps {
|
|
4
4
|
value: ChoiceValue;
|
|
5
5
|
options: ChoiceOption[];
|
|
6
6
|
size?: ButtonSize;
|
|
@@ -11,12 +11,12 @@ export interface DsButtonGroupProps {
|
|
|
11
11
|
onValueChange?: (value: ChoiceValue) => void;
|
|
12
12
|
onChange?: (value: ChoiceValue) => void;
|
|
13
13
|
}
|
|
14
|
-
export declare function
|
|
15
|
-
export interface
|
|
14
|
+
export declare function KjunButtonGroup({ value, options, size, disabled, fullWidth, ariaLabel, onValueChange, onChange, }: KjunButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export interface KjunFilterGroupProps extends Omit<KjunButtonGroupProps, "value" | "onValueChange" | "onChange" | "fullWidth" | "variant"> {
|
|
16
16
|
value: ChoiceValue | ChoiceValue[];
|
|
17
17
|
multiple?: boolean;
|
|
18
18
|
scroll?: boolean;
|
|
19
19
|
onValueChange?: (value: ChoiceValue | ChoiceValue[]) => void;
|
|
20
20
|
onChange?: (value: ChoiceValue | ChoiceValue[]) => void;
|
|
21
21
|
}
|
|
22
|
-
export declare function
|
|
22
|
+
export declare function KjunFilterGroup({ value, options, size, disabled, multiple, scroll, ariaLabel, onValueChange, onChange, }: KjunFilterGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type DimensionValue } from "react-native";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunSkeletonProps {
|
|
3
3
|
type?: "text" | "avatar" | "card" | "table" | "chart" | "stat" | "block";
|
|
4
4
|
rows?: number;
|
|
5
5
|
columns?: number;
|
|
@@ -8,4 +8,4 @@ export interface DsSkeletonProps {
|
|
|
8
8
|
animated?: boolean;
|
|
9
9
|
rounded?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare function
|
|
11
|
+
export declare function KjunSkeleton({ type, rows, columns, height, width, animated, rounded, }: KjunSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type DimensionValue } from "react-native";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunSkeletonProps {
|
|
3
3
|
type?: "text" | "avatar" | "card" | "table" | "chart" | "stat" | "block";
|
|
4
4
|
rows?: number;
|
|
5
5
|
columns?: number;
|
|
@@ -8,4 +8,4 @@ export interface DsSkeletonProps {
|
|
|
8
8
|
animated?: boolean;
|
|
9
9
|
rounded?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare function
|
|
11
|
+
export declare function KjunSkeleton({ type, rows, columns, height, width, animated, rounded, }: KjunSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type DimensionValue } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunListSkeletonProps {
|
|
4
4
|
rows?: number;
|
|
5
5
|
variant?: "market" | "compact" | "notification";
|
|
6
6
|
avatar?: boolean;
|
|
7
7
|
avatarSize?: DimensionValue;
|
|
8
8
|
quote?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
11
|
-
export interface
|
|
10
|
+
export declare function KjunListSkeleton({ rows, variant, avatar, avatarSize, quote, }: KjunListSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export interface KjunFormSkeletonProps {
|
|
12
12
|
fields?: (string | {
|
|
13
13
|
label?: string;
|
|
14
14
|
height?: DimensionValue;
|
|
@@ -17,12 +17,12 @@ export interface DsFormSkeletonProps {
|
|
|
17
17
|
multiline?: boolean;
|
|
18
18
|
size?: InputSize;
|
|
19
19
|
}
|
|
20
|
-
export declare function
|
|
21
|
-
export interface
|
|
20
|
+
export declare function KjunFormSkeleton({ fields, columns, multiline, size, }: KjunFormSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface KjunChartSkeletonProps {
|
|
22
22
|
loadingText?: string;
|
|
23
23
|
kind?: "grid" | "line" | "bar" | "donut" | "candle" | "matrix";
|
|
24
24
|
height?: DimensionValue;
|
|
25
25
|
}
|
|
26
|
-
export declare function
|
|
27
|
-
export {
|
|
28
|
-
export type {
|
|
26
|
+
export declare function KjunChartSkeleton({ loadingText, kind, height, }: KjunChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { KjunMarketTableSkeleton } from "./market-skeleton.cjs";
|
|
28
|
+
export type { KjunMarketTableSkeletonProps } from "./market-skeleton.cjs";
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { type DimensionValue } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunListSkeletonProps {
|
|
4
4
|
rows?: number;
|
|
5
5
|
variant?: "market" | "compact" | "notification";
|
|
6
6
|
avatar?: boolean;
|
|
7
7
|
avatarSize?: DimensionValue;
|
|
8
8
|
quote?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export declare function
|
|
11
|
-
export interface
|
|
10
|
+
export declare function KjunListSkeleton({ rows, variant, avatar, avatarSize, quote, }: KjunListSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export interface KjunFormSkeletonProps {
|
|
12
12
|
fields?: (string | {
|
|
13
13
|
label?: string;
|
|
14
14
|
height?: DimensionValue;
|
|
@@ -17,12 +17,12 @@ export interface DsFormSkeletonProps {
|
|
|
17
17
|
multiline?: boolean;
|
|
18
18
|
size?: InputSize;
|
|
19
19
|
}
|
|
20
|
-
export declare function
|
|
21
|
-
export interface
|
|
20
|
+
export declare function KjunFormSkeleton({ fields, columns, multiline, size, }: KjunFormSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export interface KjunChartSkeletonProps {
|
|
22
22
|
loadingText?: string;
|
|
23
23
|
kind?: "grid" | "line" | "bar" | "donut" | "candle" | "matrix";
|
|
24
24
|
height?: DimensionValue;
|
|
25
25
|
}
|
|
26
|
-
export declare function
|
|
27
|
-
export {
|
|
28
|
-
export type {
|
|
26
|
+
export declare function KjunChartSkeleton({ loadingText, kind, height, }: KjunChartSkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export { KjunMarketTableSkeleton } from "./market-skeleton.js";
|
|
28
|
+
export type { KjunMarketTableSkeletonProps } from "./market-skeleton.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type TableProps } from "../../../shared/package-runtime/table.cjs";
|
|
2
2
|
export { getValue } from "../../../shared/package-runtime/table.cjs";
|
|
3
3
|
export type { TableSort, TableColumn, TableCardSection, TablePagination } from "../../../shared/package-runtime/table.cjs";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunTableProps<Row extends object = Record<string, unknown>> extends TableProps<Row, number> {
|
|
5
5
|
}
|
|
6
|
-
export declare function useTableModel<Row extends object>(props:
|
|
6
|
+
export declare function useTableModel<Row extends object>(props: KjunTableProps<Row>): {
|
|
7
7
|
rows: Row[];
|
|
8
8
|
key: (row: Row, index?: number) => string | number;
|
|
9
9
|
sort: import("@kjun-ui/tokens").TableSort;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { type TableProps } from "../../../shared/package-runtime/table.js";
|
|
2
2
|
export { getValue } from "../../../shared/package-runtime/table.js";
|
|
3
3
|
export type { TableSort, TableColumn, TableCardSection, TablePagination } from "../../../shared/package-runtime/table.js";
|
|
4
|
-
export interface
|
|
4
|
+
export interface KjunTableProps<Row extends object = Record<string, unknown>> extends TableProps<Row, number> {
|
|
5
5
|
}
|
|
6
|
-
export declare function useTableModel<Row extends object>(props:
|
|
6
|
+
export declare function useTableModel<Row extends object>(props: KjunTableProps<Row>): {
|
|
7
7
|
rows: Row[];
|
|
8
8
|
key: (row: Row, index?: number) => string | number;
|
|
9
9
|
sort: import("@kjun-ui/tokens").TableSort;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function
|
|
1
|
+
import { KjunTableProps } from "./table-model.cjs";
|
|
2
|
+
export declare function KjunTable<Row extends object = Record<string, unknown>>(props: KjunTableProps<Row>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare function
|
|
1
|
+
import { KjunTableProps } from "./table-model.js";
|
|
2
|
+
export declare function KjunTable<Row extends object = Record<string, unknown>>(props: KjunTableProps<Row>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { getValue, useTableModel } from "./table-model.cjs";
|
|
2
|
-
export type {
|
|
3
|
-
export {
|
|
2
|
+
export type { KjunTableProps, TableCardSection, TableColumn, TablePagination, TableSort } from "./table-model.cjs";
|
|
3
|
+
export { KjunTable } from "./table-view.cjs";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { getValue, useTableModel } from "./table-model.js";
|
|
2
|
-
export type {
|
|
3
|
-
export {
|
|
2
|
+
export type { KjunTableProps, TableCardSection, TableColumn, TablePagination, TableSort } from "./table-model.js";
|
|
3
|
+
export { KjunTable } from "./table-view.js";
|
|
@@ -7,7 +7,7 @@ export interface TabItem {
|
|
|
7
7
|
badgeVariant?: "danger" | "success" | "warning" | "info";
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export interface
|
|
10
|
+
export interface KjunTabsProps {
|
|
11
11
|
value: string;
|
|
12
12
|
items?: TabItem[];
|
|
13
13
|
density?: "comfortable" | "compact";
|
|
@@ -24,8 +24,8 @@ export interface DsTabsProps {
|
|
|
24
24
|
pointer: "mouse" | "touch";
|
|
25
25
|
}) => void;
|
|
26
26
|
}
|
|
27
|
-
export declare function
|
|
28
|
-
export interface
|
|
27
|
+
export declare function KjunTabs({ value, items, density, variant, actions, children, ariaLabel, onValueChange, onChange, onTabMenu, }: KjunTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export interface KjunTabPaneProps extends TabItem {
|
|
29
29
|
children?: ReactNode;
|
|
30
30
|
}
|
|
31
|
-
export declare function
|
|
31
|
+
export declare function KjunTabPane({ name, children }: KjunTabPaneProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -7,7 +7,7 @@ export interface TabItem {
|
|
|
7
7
|
badgeVariant?: "danger" | "success" | "warning" | "info";
|
|
8
8
|
disabled?: boolean;
|
|
9
9
|
}
|
|
10
|
-
export interface
|
|
10
|
+
export interface KjunTabsProps {
|
|
11
11
|
value: string;
|
|
12
12
|
items?: TabItem[];
|
|
13
13
|
density?: "comfortable" | "compact";
|
|
@@ -24,8 +24,8 @@ export interface DsTabsProps {
|
|
|
24
24
|
pointer: "mouse" | "touch";
|
|
25
25
|
}) => void;
|
|
26
26
|
}
|
|
27
|
-
export declare function
|
|
28
|
-
export interface
|
|
27
|
+
export declare function KjunTabs({ value, items, density, variant, actions, children, ariaLabel, onValueChange, onChange, onTabMenu, }: KjunTabsProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export interface KjunTabPaneProps extends TabItem {
|
|
29
29
|
children?: ReactNode;
|
|
30
30
|
}
|
|
31
|
-
export declare function
|
|
31
|
+
export declare function KjunTabPane({ name, children }: KjunTabPaneProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { TextInput, type TextInputProps } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunTextareaProps extends TextInputProps {
|
|
4
4
|
size?: InputSize;
|
|
5
5
|
value: string;
|
|
6
6
|
error?: boolean;
|
|
@@ -9,4 +9,4 @@ export interface DsTextareaProps extends TextInputProps {
|
|
|
9
9
|
readonly?: boolean;
|
|
10
10
|
ariaLabel?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const KjunTextarea: import("react").ForwardRefExoticComponent<KjunTextareaProps & import("react").RefAttributes<TextInput>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type InputSize } from "@kjun-ui/tokens";
|
|
2
2
|
import { TextInput, type TextInputProps } from "react-native";
|
|
3
|
-
export interface
|
|
3
|
+
export interface KjunTextareaProps extends TextInputProps {
|
|
4
4
|
size?: InputSize;
|
|
5
5
|
value: string;
|
|
6
6
|
error?: boolean;
|
|
@@ -9,4 +9,4 @@ export interface DsTextareaProps extends TextInputProps {
|
|
|
9
9
|
readonly?: boolean;
|
|
10
10
|
ariaLabel?: string;
|
|
11
11
|
}
|
|
12
|
-
export declare const
|
|
12
|
+
export declare const KjunTextarea: import("react").ForwardRefExoticComponent<KjunTextareaProps & import("react").RefAttributes<TextInput>>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type TimePrecision, type InputSize } from "@kjun-ui/tokens";
|
|
2
|
-
export interface
|
|
2
|
+
export interface KjunTimePickerProps {
|
|
3
3
|
value: string | null;
|
|
4
4
|
precision?: TimePrecision;
|
|
5
5
|
min?: string;
|
|
@@ -14,4 +14,4 @@ export interface DsTimePickerProps {
|
|
|
14
14
|
onValueChange?: (value: string | null) => void;
|
|
15
15
|
onChangeCommit?: (value: string | null) => void;
|
|
16
16
|
}
|
|
17
|
-
export declare function
|
|
17
|
+
export declare function KjunTimePicker({ value, precision, min, max, minuteStep, secondStep, disabled, error, clearable, size, ariaLabel, onValueChange, onChangeCommit }: KjunTimePickerProps): import("react/jsx-runtime").JSX.Element;
|