@sebgroup/green-react 4.0.0 → 5.1.0

package/src/lib/select/select.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-import { IExpandableInformation, ILabelAndLabelInformation, IValidator } from '@sebgroup/extract';
-export interface SelectProps extends IExpandableInformation, ILabelAndLabelInformation, React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
-    /**
-     * Set the live region attribute of the form control footer, this will change how error messages are read by screen readers
-     * @default 'assertive'
-     */
-    'aria-live'?: React.AriaAttributes['aria-live'];
-    label: string;
-    info?: string;
-    validator?: IValidator | undefined;
-    value?: string;
-    testId?: string;
-    /**
-     * @deprecated
-     * Use `info` instead
-     */
-    labelInformation?: string;
-}
-/**
- * @deprecated Use the `gds-select` web component from green-core instead.
- */
-export declare const Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-type OptionProps = React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>;
-export declare const Option: (props: OptionProps) => import("react/jsx-runtime").JSX.Element;
-type OptGroupProps = React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>;
-export declare const OptionGroup: (props: OptGroupProps) => import("react/jsx-runtime").JSX.Element;
-declare const _default: {
-    Select: React.ForwardRefExoticComponent<Omit<SelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
-    Option: (props: OptionProps) => import("react/jsx-runtime").JSX.Element;
-    OptionGroup: (props: OptGroupProps) => import("react/jsx-runtime").JSX.Element;
-};
-export default _default;

package/src/lib/slider/index.d.ts

@@ -1 +0,0 @@
-export * from './slider';

package/src/lib/slider/slider.d.ts

@@ -1,3 +0,0 @@
-import { SliderProps } from '../../types';
-export declare function Slider({ name, value, defaultValue, min, max, minMaxFormat, showMinMax, step, label, instruction, errorMessage, hasTextbox, unitLabel, disabled, onChange, enableClamping, onClamp, enterKeyHint, }: SliderProps): import("react/jsx-runtime").JSX.Element;
-export default Slider;

package/src/lib/stepper/index.d.ts

@@ -1 +0,0 @@
-export * from './stepper';

package/src/lib/stepper/stepper.d.ts

@@ -1,15 +0,0 @@
-import { ChangeEventHandler, DetailedHTMLProps, InputHTMLAttributes } from 'react';
-import { IValidator } from '@sebgroup/extract';
-export interface StepperProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
-    id?: string;
-    value?: string | number;
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    label?: string;
-    description?: string;
-    statusMessage?: string;
-    validator?: IValidator;
-    onIncrease?: () => void;
-    onDecrease?: () => void;
-    testId?: string;
-}
-export declare function Stepper({ id, label, description, statusMessage, validator, value, onChange, onIncrease, onDecrease, testId, ...props }: StepperProps): import("react/jsx-runtime").JSX.Element;

package/src/lib/table/components/Table.d.ts

@@ -1,13 +0,0 @@
-import React, { JSX } from 'react';
-import { SortedColumn } from './context/TableContextProvider';
-export type TableProps = JSX.IntrinsicElements['table'] & {
-    /** callback when row is selected */
-    onRowSelect?: (event: React.ChangeEvent<HTMLInputElement>, rowKey: string) => void;
-    /** callback when row is expanded */
-    onRowExpand?: (isExpanded: boolean, rowKey: string) => void;
-    /** callback when column is sorted */
-    onSort?: (sortedColumn: SortedColumn) => void;
-    /** preset sorted column */
-    sortedColumn?: SortedColumn | null;
-};
-export declare const Table: React.NamedExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;

package/src/lib/table/components/context/TableContextProvider.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SortDirection } from '../table-typings';
-export interface SortedColumn<T = any> {
-    accessor?: keyof T;
-    sortDirection: SortDirection;
-}
-export interface TableState {
-    sortedColumn: SortedColumn | null;
-    expandedRows: Array<string>;
-}
-export type TableContextType = {
-    tableState: TableState;
-    setTableState: (newState: TableState) => void;
-    onRowSelect?: (event: React.ChangeEvent<HTMLInputElement>, rowKey: string) => void;
-    onRowExpand?: (isExpanded: boolean, rowKey: string) => void;
-    onSort?: (sortedColumn: SortedColumn) => void;
-};
-export declare const TableContext: React.Context<TableContextType>;
-export declare const useTableContext: () => TableContextType;

package/src/lib/table/components/index.d.ts

