caplink-saas-ui-shared-component-library 1.36.2 → 1.37.0

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

@@ -3,9 +3,11 @@ import { VariantProps } from 'class-variance-authority';
 import { ReactNode, InputHTMLAttributes } from 'react';
 export type InputProps = {
     leftAdornment?: ReactNode;
+    containerClassName?: string;
 } & InputHTMLAttributes<HTMLInputElement> & VariantProps<typeof inputVariants>;
 export declare const Input: import('react').ForwardRefExoticComponent<{
     leftAdornment?: ReactNode;
+    containerClassName?: string | undefined;
 } & InputHTMLAttributes<HTMLInputElement> & VariantProps<(props?: ({
     variant?: "default" | "success" | "warning" | "danger" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/numeric-input/index.d.ts

@@ -0,0 +1 @@
+export { NumericInput, type NumericInputProps } from './numeric-input';

package/dist/components/numeric-input/lib/index.d.ts

@@ -0,0 +1,29 @@
+import { NumberType } from '../model';
+export declare const percentageRatio = 100;
+export declare const percentageScaleToBeDisregarded = 2;
+interface NumToStrFormatter {
+    numValue?: number;
+    decimalScale: number;
+    type: NumberType;
+    currency?: string;
+}
+export type RoundingRule = 'TRUNCATE' | 'ROUND';
+export declare function numToStrFormatter(params: NumToStrFormatter): string;
+interface GetDecimalScale {
+    type: NumberType;
+    decimalScale?: number;
+}
+export declare function getDecimalScale(params: GetDecimalScale): number | undefined;
+interface GetPercentageOutput {
+    decimalScale: number;
+    numValue: number;
+    roundingRule: RoundingRule;
+}
+export declare function convertPercentageToInput(params: GetPercentageOutput): number;
+interface GetPercentageInput {
+    decimalScale: number;
+    numValue: number;
+    roundingRule: RoundingRule;
+}
+export declare function convertPercentageToOutput(params: GetPercentageInput): number;
+export {};

package/dist/components/numeric-input/model/index.d.ts

@@ -0,0 +1,8 @@
+export type NumberType = 'integer' | 'float' | 'decimal' | 'percentage' | 'currency';
+export interface NumericInputSettings {
+    min?: number;
+    max?: number;
+    decimalScale?: number;
+    allowNegative?: boolean;
+    currency?: string;
+}

package/dist/components/numeric-input/numeric-input.d.ts

@@ -0,0 +1,19 @@
+import { ClipboardEvent, FocusEvent, MouseEvent } from 'react';
+import { NumberType, NumericInputSettings } from './model';
+export interface NumericInputProps {
+    value?: string;
+    onChange?: (value?: string) => void;
+    onBlur?: () => void;
+    onFocus?: (e: FocusEvent<HTMLInputElement>) => void;
+    onClick?: (e: MouseEvent<HTMLInputElement>) => void;
+    onPaste?: (e: ClipboardEvent<HTMLInputElement>) => void;
+    tabIndex?: number;
+    type: NumberType;
+    settings?: Partial<NumericInputSettings>;
+    disabled?: boolean;
+    testid?: string;
+    className?: string;
+    dataCypress?: string;
+    dataFieldInstanceInput?: string;
+}
+export declare function NumericInput(props: NumericInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/select/index.d.ts

@@ -0,0 +1 @@
+export { Select } from './select';

package/dist/components/select/select.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const Select: {
+    Root: import('react').FC<import('@radix-ui/react-select').SelectProps>;
+    Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+    Item: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    Value: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
+    ScrollDownButton: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectScrollDownButtonProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+    ScrollUpButton: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectScrollUpButtonProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+};

package/dist/components/select/select.primitives.d.ts

@@ -0,0 +1,13 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import * as React from 'react';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/features/spreadsheet/model/context.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import type * as Spreadsheet from './spreadsheet';
+import * as Spreadsheet from './spreadsheet';
 export declare const SpreadsheetContext: import('react').Context<Spreadsheet.Context | null>;
 export declare function SpreadsheetContextProvider({ children, startingColumns, matrix: startingMatrix, staticRows, onMatrixChange, onExportData, }: Spreadsheet.ContextProvider): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/model/spreadsheet.d.ts

@@ -83,6 +83,9 @@ export type ColumnState = {
     width: number;
 };
 export type ColumnSettings = {
+    lineByLine?: {
+        span?: number;
+    };
     select?: {
         items: Array<SelectItem>;
     };
@@ -121,6 +124,10 @@ export type Column = {
     counter: ColumnCounterEnum;
     filter: ColumnFilter;
 };
+export declare enum SpreadsheetViewType {
+    DEFAULT = "DEFAULT",
+    LINE_BY_LINE = "LINE_BY_LINE"
+}
 /** Spreadsheet Cell component */
 export type Cell = {
     /** The cell value */
@@ -177,5 +184,7 @@ export type Context = {
     }): void;
     onRestoreColumnsVisibility: () => void;
     onExportData?: () => void;
+    viewType: SpreadsheetViewType;
+    setViewType: (viewType: SpreadsheetViewType) => void;
 };
 export type ContextProvider = Omit<PropsWithChildren<SpreadsheetProps>, 'className'>;

package/dist/features/spreadsheet/ui/fields/boolean-field.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function BooleanField({ value, onValueChange, isDisabled }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/date-field.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function DateField({ value, onValueChange, isDisabled }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/dropdown-field.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function DropdownField({ value, onValueChange, isDisabled, settings }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/field-element.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function FieldElement(props: FieldProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/spreadsheet/ui/fields/field.d.ts

@@ -0,0 +1,9 @@
+import { ColumnSettings, DataEditorType } from '../../model/spreadsheet';
+export type FieldProps = {
+    value: string;
+    onValueChange: (value: string) => void;
+    isDisabled: boolean;
+    type: DataEditorType;
+    settings?: ColumnSettings;
+};
+export declare function Field(props: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/numeric-field-instance.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function NumericFieldInstance({ value, onValueChange, isDisabled, type }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/string-field.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function StringField({ value, onValueChange, isDisabled, settings }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/fields/string-masked-field.d.ts

@@ -0,0 +1,2 @@
+import { FieldProps } from './field';
+export declare function StringMaskedField({ value, onValueChange, isDisabled, settings }: FieldProps): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/view-type/index.d.ts

@@ -0,0 +1 @@
+export declare function ViewType(): import("react/jsx-runtime").JSX.Element;

package/dist/features/spreadsheet/ui/view-type/line-by-line.d.ts

@@ -0,0 +1 @@
+export declare function LineByLineViewType(): import("react/jsx-runtime").JSX.Element | null;

package/dist/features/spreadsheet/ui/view-type/table.d.ts

@@ -0,0 +1 @@
+export declare function TableViewType(): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -28,6 +28,8 @@ import { DownloadFileButton, DownloadFileButtonProps, DownloadFileButtonVariant
 import { UploadImageInput, UploadImageInputProps, UploadImageInputVariant } from './components/upload-image-input';
 import { DocumentFolder, DocumentFolderCellProps, DataEditorCellProps, DataViewerProps, DocumentFolderDataEditor } from './components/document-folder';
 import { Table, TablePaginationProps } from './components/table';
+import { NumericInput } from './components/numeric-input';
+import { Select } from './components/select';
 import { ImageUploader, ImageUploaderProps } from './features/image-uploader/ui';
 import { Spreadsheet } from './features/spreadsheet/ui';
 import { useGetAdjacentNodesProps } from './features/dag/hooks';
@@ -41,6 +43,7 @@ import { ContentSplit, ContentSplitProps, Sidebar, SidebarHeader, SidebarProps }
 import { EmptySearchIcon } from './svg/empty-search-icon';
 import { EmptyFolderIcon } from './svg/empty-folder-icon';
 import { FloatButton, FloatButtonProps } from './components/float-button/float-button';
+import { InitialColumn } from './features/spreadsheet/lib/setup-columns';
 import { MatrixTypes, SpreadsheetTypes } from './types';
 import { Position, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps } from './features/dag/model';
 import { GetLayoutedElementsProps } from './features/dag/utils/get-layout-elements';
@@ -48,7 +51,7 @@ import { CapLinkProvider } from './providers';
 import { IconTextButtonProps } from './components/icon-text-button';
 import { Badge, BadgeProps } from './components/badge';
 import { CustomPaginationProps } from './components/pagination';
-export { Accordion, accordionVariants, Tabs, Status, Switch, Tooltip, Popover, Radio, Checkbox, InputOTP, Card, Input, Breadcrumb, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Textarea, textareaVariants, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, AlertDialog, DownloadFileButton, UploadImageInput, InputPassword, Searchbar, RichText, DocumentFolder, DocumentFolderDataEditor, Table, };
+export { Accordion, accordionVariants, Tabs, Status, Switch, Tooltip, Popover, Radio, Checkbox, InputOTP, Card, Input, Breadcrumb, Alert, alertVariants, ProgressBar, Button, buttonVariants, AlertBanner, Sheet, CopyTextButton, Textarea, textareaVariants, Dialog, ToastProvider, Toaster, useToast, IconButton, iconButtonVariants, AlertDialog, DownloadFileButton, UploadImageInput, InputPassword, Searchbar, RichText, DocumentFolder, DocumentFolderDataEditor, Table, NumericInput, Select, };
 export type { AccordionProps, CardProps, InputProps, TextareaProps, AlertProps, ProgressBarProps, ButtonProps, AlertBannerProps, SheetProps, SheetContentProps, CopyTextButtonProps, DialogProps, DialogContentProps, ToastFnProps, IconButtonProps, AlertDialogProps, AlertDialogContentProps, DownloadFileButtonProps, DownloadFileButtonVariant, UploadImageInputProps, UploadImageInputVariant, SearchbarProps, RichTextViewerProps, RichTextEditorProps, DocumentFolderCellProps, DataEditorCellProps, DataViewerProps, TablePaginationProps, };
 /** ----------- Updated Components ----------- */
 /** ----------- SVG Icons & Components ----------- */
@@ -268,4 +271,4 @@ export declare const CapLink: {
     DropdownMenuTrigger: import('react').ForwardRefExoticComponent<import('@radix-ui/react-dropdown-menu').DropdownMenuTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
 };
 export { CapLinkProvider };
-export type { ImageUploaderProps, MatrixTypes, SpreadsheetTypes, SearchNodeProps, FloatButtonProps, ContentSplitProps, SidebarProps, useGetAdjacentNodesProps, AdjacentNodesProps, ButtonChangeOrientationProps, FloatMenuProps, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps, Position, GetLayoutedElementsProps, BadgeProps, CustomPaginationProps, IconTextButtonProps, };
+export type { ImageUploaderProps, MatrixTypes, SpreadsheetTypes, InitialColumn, SearchNodeProps, FloatButtonProps, ContentSplitProps, SidebarProps, useGetAdjacentNodesProps, AdjacentNodesProps, ButtonChangeOrientationProps, FloatMenuProps, Connection, DagProps, DefaultNodeDataProps, Edge, EdgePosition, EdgeProps, Node, NodeProps, UseDagProps, Position, GetLayoutedElementsProps, BadgeProps, CustomPaginationProps, IconTextButtonProps, };