coles-solid-library 0.0.9 → 0.1.0

package/dist/components/Form/form.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from "solid-js";
+import { SetStoreFunction } from "solid-js/store";
+import { FormGroup } from "./formGroup";
+interface FormContext<T extends object> {
+    data: T;
+    setData: SetStoreFunction<T>;
+    formGroup: FormGroup<T>;
+}
+declare const FormContext: import("solid-js").Context<FormContext<any> | undefined>;
+export declare const useFormContext: <T extends object = any>() => FormContext<T>;
+interface Props<T extends object> {
+    data: FormGroup<T>;
+    children: JSX.Element;
+    onSubmit: (data: T) => void;
+}
+export declare const Form: <T extends object>(props: Props<T>) => JSX.Element;
+export {};

package/dist/components/Form/formGroup.d.ts

@@ -0,0 +1,35 @@
+interface ValidatorResult<T> {
+    revalidate: (val: T) => boolean;
+    errKey: string;
+}
+export type ValidatorObject<T> = {
+    [P in keyof T]?: ValidatorResult<T[P]>[];
+};
+type FormGroupData<T extends object> = {
+    [P in keyof T]: [T[P], ValidatorResult<T[P]>[]];
+};
+export declare class FormGroup<T extends object> {
+    data: FormGroupData<T>;
+    private internalDataSignal;
+    private validators;
+    private errors;
+    constructor(data: FormGroupData<T>);
+    get(): T;
+    get(key: keyof T): T[keyof T];
+    hasValidator(key: keyof T, errKey: string): boolean;
+    hasError(key: keyof T): boolean;
+    set(key: keyof T, value: T[keyof T]): void;
+    validate(key?: keyof T): boolean;
+}
+export declare class Validators {
+    private static required;
+    static get Required(): ValidatorResult<unknown>;
+    private static email;
+    static get Email(): ValidatorResult<string>;
+    static minLength(length: number): ValidatorResult<string | any[]>;
+    static maxLength(length: number): ValidatorResult<string | any[]>;
+    static pattern(errKey: string, pattern: RegExp): ValidatorResult<string>;
+    static custom<T>(errKey: string, validator: (value: T) => boolean): ValidatorResult<T>;
+    private static createValidatorResult;
+}
+export {};

package/dist/components/FormField/formField.d.ts

@@ -3,9 +3,10 @@ interface Props extends JSX.FieldsetHTMLAttributes<HTMLFieldSetElement> {
     children: JSX.Element;
     styleType?: "primary" | "accent" | "tertiary";
     name: string;
+    formName?: string;
     class?: string;
-    value?: string;
     legendClass?: string;
+    required?: boolean;
 }
 declare const FormField: Component<Props>;
 export { FormField };

package/dist/components/FormField/formProvider.d.ts

@@ -1,22 +1,24 @@
 import { Accessor, JSX, Component, Setter } from "solid-js";
