@scmlatam/web-ui 0.2.59 → 0.2.60
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/src/components/input.d.ts +5 -0
- package/dist/src/hooks/useIsMobile.d.ts +1 -0
- package/dist/src/mock/DocsSidebarData.d.ts +9 -0
- package/dist/src/pages/home/rb/components/RbDocumentationIndex.d.ts +7 -4
- package/dist/src/pages/home/rb/sections/ColorsSection.d.ts +1 -0
- package/dist/src/pages/home/rb/sections/EmptyStateSection.d.ts +1 -0
- package/dist/src/pages/home/rb/sections/IntroduccionSection.d.ts +1 -0
- package/dist/src/pages/home/rb/sections/LegacySection.d.ts +1 -0
- package/dist/src/pages/home/rb/sections/TooltipsSection.d.ts +1 -0
- package/dist/src/rb-components/topbar/TopBar.d.ts +3 -1
- package/dist/src/rb-components/ui/index.d.ts +1 -1
- package/dist/src/rb-components/ui/primitives/Input.d.ts +11 -0
- package/dist/src/rb-components/ui/primitives/Input.test.d.ts +1 -0
- package/dist/src/stories/rb/RbInput.stories.d.ts +2 -0
- package/dist/web-ui.js +7865 -7782
- package/dist/web-ui.umd.cjs +86 -87
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function useIsMobile(query?: string): boolean;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { DocsNavGroup } from '../../../../mock/DocsSidebarData';
|
|
2
|
+
interface RbDocumentationIndexProps {
|
|
3
|
+
data: DocsNavGroup[];
|
|
4
|
+
activeSection: string;
|
|
5
|
+
onSelectSection: (path: string) => void;
|
|
4
6
|
}
|
|
5
|
-
export declare function RbDocumentationIndex({
|
|
7
|
+
export declare function RbDocumentationIndex({ data, activeSection, onSelectSection, }: RbDocumentationIndexProps): import("react").JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function ColorsSection(): import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function EmptyStateSection(): import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function IntroduccionSection(): import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function LegacySection(): import("react").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function TooltipsSection(): import("react").JSX.Element;
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { DashboardProps } from '../../components/core/types/types';
|
|
2
2
|
type AccountType = DashboardProps["account"];
|
|
3
3
|
type SidebarItemsType = DashboardProps["sidebar"]["items"];
|
|
4
|
+
type SignOutType = DashboardProps["sidebar"]["signOut"];
|
|
4
5
|
interface TopBarProps {
|
|
5
6
|
id?: string;
|
|
6
7
|
account: AccountType;
|
|
7
8
|
sidebarItems: SidebarItemsType;
|
|
9
|
+
signOut?: SignOutType;
|
|
8
10
|
onOpenMobile?: () => void;
|
|
9
11
|
}
|
|
10
|
-
declare const TopBar: ({ id,
|
|
12
|
+
declare const TopBar: ({ id, sidebarItems, signOut, onOpenMobile, }: TopBarProps) => import("react").JSX.Element;
|
|
11
13
|
export { TopBar };
|
|
@@ -29,7 +29,7 @@ export type { CardProps } from './primitives/Card';
|
|
|
29
29
|
export { IconButton } from './primitives/IconButton';
|
|
30
30
|
export type { IconButtonProps } from './primitives/IconButton';
|
|
31
31
|
export { Input } from './primitives/Input';
|
|
32
|
-
export type { InputProps } from './primitives/Input';
|
|
32
|
+
export type { InputFormat, InputProps } from './primitives/Input';
|
|
33
33
|
export { Checkbox } from './primitives/Checkbox';
|
|
34
34
|
export type { CheckboxProps, CheckboxSize } from './primitives/Checkbox';
|
|
35
35
|
export { Radio } from './primitives/Radio';
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export type InputLabelVariant = "stacked" | "notched";
|
|
3
|
+
export type InputFormat = "duration";
|
|
3
4
|
export type BaseInputProps = {
|
|
4
5
|
containerClassName?: string;
|
|
6
|
+
/** Duration input accepts HH:mm or HHmm and normalizes to HH:mm on blur. */
|
|
7
|
+
format?: InputFormat;
|
|
8
|
+
/** Maximum absolute duration in hours. Applies only when format="duration". */
|
|
9
|
+
limit?: number;
|
|
5
10
|
label?: React.ReactNode;
|
|
6
11
|
labelVariant?: InputLabelVariant;
|
|
7
12
|
white?: boolean;
|
|
8
13
|
hint?: React.ReactNode;
|
|
9
14
|
helperText?: React.ReactNode;
|
|
10
15
|
error?: boolean;
|
|
16
|
+
warning?: boolean;
|
|
11
17
|
unstyled?: boolean;
|
|
12
18
|
infoTooltip?: React.ReactNode;
|
|
13
19
|
infoAriaLabel?: string;
|
|
@@ -20,5 +26,10 @@ type TextareaInputProps = BaseInputProps & Omit<React.TextareaHTMLAttributes<HTM
|
|
|
20
26
|
as: "textarea";
|
|
21
27
|
};
|
|
22
28
|
export type InputProps = TextInputProps | TextareaInputProps;
|
|
29
|
+
export declare function isValidNumericInput(value: string): boolean;
|
|
30
|
+
export declare function isValidNumericInputInsertion(value: string, insertedText: string, selectionStart?: number, selectionEnd?: number): boolean;
|
|
31
|
+
export declare function isValidDurationInput(value: string, limit?: number): boolean;
|
|
32
|
+
export declare function isValidDurationInsertion(value: string, insertedText: string, selectionStart?: number, selectionEnd?: number, limit?: number): boolean;
|
|
33
|
+
export declare function normalizeDurationInput(value: string): string;
|
|
23
34
|
export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
|
24
35
|
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|