@@ -1,9 +0,0 @@
-export * from './table-typings';
-export * from './context/TableContextProvider';
-export * from './parts/helperFunctions';
-export * from './parts/TableCell';
-export * from './parts/TableBody';
-export * from './parts/TableHeader';
-export * from './parts/TableHeaderCell';
-export * from './parts/TableRow';
-export * from './Table';

package/src/lib/table/components/parts/TableBody/TableBody.d.ts

@@ -1,4 +0,0 @@
-import React, { JSX } from 'react';
-export type TableBodyProps = JSX.IntrinsicElements['tbody'];
-declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableBody };

package/src/lib/table/components/parts/TableBody/index.d.ts

@@ -1 +0,0 @@
-export * from './TableBody';

package/src/lib/table/components/parts/TableCell/TableCell.d.ts

@@ -1,3 +0,0 @@
-import React, { JSX } from 'react';
-export type TableCellProps = JSX.IntrinsicElements['td'];
-export declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/src/lib/table/components/parts/TableCell/index.d.ts

@@ -1 +0,0 @@
-export * from './TableCell';

package/src/lib/table/components/parts/TableHeader/TableHeader.d.ts

@@ -1,4 +0,0 @@
-import React, { JSX } from 'react';
-export type TableHeaderProps = JSX.IntrinsicElements['thead'];
-declare const TableHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
-export { TableHeader };

package/src/lib/table/components/parts/TableHeader/index.d.ts

@@ -1 +0,0 @@
-export * from './TableHeader';

package/src/lib/table/components/parts/TableHeaderCell/TableHeaderCell.d.ts

@@ -1,10 +0,0 @@
-import React, { JSX } from 'react';
-import { SortDirection } from '../../table-typings';
-export type TableHeaderCellProps<T = any> = JSX.IntrinsicElements['th'] & {
-    accessor?: keyof T;
-    disableSort?: boolean;
-    sortDirection?: SortDirection;
-    children?: React.ReactNode;
-};
-declare const TableHeaderCell: React.ForwardRefExoticComponent<Omit<TableHeaderCellProps<any>, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
-export { TableHeaderCell };

package/src/lib/table/components/parts/TableHeaderCell/index.d.ts

@@ -1 +0,0 @@
-export * from './TableHeaderCell';

package/src/lib/table/components/parts/TableRow/TableRow.d.ts

@@ -1,15 +0,0 @@
-import React, { JSX } from 'react';
-export type TableRowProps = JSX.IntrinsicElements['tr'] & {
-    checked?: boolean;
-    indeterminate?: boolean;
-    isHeaderRow?: boolean;
-    hideSelect?: boolean;
-    uniqueKey?: string;
-    parentKey?: string;
-    isExpanded?: boolean;
-    isSubRow?: boolean;
-    collapseButtonProps?: JSX.IntrinsicElements['button'];
-    checkboxProps?: JSX.IntrinsicElements['input'];
-};
-declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
-export { TableRow };

package/src/lib/table/components/parts/TableRow/index.d.ts

@@ -1 +0,0 @@
-export * from './TableRow';

package/src/lib/table/components/parts/helperFunctions/helperFunctions.d.ts

@@ -1,50 +0,0 @@
-import { FilterColumn, GenericTableRow, SortDirection } from '../../table-typings';
-/**
- * sum the total of columns or cols in a row
- * @param colsLength the length of the columns
- * @param useSelection add a column for selection checkboxes
- * @param useShowActionColumn add another column for action columns
- * @param useGroupBy add another columns for groupby
- */
-export declare function sumCols(colsLength: number, useSelection?: boolean, useShowActionColumn?: boolean, useGroupBy?: boolean): number;
-/**
- * sort array of tabke rows
- * @param items table rows array
- * @param columnName the target column name
- * @param sortDirection the sort direction
- * @return Array of tableRow
- */
-export declare function sortArray<T>(items: Array<T> | undefined, columnName: keyof T, sortDirection: SortDirection): Array<T>;
-/**
- *
- * @param data table data
- * @param filterColumns filter columns
- */
-export declare function filterArrayByColumns<T>(data: Array<T>, filterColumns: Array<FilterColumn<T>>): Array<T>;
-/**
- * search text in array of table row
- * @param data the array of table rows
- * @param keyword The keyword to search in the array
- * @param searchFields the target field to search
- */
-export declare function searchTextByColumns<T>(data: Array<T>, keyword: string, searchFields: Array<keyof T>): Array<T>;
-/**
- * paginate data
- * @param data table data
- * @param offset page size
- * @param currentPage current page index
- */
-export declare function paginate<T = any>(data: Array<T>, offset: number, currentPage: number): T[];
-export interface RowSelectOutput<T = any> {
-    data: Array<GenericTableRow<T>>;
-    isAllSelected: boolean;
-    isIndeterminate: boolean;
-}
-/**
- * on row select
- * @param event input event
- * @param data rows of data
- * @param rowUniqueAccessor row unique accessor
- * @param rowId row id value
- */
-export declare function onRowSelect<T = any>(event: React.ChangeEvent<HTMLInputElement>, data: Array<GenericTableRow<T>>, rowUniqueAccessor: keyof GenericTableRow<T>, rowId: string): RowSelectOutput<T>;

