@binamik/components 0.1.1 → 0.1.3

package/dist/Assets/animations/Spinner/SpinnerStyles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface SpinnerStylesProps {
     size: string;
 }

package/dist/Buttons/DefaultButton/Button.d.ts

@@ -1,5 +1,5 @@
 import React, { ButtonHTMLAttributes } from 'react';
-declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     isLoading?: boolean;
     loadingText?: string;
     outlined?: boolean;

package/dist/Buttons/DefaultButton/Button.styles.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface ButtonProps {
     isLoading: boolean;
     hasLoadingText: boolean;

package/dist/Table/EmptyRow.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare const EmptyRow: {
+    (): React.ReactElement;
+    displayName: string;
+};
+export { EmptyRow };

package/dist/Table/Header.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { IndexedColumnProps, SortOrder } from './Table';
+export interface TableHeaderProps {
+    column: IndexedColumnProps;
+    onSort: (v: SortOrder) => void;
+}
+declare const TableHeader: React.FC<TableHeaderProps>;
+export { TableHeader };

package/dist/Table/MobileSortMenu.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IndexedColumnProps, SortOrder } from './Table';
+interface SortMenuProps {
+    onSortingChange: (column: IndexedColumnProps) => (order: SortOrder) => void;
+}
+export declare const MobileSortMenu: ({ onSortingChange }: SortMenuProps) => JSX.Element | null;
+export {};

package/dist/Table/Row.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { HTMLMotionProps } from 'framer-motion';
+export interface TableRowProps extends HTMLMotionProps<'li'> {
+    children: React.ReactNode[];
+    className?: string;
+    annex?: React.ReactNode;
+}
+export interface FullTableRowProps {
+    children: React.ReactNode;
+}
+declare const TableRow: React.FC<TableRowProps>;
+export { TableRow };

package/dist/Table/Table.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { SerializedStyles } from '@emotion/react';
+export declare type SortOrder = 'asc' | 'desc' | '';
+export interface SortingProps {
+    column: string;
+    order: SortOrder;
+}
+export interface ColumnProps {
+    label: string;
+    name: string;
+    sortable?: boolean;
+    width?: string;
+}
+export interface IndexedColumnProps extends ColumnProps {
+    index: number;
+    key: string;
+}
+interface TableProps {
+    columns: ColumnProps[];
+    mobileBreakpoint?: number;
+    children: React.ReactNode[];
+    customCss?: SerializedStyles | SerializedStyles[];
+    sorting?: {
+        column: string;
+        order: SortOrder;
+    } | null;
+    onSortingChange?: ({ column, order }: SortingProps) => void;
+}
+interface TableContextData {
+    columns: IndexedColumnProps[];
+    sortedColumn?: string;
+    sortedOrder?: SortOrder;
+}
+export declare const defaultSortingHandler: (_: SortingProps) => undefined;
+declare const Table: React.FC<TableProps>;
+declare function useTable(): TableContextData;
+export { Table, useTable };
+export type { TableProps };

package/dist/Table/helpers.d.ts

@@ -0,0 +1,5 @@
+import { SortOrder, ColumnProps } from './Table';
+import { TableProps } from './index';
+export declare const buildColumnTemplate: (columns?: ColumnProps[]) => string;
+export declare const validateProps: ({ columns, children, mobileBreakpoint }: TableProps) => void;
+export declare const changeSortOrder: (sortOrder: SortOrder) => SortOrder;

package/dist/Table/index.d.ts

@@ -0,0 +1,5 @@
+export { Table } from './Table';
+export { TableRow } from './Row';
+export { EmptyRow } from './EmptyRow';
+export type { TableProps, ColumnProps } from './Table';
+export type { TableRowProps } from './Row';