@scmlatam/web-ui 0.2.59 → 0.2.61

package/README.md

@@ -20,3 +20,12 @@ createRoot(document.getElementById("root")!).render(
 );
 
 ```
+
+### Visibilidad del sidebar
+
+`Core` y `DashboardShell` aceptan `showSidebar`, activo por defecto.
+Para conservar solo la navegacion propia de una pagina, utiliza
+`<Core {...props} showSidebar={false} />`. Este modo elimina el menu principal,
+su boton movil y el espacio lateral reservado, sin ocultar la barra superior.
+La app de demostracion lo desactiva; los consumidores que omiten esta propiedad
+conservan el sidebar.

package/dist/src/components/core/Core.d.ts

@@ -1,3 +1,3 @@
 import { CoreProps } from './types/types';
-declare const Core: ({ sidebar, routes, product, account, languages, loginForm: form, signup, unsavedChangesAlert, msalInstance, }: CoreProps) => import("react").JSX.Element;
+declare const Core: ({ sidebar, showSidebar, routes, product, account, languages, loginForm: form, signup, unsavedChangesAlert, msalInstance, }: CoreProps) => import("react").JSX.Element;
 export { Core };

package/dist/src/components/input.d.ts

@@ -0,0 +1,5 @@
+interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    format: "text" | "number" | "email" | "password" | "tel" | "url";
+}
+declare const Input: ({ ...props }: InputProps) => import("react").JSX.Element;
+export default Input;

package/dist/src/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(query?: string): boolean;

package/dist/src/mock/DocsSidebarData.d.ts

@@ -0,0 +1,9 @@
+export interface DocsNavItem {
+    title: string;
+    path: string;
+}
+export interface DocsNavGroup {
+    category: string;
+    items: DocsNavItem[];
+}
+export declare const docsSidebarData: DocsNavGroup[];

package/dist/src/pages/home/rb/components/RbDocumentationIndex.d.ts

@@ -1,5 +1,8 @@
-import { RbDocumentationIndexItem } from '../types/documentation.types';
-export interface RbDocumentationIndexProps {
-    items: RbDocumentationIndexItem[];
+import { DocsNavGroup } from '../../../../mock/DocsSidebarData';
+interface RbDocumentationIndexProps {
+    data: DocsNavGroup[];
+    activeSection: string;
+    onSelectSection: (path: string) => void;
 }
-export declare function RbDocumentationIndex({ items, }: RbDocumentationIndexProps): import("react").JSX.Element;
+export declare function RbDocumentationIndex({ data, activeSection, onSelectSection, }: RbDocumentationIndexProps): import("react").JSX.Element;
+export {};

package/dist/src/pages/home/rb/sections/ColorsSection.d.ts

@@ -0,0 +1 @@
+export declare function ColorsSection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/EmptyStateSection.d.ts

@@ -0,0 +1 @@
+export declare function EmptyStateSection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/IntroduccionSection.d.ts

@@ -0,0 +1 @@
+export declare function IntroduccionSection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/LegacySection.d.ts

@@ -0,0 +1 @@
+export declare function LegacySection(): import("react").JSX.Element;

package/dist/src/pages/home/rb/sections/TooltipsSection.d.ts

@@ -0,0 +1 @@
+export declare function TooltipsSection(): import("react").JSX.Element;

package/dist/src/rb-components/shell/DashboardShell.d.ts

@@ -1,3 +1,3 @@
 import { DashboardProps } from '../../components/core/types/types';
-declare const DashboardShell: ({ sidebar, routes, account, }: DashboardProps) => import("react").JSX.Element;
+declare const DashboardShell: ({ sidebar, showSidebar, routes, account, }: DashboardProps) => import("react").JSX.Element;
 export { DashboardShell };

package/dist/src/rb-components/shell/DashboardShell.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/rb-components/table/RbTable.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/rb-components/topbar/TopBar.d.ts

@@ -1,11 +1,13 @@
 import { DashboardProps } from '../../components/core/types/types';
 type AccountType = DashboardProps["account"];
 type SidebarItemsType = DashboardProps["sidebar"]["items"];
+type SignOutType = DashboardProps["sidebar"]["signOut"];
 interface TopBarProps {
     id?: string;
-    account: AccountType;
+    account?: AccountType;
     sidebarItems: SidebarItemsType;
+    signOut?: SignOutType;
     onOpenMobile?: () => void;
 }
-declare const TopBar: ({ id, account, sidebarItems, onOpenMobile }: TopBarProps) => import("react").JSX.Element;
+declare const TopBar: ({ id, account, sidebarItems, signOut, onOpenMobile, }: TopBarProps) => import("react").JSX.Element;
 export { TopBar };

package/dist/src/rb-components/topbar/TopBar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/rb-components/ui/index.d.ts

@@ -29,7 +29,7 @@ export type { CardProps } from './primitives/Card';
 export { IconButton } from './primitives/IconButton';
 export type { IconButtonProps } from './primitives/IconButton';
 export { Input } from './primitives/Input';
-export type { InputProps } from './primitives/Input';
+export type { InputFormat, InputProps } from './primitives/Input';
 export { Checkbox } from './primitives/Checkbox';
 export type { CheckboxProps, CheckboxSize } from './primitives/Checkbox';
 export { Radio } from './primitives/Radio';

package/dist/src/rb-components/ui/primitives/Input.d.ts

@@ -1,13 +1,19 @@
 import { default as React } from 'react';
 export type InputLabelVariant = "stacked" | "notched";
+export type InputFormat = "duration";
 export type BaseInputProps = {
     containerClassName?: string;
+    /** Duration input accepts HH:mm or HHmm and normalizes to HH:mm on blur. */
+    format?: InputFormat;
+    /** Maximum absolute duration in hours. Applies only when format="duration". */
+    limit?: number;
     label?: React.ReactNode;
     labelVariant?: InputLabelVariant;
     white?: boolean;
     hint?: React.ReactNode;
     helperText?: React.ReactNode;
     error?: boolean;
+    warning?: boolean;
     unstyled?: boolean;
     infoTooltip?: React.ReactNode;
     infoAriaLabel?: string;
@@ -20,5 +26,10 @@ type TextareaInputProps = BaseInputProps & Omit<React.TextareaHTMLAttributes<HTM
     as: "textarea";
 };
 export type InputProps = TextInputProps | TextareaInputProps;
+export declare function isValidNumericInput(value: string): boolean;
+export declare function isValidNumericInputInsertion(value: string, insertedText: string, selectionStart?: number, selectionEnd?: number): boolean;
+export declare function isValidDurationInput(value: string, limit?: number): boolean;
+export declare function isValidDurationInsertion(value: string, insertedText: string, selectionStart?: number, selectionEnd?: number, limit?: number): boolean;
+export declare function normalizeDurationInput(value: string): string;
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
 export {};

package/dist/src/rb-components/ui/primitives/Input.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/stories/rb/RbInput.stories.d.ts

@@ -11,3 +11,5 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Basico: Story;
 export declare const Textarea: Story;
+export declare const AdvertenciaDuracion: Story;
+export declare const NumeroSinNotacionCientifica: Story;