package/src/lib/table/components/parts/helperFunctions/index.d.ts

@@ -1 +0,0 @@
-export * from './helperFunctions';

package/src/lib/table/components/table-typings.d.ts

@@ -1,14 +0,0 @@
-export declare enum SortDirection {
-    ASC = "ASC",
-    DESC = "DESC"
-}
-export interface FilterColumn<T = any> {
-    accessor: keyof T;
-    value: any;
-}
-export type GenericTableRow<T = any> = T & {
-    id?: string;
-    checked?: boolean;
-    expanded?: boolean;
-    indeterminate?: boolean;
-};

package/src/lib/table/index.d.ts

@@ -1 +0,0 @@
-export * from './components';

package/src/lib/table/story/multiple-story-tables.d.ts

@@ -1,17 +0,0 @@
-import React, { ReactNode } from 'react';
-import { GenericTableRow, TableHeaderCellProps } from '../components';
-interface SuperHeroData {
-    id: ReactNode;
-    firstName: ReactNode;
-    lastName: ReactNode;
-    superHero: ReactNode;
-    rowContentDetails?: GenericTableRow<SuperHeroData>[];
-}
-type SuperHeroRowData = GenericTableRow<SuperHeroData>;
-type SuperHeroColumnDataT = Omit<TableHeaderCellProps<SuperHeroRowData>, 'ref'> & React.RefAttributes<HTMLTableCellElement>;
-export declare const columnData: SuperHeroColumnDataT[];
-export declare const rowData: SuperHeroRowData[];
-export declare const SortableTable: () => import("react/jsx-runtime").JSX.Element;
-export declare const SelectableTable: () => import("react/jsx-runtime").JSX.Element;
-export declare const ExpandableTable: () => import("react/jsx-runtime").JSX.Element;
-export {};

package/src/lib/tabs/index.d.ts

@@ -1 +0,0 @@
-export * from './tabs';

package/src/lib/tabs/tabs.d.ts

@@ -1,26 +0,0 @@
-import { PropsWithChildren, ReactElement, ReactNode } from 'react';
-export interface IList {
-    text?: string;
-    href?: string;
-    disabled?: boolean;
-    selected?: boolean;
-}
-interface TabsProps {
-    /**
-     * **Deprecated**
-     * @deprecated use `<Tab>` child components instead
-     */
-    list?: IList[];
-    onTabChange?: (index: number) => void;
-    children?: ReactElement<TabProps>[];
-}
-export interface TabProps {
-    title: string;
-    disabled?: boolean;
-    href?: string;
-    children?: ReactNode;
-    selected?: boolean;
-}
-export declare const Tab: (props: PropsWithChildren<TabProps>) => null;
-export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => import("react/jsx-runtime").JSX.Element;
-export default Tabs;

package/src/types/index.d.ts

@@ -1 +0,0 @@
-export * from './props';

package/src/types/props/index.d.ts

@@ -1,40 +0,0 @@
-export interface IconProps {
-    focusable?: boolean;
-    title?: string;
-    fill?: string;
-    width?: number;
-    height?: number;
-    'aria-hidden'?: boolean;
-}
-export interface SelectorAttributesProps {
-    id?: string;
-    className?: string;
-    testId?: string;
-}
-export interface LabelProps {
-    label?: string;
-    labelInformation?: string;
-}
-export interface SliderProps {
-    name?: string;
-    value?: number;
-    min?: number;
-    max?: number;
-    showMinMax?: boolean;
-    minMaxFormat?: (value: number, unit?: string) => string;
-    step?: number;
-    label?: string;
-    instruction?: string;
-    errorMessage?: string;
-    hasTextbox?: boolean;
-    unitLabel?: string;
-    disabled?: boolean;
-    onChange?: (value: number) => void;
-    enableClamping?: boolean;
-    onClamp?: (value: number) => void;
-    enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
-    /**
-     * @deprecated Use `value` instead
-     */
-    defaultValue?: number;
-}