@newtonschool/grauity 0.0.13 → 0.1.10

package/dist/ui/elements/Modal/types.d.ts

@@ -0,0 +1,312 @@
+import React from 'react';
+import { ButtonVariants } from '../Button/types';
+type ModalContentType = React.ReactNode;
+interface ModalStep {
+    /**
+     * Banner for the modal, can be a valid React node
+     * */
+    banner?: ModalContentType;
+    /**
+     * Title for the modal, can be a valid React node
+     * */
+    title: ModalContentType;
+    /**
+     * Description for the modal, can be a string
+     * */
+    description?: string | null;
+    /**
+     * Body for the modal, can be a valid React node
+     * */
+    body?: ModalContentType;
+    /**
+     * Text for the next button
+     * */
+    nextButtonText?: string;
+    /**
+     * Determines if the back button should be shown
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    showBackButton?: boolean;
+    /**
+     * Variant for the button
+     * */
+    buttonVariant?: ButtonVariants | null;
+}
+export interface ModalProps {
+    /**
+     * Banner for the modal, can be a valid React node
+     * */
+    banner?: ModalContentType;
+    /**
+     * Title for the modal, can be a valid React node
+     * */
+    title?: ModalContentType;
+    /**
+     * Description for the modal, can be a string
+     * */
+    description?: string;
+    /**
+     * Body for the modal, can be a valid React node
+     * */
+    body?: ModalContentType;
+    /**
+     * Action for the modal, can be a valid React node
+     * */
+    action?: ModalContentType;
+    /**
+     * Determines if the modal should hide on click away
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    hideOnClickAway: boolean;
+    /**
+     * Determines if the modal should blur the background
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    blurBackground?: boolean;
+    /**
+     * Callback function to be called when the modal is hidden
+     * */
+    onHide?: () => void;
+    /**
+     * Determines if the modal should be full width on mobile
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    mobileBottomFullWidth?: boolean;
+    /**
+     * Padding for the modal
+     * */
+    modalPadding?: string;
+    /**
+     * Margin for the modal body
+     * */
+    modalBodyMargin?: string;
+    /**
+     * Width of the modal
+     * */
+    width?: string;
+    /**
+     * Height of the modal
+     * */
+    height?: string;
+    /**
+     * Minimum height of the modal
+     * */
+    minHeight?: string;
+    /**
+     * Determines if the close button should be shown
+     *
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    showCloseButton?: boolean;
+}
+export interface MultiStepModalProps {
+    /**
+     * Modal steps
+     * */
+    modalSteps: ModalStep[];
+    /**
+     * Determines if the modal should show pagination if there are multiple modal steps
+     * Available choices: true, false
+     *
+     * Default: `true`
+     * */
+    showModalStepsPagination?: boolean;
+    /**
+     * Determines if the modal should hide on click away
+     * Available choices: true, false
+     *
+     * Default: `false`
+     * */
+    hideOnClickAway?: boolean;
+    /**
+     * Determines if the modal should blur the background
+     * Available choices: true, false
+     *
+     * Default: `false`
+     * */
+    blurBackground?: boolean;
+    /**
+     * Callback function to be called when the modal is hidden
+     * */
+    onHide?: () => void;
+    /**
+     * Callback function to be called when the final step is reached
+     * */
+    onFinalStep?: () => void;
+    /**
+     * Determines if the modal should be full width on mobile
+     * Available choices: true, false
+     *
+     * Default: `false`
+     * */
+    mobileBottomFullWidth?: boolean;
+    /**
+     * Callback function to be called when the step changes
+     * */
+    onStepChange?: () => void;
+    /**
+     * Determines if the modal buttons should be shown
+     * Available choices: true, false
+     *
+     * Default: `true`
+     * */
+    showModalButtons?: boolean;
+    /**
+     * Determines if the modal header should be shown
+     * Available choices: true, false
+     *
+     * Default: `true`
+     * */
+    showHeader?: boolean;
+    /**
+     * Padding for the modal
+     * */
+    modalPadding?: string;
+    /**
+     * Margin for the modal body
+     * */
+    modalBodyMargin?: string;
+    /**
+     * Width of the modal
+     * */
+    width?: string;
+    /**
+     * Height of the modal
+     * */
+    height?: string;
+    /**
+     * Minimum height of the modal
+     * */
+    minHeight?: string;
+    /**
+     * Determines if the close button should be shown
+     *
+     * Available choices: true, false
+     *
+     * NOTE: If Modal has a banner, the close button will be hidden by default
+     *
+     * Default: `false`
+     * */
+    showCloseButton?: boolean;
+}
+export interface StyleData {
+    position?: string;
+    backgroundColor?: string;
+}
+export interface ModalWrapperProps {
+    blurBackground?: boolean;
+    children: React.ReactNode;
+}
+export interface ModalContainerProps {
+    width?: string;
+    height?: string;
+    minHeight?: string;
+    mobileBottomFullWidth?: boolean;
+    modalPadding?: string;
+    onClick?: (e: Event) => void;
+    ref?: React.MutableRefObject<any>;
+    children: React.ReactNode;
+    role: string;
+}
+export interface ModalTitleProps {
+    id: string;
+    children: React.ReactNode;
+}
+export interface ModalDescriptionProps {
+    id: string;
+    children: React.ReactNode;
+}
+export interface ModalBodyProps {
+    modalBodyMargin?: string;
+    children: React.ReactNode;
+}
+export interface ModalBodyMainProps {
+    children: React.ReactNode;
+}
+export interface ModalPaginationItemProps {
+    key: string | number;
+    active: boolean;
+    onClick: () => void;
+}
+export interface ConfirmationDialogProps {
+    /**
+     * Text for the cancel button
+     * */
+    cancelText?: string;
+    /**
+     * Text for the confirm button
+     * */
+    confirmText?: string;
+    /**
+     * Callback function to be called when the cancel button is clicked
+     * */
+    onCancel: () => void;
+    /**
+     * Callback function to be called when the confirm button is clicked
+     * */
+    onConfirm: () => void;
+    /**
+     * Banner for the modal, can be a valid React node
+     * */
+    banner?: ModalContentType;
+    /**
+     * Title for the modal, can be a valid React node
+     * */
+    title?: ModalContentType;
+    /**
+     * Description for the modal, can be a string
+     * */
+    description?: string;
+    /**
+     * Body for the modal, can be a valid React node
+     * */
+    body?: ModalContentType;
+    /**
+     * Variant for the cancel button
+     * */
+    cancelButtonVariant?: ButtonVariants;
+    /**
+     * Variant for the confirm button
+     * */
+    confirmButtonVariant?: ButtonVariants;
+    /**
+     * Determines if the close button should be shown
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    showCloseButton?: boolean;
+    /**
+     * Determines if the modal should hide on click away
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    hideOnClickAway?: boolean;
+    /**
+     * Determines if the modal should blur the background
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    blurBackground?: boolean;
+    /**
+     * Determines if the modal should be at bottom with full width on mobile
+     * Available choices: `true`, `false`
+     *
+     * Default: `false`
+     * */
+    mobileBottomFullWidth?: boolean;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/Modal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/elements/Modal/utils.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/elements/Modal/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/utils.tsx"],"names":[],"mappings":""}

package/dist/ui/elements/Table/Table.d.ts

@@ -0,0 +1,47 @@
+import PropTypes from 'prop-types';
+import { TableProps } from './types';
+/**
+ * A table is a component that is used to display data in a tabular format.
+ * It is composed of rows and columns.
+ */
+declare const Table: {
+    ({ rows, columns, ...props }: TableProps): JSX.Element;
+    propTypes: {
+        rows: PropTypes.Requireable<any[]>;
+        columns: PropTypes.Requireable<any[]>;
+        condensed: PropTypes.Requireable<boolean>;
+        striped: PropTypes.Requireable<boolean>;
+        borderAround: PropTypes.Requireable<boolean>;
+        borderWithin: PropTypes.Requireable<boolean>;
+        borderHorizontal: PropTypes.Requireable<boolean>;
+        borderVertical: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        loading: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        capitalizeHeaders: PropTypes.Requireable<boolean>;
+        highlightHeaders: PropTypes.Requireable<boolean>;
+    };
+    defaultProps: {
+        rows: any[];
+        columns: any[];
+        condensed: boolean;
+        striped: boolean;
+        borderAround: boolean;
+        borderWithin: boolean;
+        borderHorizontal: boolean;
+        borderVertical: boolean;
+        className: string;
+        loading: boolean;
+        style: {};
+        capitalizeHeaders: boolean;
+        highlightHeaders: boolean;
+    };
+    Table: import("styled-components").StyledComponent<string, any, import("./types").TableComponentProps, never>;
+    TableBody: import("styled-components").StyledComponent<string, any, import("./types").TableBodyComponentProps, never>;
+    TableDataCell: import("styled-components").StyledComponent<string, any, import("./types").TableDataCellComponentProps, never>;
+    TableHead: import("styled-components").StyledComponent<string, any, import("./types").TableHeadComponentProps, never>;
+    TableHeadingCell: import("styled-components").StyledComponent<string, any, import("./types").TableHeadingCellComponentProps, never>;
+    TableRow: import("styled-components").StyledComponent<string, any, import("./types").TableRowComponentProps, never>;
+};
+export default Table;
+//# sourceMappingURL=Table.d.ts.map

package/dist/ui/elements/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;GAGG;AACH,QAAA,MAAM,KAAK;kCAAiC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DrD,CAAC;AAyCF,eAAe,KAAK,CAAC"}

package/dist/ui/elements/Table/Table.styles.d.ts

@@ -0,0 +1,8 @@
+import { TableBodyComponentProps, TableComponentProps, TableDataCellComponentProps, TableHeadComponentProps, TableHeadingCellComponentProps, TableRowComponentProps } from './types';
+export declare const StyledTableDataCell: import("styled-components").StyledComponent<string, any, TableDataCellComponentProps, never>;
+export declare const StyledTableHeadingCell: import("styled-components").StyledComponent<string, any, TableHeadingCellComponentProps, never>;
+export declare const StyledTableRow: import("styled-components").StyledComponent<string, any, TableRowComponentProps, never>;
+export declare const StyledTable: import("styled-components").StyledComponent<string, any, TableComponentProps, never>;
+export declare const StyledTableHead: import("styled-components").StyledComponent<string, any, TableHeadComponentProps, never>;
+export declare const StyledTableBody: import("styled-components").StyledComponent<string, any, TableBodyComponentProps, never>;
+//# sourceMappingURL=Table.styles.d.ts.map

package/dist/ui/elements/Table/Table.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/Table.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,uBAAuB,EACvB,mBAAmB,EACnB,2BAA2B,EAC3B,uBAAuB,EACvB,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,8FAuB/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,iGASlC,CAAC;AAEF,eAAO,MAAM,cAAc,yFAmB1B,CAAC;AAEF,eAAO,MAAM,WAAW,sFAkFvB,CAAC;AAEF,eAAO,MAAM,eAAe,0FAoB3B,CAAC;AAEF,eAAO,MAAM,eAAe,0FAE3B,CAAC"}

package/dist/ui/elements/Table/Table.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Table.test.d.ts.map

package/dist/ui/elements/Table/Table.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/Table.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

package/dist/ui/elements/Table/constants.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/Table/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/constants.ts"],"names":[],"mappings":""}

package/dist/ui/elements/Table/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Table';
+export type { TableProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/ui/elements/Table/types.d.ts

@@ -0,0 +1,223 @@
+import React, { ReactNode } from 'react';
+import { grauityIconName } from '../../core';
+export interface TableColumn {
+    /**
+     * Column key
+     * */
+    key: string;
+    /**
+     * Column display name
+     * */
+    display: string;
+    /**
+     * Column width
+     * */
+    width?: string;
+    /**
+     * Column alignment, default is center
+     * */
+    align?: 'left' | 'right' | 'center';
+    /**
+     * Row span, default is 1
+     * */
+    rowSpan?: number;
+    /**
+     * Col span, default is 1
+     * */
+    colSpan?: number;
+}
+export interface TableCellInterface {
+    /**
+     * Cell display, can be a string or a React element
+     * */
+    display?: ReactNode;
+    /**
+     * Custom cell render function. If provided, display will be ignored
+     * */
+    render?: (args: TableCellInterface) => ReactNode;
+    /**
+     * Row vertical alignment, default is top
+     * */
+    vAlign?: 'top' | 'bottom' | 'middle';
+    /**
+     * Row span, default is 1
+     * */
+    rowSpan?: number;
+    /**
+     * Col span, default is 1
+     * */
+    colSpan?: number;
+    /**
+     * Row actions (rendered as buttons by default)
+     * */
+    actions?: TableCellAction[];
+    /**
+     * Row alignment
+     * */
+    align?: 'left' | 'right' | 'center';
+}
+export interface TableCellAction {
+    /**
+     * Action key
+     * */
+    key: string;
+    /**
+     * Action display, can be a string or a React element
+     * */
+    display: any;
+    /**
+     * Action icon
+     * */
+    icon?: grauityIconName;
+    /**
+     * Action type, can be a button or a link, default is button
+     * */
+    as?: 'button' | 'link';
+    /**
+     * Action href, only used if the action type is link
+     * */
+    href?: string;
+    /**
+     * Action click handler
+     * */
+    handleClick?: (data: any) => void;
+}
+export interface TableRow {
+    /**
+     * Table data, in JS Object format, with table column keys as keys of object
+     */
+    [columnKey: string]: TableCellInterface;
+}
+export interface TableColumnRow {
+    /**
+     * Row key
+     * */
+    key: string;
+    /**
+     * Row cells
+     * */
+    cells: TableColumn[];
+}
+export interface TableProps {
+    /**
+     * Table columns, see type `TableColumn`
+     * */
+    columns?: TableColumn[];
+    /**
+     * Table rows, see type `TableRow`
+     * */
+    rows?: TableRow[];
+    /**
+     * Determines if the table is condensed (Reduced padding).
+     * Available choices: true, false
+     *
+     * Default: `true`
+     * */
+    condensed?: boolean;
+    /**
+     * Are alternate rows striped (shaded).
+     * Available choices: true, false
+     *
+     * Default: `false`
+     * */
+    striped?: boolean;
+    /**
+     * Determines if the table has a border around it.
+     * Available choices: true, false
+     *
+     * Default: `true`
+     * */
+    borderAround?: boolean;
+    /**
+     * Determines if the table has a border between rows.
+     * Available choices: true, false
+     *
+     * Has more precedence than `borderHorizontal` and `borderVertical`.
+     *
+     * Default: `true`
+     * */
+    borderWithin?: boolean;
+    /**
+     * Determines if the table has a border between columns.
+     *
+     * Default: `true`
+     * */
+    borderHorizontal?: boolean;
+    /**
+     * Determines if the table has a border between rows.
+     *
+     * Default: `true`
+     * */
+    borderVertical?: boolean;
+    /**
+     * Additional classes to be added to the component.
+     * */
+    className?: string;
+    /**
+     * Show that the table is loading
+     *
+     * Default: `false`
+     * */
+    loading?: boolean;
+    /**
+     * Additional styles to be used over the element
+     *
+     * Default: `{}`
+     * */
+    style?: React.CSSProperties;
+    /**
+     * Capitalize the header
+     *
+     * Default: `true`
+     * */
+    capitalizeHeaders?: boolean;
+    /**
+     * Determines if table headers should be highlighted
+     *
+     * Default: `true`
+     * */
+    highlightHeaders?: boolean;
+}
+export interface TableComponentProps {
+    borderAround?: boolean;
+    borderWithin?: boolean;
+    borderHorizontal?: boolean;
+    borderVertical?: boolean;
+    striped?: boolean;
+    children: ReactNode;
+    role?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export interface TableHeadComponentProps {
+    capitalizeHeaders?: boolean;
+    highlightHeaders?: boolean;
+    children: ReactNode;
+}
+export interface TableBodyComponentProps {
+    children: ReactNode;
+}
+export interface TableRowComponentProps {
+    key?: string;
+    condensed?: boolean;
+    children: ReactNode;
+}
+export interface TableDataCellComponentProps {
+    key?: string;
+    align?: string;
+    vAlign?: string;
+    flexAlign?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    children: ReactNode;
+}
+export interface TableHeadingCellComponentProps {
+    key?: string;
+    align?: string;
+    width?: string;
+    flexAlign?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    children: ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/Table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/elements/Table/utils.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/elements/Table/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Table/utils.ts"],"names":[],"mappings":""}

package/dist/ui/elements/Typography/Typography.d.ts

@@ -0,0 +1,36 @@
+import PropTypes from 'prop-types';
+import { TypographyProps } from './types';
+/**
+ * A typography component can be used to display text in different styles.
+ *
+ * Use the prop `variant` to select the style of the text.
+ *
+ * By default, prop `as` is set to `'auto'`, and the component will automatically
+ * select the HTML tag based on the prop `variant`.
+
+ * If you want the text to be rendered as a different HTML tag, provide your desired
+ * value to prop `as`, such as `'h1'`, `'h2'`, `'p'`, etc.
+ */
+declare const Typography: {
+    ({ variant, as, color, textAlign, textTransform, fontSize, children, }: TypographyProps): JSX.Element;
+    propTypes: {
+        variant: PropTypes.Requireable<import("./types").TypographyVariantType>;
+        as: PropTypes.Requireable<string>;
+        color: PropTypes.Requireable<string>;
+        textAlign: PropTypes.Requireable<string>;
+        textTransform: PropTypes.Requireable<string>;
+        fontSize: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<any>;
+    };
+    defaultProps: {
+        variant: string;
+        as: string;
+        color: string;
+        textAlign: any;
+        textTransform: any;
+        fontSize: any;
+        children: string;
+    };
+};
+export default Typography;
+//# sourceMappingURL=Typography.d.ts.map