-interface formFieldContext {
+interface formFieldContext<T = string> {
     getName: Accessor<string>;
     setName: Setter<string>;
     getTextInside: Accessor<boolean>;
     setTextInside: Setter<boolean>;
     getFocused: Accessor<boolean>;
     setFocused: Setter<boolean>;
-    getValue: Accessor<string>;
-    setValue: Setter<string>;
+    getValue: Accessor<T>;
+    setValue: Setter<T>;
     getFieldType: Accessor<string>;
     setFieldType: Setter<string>;
+    formName?: string;
 }
 interface ProviderProps {
     children: JSX.Element;
     name?: string;
     value?: string;
     type?: string;
+    formName?: string;
 }
 export declare const Provider: Component<ProviderProps>;
-export declare function useFormProvider(): formFieldContext;
+export declare function useFormProvider<T = string>(): formFieldContext<T>;
 export {};

package/dist/components/Icon/icon.d.ts

@@ -0,0 +1,28 @@
+import { Component } from "solid-js";
+interface IconProps {
+    name: string;
+    size?: number;
+    color?: string;
+    stroke?: number;
+}
+/**
+ * Renders an icon from the Tabler Icons library.
+ *
+ * This component retrieves an icon component dynamically by its name, applying default properties
+ * if certain props are not provided:
+ * - size defaults to 24
+ * - color defaults to "currentColor"
+ * - stroke defaults to 2
+ *
+ * If the specified icon cannot be found in the Tabler Icons collection, an error is logged to the console
+ * and the component returns null.
+ *
+ * @param props - The icon properties.
+ * @param props.name - The name of the icon to render (e.g., "ArrowRight"). It should match the React Name key in the Tabler Icons library.
+ * @param props.size - The size to be applied to the icon. Defaults to 24 if not provided.
+ * @param props.color - The color to be applied to the icon. Defaults to "currentColor" if not provided.
+ * @param props.stroke - The stroke width for the icon's paths. Defaults to 2 if not provided.
+ * @returns A JSX element for the specified icon, or null if the icon name is not found.
+ */
+export declare const Icon: Component<IconProps>;
+export {};

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

@@ -10,11 +10,11 @@ interface SelectContextValue<T> {
 export declare const SelectContext: import("solid-js").Context<SelectContextValue<any> | undefined>;
 interface SelectProps<T = string, K = boolean> {
     multiple?: K;
-    value: T;
+    value?: T;
     transparent?: boolean;
     id?: string;
     defaultValue?: T;
-    onChange: (value: T) => void;
+    onChange?: (value: T) => void;
     placeholder?: string;
     tooltip?: string;
     renderValue?: (selected: T) => JSX.Element;

package/dist/components/Table/table.d.ts

@@ -1,10 +1,11 @@
 import { JSX, type Accessor } from "solid-js";
 export type ColumnState<T> = (item: T, index: number) => JSX.Element;
 interface TableProps<T> extends JSX.HTMLAttributes<HTMLTableElement> {
-    data: Accessor<T[]>;
+    data?: Accessor<T[]>;
     columns: string[];
-    children?: JSX.Element;
+    children: JSX.Element;
     dropdown?: boolean;
+    formName?: string;
     dropdownArrow?: {
         width: string;
         height: string;

package/dist/components/Table/tableProvider.d.ts

@@ -13,6 +13,7 @@ export interface TableState<T = any> {
 export interface TableContext<T = any> {
     tableState: Accessor<TableState<StateType<T>>>;
     setTableState: Setter<TableState<StateType<T>>>;
+    formName?: string;
 }
 interface TableProviderProps<T = any> {
     children: JSX.Element;

package/dist/components/TableV2/cell.d.ts

@@ -0,0 +1,16 @@
+import { JSX } from "solid-js";
+interface BaseCellProps<T> extends Omit<JSX.HTMLAttributes<HTMLTableCellElement>, "children"> {
+    style?: JSX.CSSProperties;
+    class?: string;
+}
+interface FooterCellProps<T> extends BaseCellProps<T> {
+    footer: boolean;
+    children: JSX.Element;
+}
+interface RegularCellProps<T> extends BaseCellProps<T> {
+    footer?: false | undefined;
+    children: (item: T, index: number) => JSX.Element;
+}
+type CellProps<T> = FooterCellProps<T> | RegularCellProps<T>;
+export declare const Cell: <T>(props: CellProps<T>) => JSX.Element;
+export {};

package/dist/components/TableV2/column.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from "solid-js";
+interface ColumnProps extends JSX.HTMLAttributes<HTMLTableColElement> {
+    children: JSX.Element[];
+    name: string;
+    rowNumber?: number;
+}
+export declare const Column: <T>(props: ColumnProps) => JSX.Element;
+export {};

package/dist/components/TableV2/customElements.d.ts

@@ -0,0 +1,9 @@
+export declare class ColeRow extends HTMLTableRowElement {
+    constructor();
+}
+export declare class ColeCell extends HTMLTableCellElement {
+    constructor();
+}
+export declare class ColeHeader extends HTMLTableCellElement {
+    constructor();
+}

package/dist/components/TableV2/header.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from "solid-js";
+interface HeaderProps extends JSX.HTMLAttributes<HTMLTableCellElement> {
+    children: JSX.Element;
+    style?: JSX.CSSProperties;
+    class?: string;
+}
+export declare const Header: <T>(props: HeaderProps) => JSX.Element;
+export {};

package/dist/components/TableV2/row.d.ts

@@ -0,0 +1,22 @@
+import { JSX } from "solid-js";
+interface BaseRowProps extends JSX.HTMLAttributes<HTMLTableRowElement> {
+    children?: JSX.Element[];
+    rowNumber?: number;
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+interface HeaderRowProps extends BaseRowProps {
+    header?: true | undefined;
+    footer?: never;
+}
+interface BodyRowProps extends BaseRowProps {
+    header?: never;
+    footer?: never;
+}
+interface FooterRowProps extends BaseRowProps {
+    footer?: true | undefined;
+    header?: never;
+}
+export type RowProps = HeaderRowProps | BodyRowProps | FooterRowProps;
+export declare const Row: <T>(props: RowProps) => JSX.Element;
+export {};

package/dist/components/TableV2/table.d.ts

@@ -0,0 +1,19 @@
+import { JSX, Setter } from "solid-js";
+import { StyleContainer } from "./tableProvider";
+interface TableProps<T> {
+    children: JSX.Element;
+    data: T[];
+    setData?: Setter<T[]>;
+    columns: string[];
+    formName?: string;
+    style?: JSX.CSSProperties;
+    id?: string;
+    class?: string;
+    otherStyles?: {
+        thead?: StyleContainer<HTMLTableSectionElement>;
+        tbody?: StyleContainer<HTMLTableSectionElement>;
+        tfoot?: StyleContainer<HTMLTableSectionElement>;
+    };
+}
+export declare const Table: <T>(props: TableProps<T>) => JSX.Element;
+export {};

package/dist/components/TableV2/tableProvider.d.ts

@@ -0,0 +1,77 @@
+import { JSX } from "solid-js";
+export interface StyleContainer<T> {
+    class?: string;
+    style?: JSX.CSSProperties | string;
+    all?: JSX.HTMLAttributes<T>;
+}
+export interface HeadStyle {
+    [colName: string]: StyleContainer<HTMLTableCellElement>;
+}
+export interface HeadRowStyle {
+    [rowIndex: string]: StyleContainer<HTMLTableRowElement>;
+}
+export interface HeaderOrganized {
+    [headIndex: string]: HeaderStorage;
+}
+export interface HeaderStorage {
+    [name: string]: JSX.Element;
+}
+export interface RowStyle {
+    [rowIndex: string]: StyleContainer<HTMLTableRowElement>;
+}
+export interface CellRowStyle {
+    [rowIndex: string]: CellStyle;
+}
+export interface CellStyle {
+    [colName: string]: StyleContainer<HTMLTableCellElement>;
+}
+export interface RowStorage<T> {
+    [name: string]: (item: T, index: number) => JSX.Element;
+}
+export interface RowOrganized<T> {
+    [rowIndex: string]: RowStorage<T>;
+}
+export interface ShoeBox {
+    [rowIndex: string]: StyleContainer<HTMLTableRowElement>;
+}
+export interface Socks {
+    [name: string]: JSX.Element;
+}
+export interface SockDrawer {
+    [rowIndex: string]: Socks;
+}
+export interface ColumnStyle {
+    [colName: string]: StyleContainer<HTMLTableColElement>;
+}
+export interface TableContext<T> {
+    getDataSource: () => T[];
+    setDataSource: (data: T[]) => void;
+    addHeaderCell: (name: string, index: number, header: JSX.Element) => void;
+    addRowCell: (index: number, name: string, cell: (item: T, index: number) => JSX.Element) => void;
+    addFooterCell: (index: number, name: string, cell: JSX.Element) => void;
+    addColumnStyle: (name: string, style: StyleContainer<HTMLTableColElement>) => void;
+    addHeaderStyle: (name: string, style: StyleContainer<HTMLTableCellElement>) => void;
+    addRowStyle: (index: number, style: StyleContainer<HTMLTableRowElement>) => void;
+    addFooterRowStyle: (index: number, style: StyleContainer<HTMLTableRowElement>) => void;
+    addHeaderRowStyle: (index: number, style: StyleContainer<HTMLTableRowElement>) => void;
+}
+export declare function useTableContext<T>(): TableContext<T>;
+interface TableProviderProps<T> extends TableContext<T> {
+    children: JSX.Element;
+}
+export declare const TableProvider: <T>(props: TableProviderProps<T>) => JSX.Element;
+interface ColumnProps {
+    children: JSX.Element[];
+    name: string;
+    rowNumber?: number;
+}
+export declare const ColumnProvider: (props: ColumnProps) => JSX.Element;
+export declare const useColumnContext: () => {
+    name: string;
+    rowNumber?: number;
+};
+export interface ColumnInfo {
+    name: string;
+    rowNumber: number;
+}
+export {};

package/dist/index.d.ts

@@ -9,10 +9,18 @@ export * from './components/Input/Input';
 export * from './components/Select/select.component';
 export * from './components/Select/option.component';
 export * from './components/Snackbar/snackbar';
-export * from './components/Table/table';
 export * from './components/popup/popup.component';
 export * from './components/Tabs/tabs';
 export * from './components/TextArea/TextArea';
 export * from './components/expansion/expansion';
 export * from './components/popup/popup.component';
-export { addTheme } from './tools';
+export * from './components/Icon/icon';
+export { Form } from './components/Form/form';
+export { FormGroup, Validators } from './components/Form/formGroup';
+export { addTheme } from './tools/tools';
+export { Table } from './components/TableV2/table';
+export { Row } from './components/TableV2/row';
+export { Column } from './components/TableV2/column';
+export { Cell } from './components/TableV2/cell';
+export { Header } from './components/TableV2/header';
+export { type StyleContainer } from './components/TableV2/tableProvider';