@telicent-oss/ds 0.0.1

package/dist/src/components/TeliTable/TeliTableCell.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliTableCell").TeliTableCellProps>;
+};
+export default meta;
+type TeliTableCellStory = StoryObj<typeof meta>;
+export declare const Example: TeliTableCellStory;

package/dist/src/components/TeliTable/TeliTableContainer.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { TableContainerProps as MUITableContainerProps } from "@mui/material";
+import "./table.css";
+type TableContainerProps = Omit<MUITableContainerProps, "sx" | "classes">;
+export interface TeliTableContainerProps extends TableContainerProps {
+    /**
+     * If true, the table element will be bordered
+     */
+    bordered?: boolean;
+    /**
+     * Maximum height of the component
+     */
+    maxHeight?: number;
+}
+declare const TeliTableContainer: React.FC<TeliTableContainerProps>;
+export default TeliTableContainer;

package/dist/src/components/TeliTable/TeliTableContainer.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliTableContainer").TeliTableContainerProps>;
+};
+export default meta;
+type TeliTableContainerStory = StoryObj<typeof meta>;
+export declare const Example: TeliTableContainerStory;

package/dist/src/components/TeliTable/TeliTableHead.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { TableHeadProps as MUITableHeadProps } from "@mui/material";
+import "./table.css";
+export type TeliTableHeadProps = Omit<MUITableHeadProps, "sx" | "classes">;
+declare const TeliTableHead: React.FC<TeliTableHeadProps>;
+export default TeliTableHead;

package/dist/src/components/TeliTable/TeliTableHead.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliTableHead").TeliTableHeadProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export default meta;
+export type TeliTableHeadStory = StoryObj<typeof meta>;
+export declare const Example: TeliTableHeadStory;

package/dist/src/components/TeliTable/TeliTableRow.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { TableRowProps as MUITableRowProps } from "@mui/material";
+import "./table.css";
+type TableRowProps = Omit<MUITableRowProps, "sx" | "classes">;
+export interface TeliTableRowProps extends TableRowProps {
+    /**
+     * If true, the last table row will have a bottom border added to the table
+     * cell element
+     */
+    addBorderToLastRow?: boolean;
+}
+declare const TeliTableRow: React.FC<TeliTableRowProps>;
+export default TeliTableRow;

package/dist/src/components/TeliTable/TeliTableRow.stories.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    component: import("react").FC<import("./TeliTableRow").TeliTableRowProps>;
+    parameters: {
+        docs: {
+            description: {
+                story: string;
+            };
+        };
+    };
+};
+export default meta;
+type TeliTableRowStory = StoryObj<typeof meta>;
+export declare const Example: TeliTableRowStory;

package/dist/src/components/TeliTable/index.d.ts

@@ -0,0 +1,7 @@
+export { default as TeliTable } from "./TeliTable";
+export { default as TeliTableBody } from "./TeliTableBody";
+export { default as TeliTableCell } from "./TeliTableCell";
+export { default as TeliTableContainer } from "./TeliTableContainer";
+export { default as TeliTableHead } from "./TeliTableHead";
+export { default as TeliTableRow } from "./TeliTableRow";
+export { default as TeliBasicTable } from "./TeliBasicTable";

package/dist/src/components/TeliTable/stories/BasicTable.d.ts

@@ -0,0 +1,3 @@
+import { TeliBasicTableStory } from "../TeliBasicTable.stories";
+declare const BasicTable: TeliBasicTableStory;
+export default BasicTable;

package/dist/src/components/TeliTable/stories/Caption.d.ts

@@ -0,0 +1,3 @@
+import { TeliBasicTableStory } from "../TeliBasicTable.stories";
+declare const CustomColumns: TeliBasicTableStory;
+export default CustomColumns;

package/dist/src/components/TeliTable/stories/CustomColumns.d.ts

@@ -0,0 +1,3 @@
+import { TeliBasicTableStory } from "../TeliBasicTable.stories";
+declare const CustomColumns: TeliBasicTableStory;
+export default CustomColumns;

package/dist/src/components/TeliTable/stories/DenseTable.d.ts

@@ -0,0 +1,3 @@
+import { TeliBasicTableStory } from "../TeliBasicTable.stories";
+declare const DenseTable: TeliBasicTableStory;
+export default DenseTable;

package/dist/src/components/TeliTable/stories/StickyHeader.d.ts

@@ -0,0 +1,3 @@
+import { TeliBasicTableStory } from "../TeliBasicTable.stories";
+declare const StickyHeader: TeliBasicTableStory;
+export default StickyHeader;

package/dist/src/components/TeliTable/stories/TableExample.d.ts

@@ -0,0 +1,3 @@
+import { TeliTableStory } from "../TeliTable.stories";
+declare const TableExample: TeliTableStory;
+export default TableExample;

package/dist/src/components/TeliTable/stories/index.d.ts

@@ -0,0 +1,6 @@
+export { default as BasicTable } from "./BasicTable";
+export { default as DenseTable } from "./DenseTable";
+export { default as StickyHeader } from "./StickyHeader";
+export { default as CaptionedTable } from "./Caption";
+export { default as CustomColumns } from "./CustomColumns";
+export { default as TableExample } from "./TableExample";

package/dist/src/components/TeliTable/stories/table-data.d.ts

@@ -0,0 +1,4 @@
+export declare const TV_SERIES_RANKINGS_COLUMNS: Array<string>;
+export declare const TV_SERIES_RANKINGS_ROWS: Array<Array<string>>;
+declare const TV_SERIES_RANKINGS: string[][];
+export default TV_SERIES_RANKINGS;

package/dist/src/components/TeliTable/table-utils.d.ts

@@ -0,0 +1,12 @@
+import { TableCellProps } from "@mui/material";
+import { TeliBasicTableProps } from "./TeliBasicTable";
+interface RowHeaderProps {
+    component?: TableCellProps["component"];
+    scope?: TableCellProps["scope"];
+}
+export declare const getAlignmentProp: (index: number, align: TeliBasicTableProps["align"]) => "inherit" | "right" | "left" | "center" | "justify" | undefined;
+export declare const getRowHeaderProps: (index: number, isHeader: boolean) => RowHeaderProps | undefined;
+export declare const createRows: (rows: Array<Array<string>>, numberRows: boolean) => string[][];
+export declare const createColumns: <TCol>(columns: TCol[], numberRows: boolean, numberColumnHeading?: string) => (string | TCol)[];
+export declare const createTableKey: (cellType: "column" | "row", data: string) => string;
+export {};

package/dist/src/components/TeliTabs/ExampleTeliTabs.stories.d.ts

@@ -0,0 +1,8 @@
+import type { StoryObj } from "@storybook/react";
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicTabs: Story;

package/dist/src/components/TeliTabs/TeliTab.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { TabProps } from "@mui/material";
+import "./telitabs.css";
+interface TeliTabProps extends Omit<TabProps, "value"> {
+    tabIndex: number;
+}
+declare const TeliTab: React.FC<TeliTabProps>;
+export default TeliTab;

package/dist/src/components/TeliTabs/TeliTabPanel.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface TeliTabPanelProps {
+    tabIndex: number;
+    selectedTabIndex: number;
+    children?: React.ReactNode;
+}
+declare const TeliTabPanel: React.FC<TeliTabPanelProps>;
+export default TeliTabPanel;

package/dist/src/components/TeliTabs/TeliTabs.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TabsProps } from "@mui/material";
+import "./telitabs.css";
+export interface TeliTabsProps extends Omit<TabsProps, "value"> {
+    /**
+     * The value of the currently selected `Tab`.
+     */
+    selectedTabIndex: number;
+}
+declare const TeliTabs: React.FC<TeliTabsProps>;
+export default TeliTabs;

package/dist/src/components/TeliTabs/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TeliTabs } from "./TeliTabs";
+export { default as TeliTab } from "./TeliTab";
+export { default as TeliTabPanel } from "./TeliTabPanel";

package/dist/src/components/TeliTextField/TeliInput.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { InputProps } from "@mui/material";
+type TeliInputProps = Omit<InputProps, "classes" | "color" | "components" | "componentsProps" | "disableUnderline" | "inputComponent" | "inputProps" | "slotProps" | "slots" | "sx"> & Partial<{
+    cursor: React.CSSProperties["cursor"];
+    textAlign: React.CSSProperties["textAlign"];
+}>;
+declare const TeliInput: React.FC<TeliInputProps>;
+export default TeliInput;

package/dist/src/components/TeliTextField/TeliTextField.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from "react";
+import TeliTextFieldProps from "./TeliTextFieldProps";
+import "./textfield.css";
+/**
+ * Text Fields let users enter and edit text. They typically appear in forms and dialogs.
+ * More information about this component can be used can be found [here](https://mui.com/material-ui/react-text-field/)
+ */
+declare const TeliTextField: FC<TeliTextFieldProps>;
+export default TeliTextField;

package/dist/src/components/TeliTextField/TeliTextField.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { StoryObj } from "@storybook/react";
+import { AdornmentExamples, Controlled, FormProps, MultilineExamples, ValidationExamples } from "./stories";
+declare const meta: {
+    component: import("react").FC<import("./TeliTextFieldProps").default>;
+};
+export default meta;
+export type TeliTextFieldStory = StoryObj<typeof meta>;
+export declare const Basic: TeliTextFieldStory;
+export { FormProps, ValidationExamples, MultilineExamples, AdornmentExamples, Controlled, };

package/dist/src/components/TeliTextField/TeliTextFieldProps.d.ts

@@ -0,0 +1,74 @@
+/// <reference types="react" />
+import { TextFieldProps } from "@mui/material";
+interface TeliTextFieldProps {
+    ariaLabel?: string;
+    /** This prop helps users to fill forms faster, especially on mobile devices.
+     * The name can be confusing, as it's more like an autofill. You can learn
+     * more about it [following the
+     * specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
+     * */
+    autoComplete?: TextFieldProps["autoComplete"];
+    /** If true, the input element is focused during the first mount.
+     * @default false
+     */
+    autoFocus?: TextFieldProps["autoFocus"];
+    /** The default value. Use when the component is not controlled. */
+    defaultValue?: TextFieldProps["defaultValue"];
+    /** If true, the component is disabled.
+     *  @default false
+     */
+    disabled?: TextFieldProps["disabled"];
+    /** If true, the label is displayed in an error state.
+     *  @default false
+     */
+    error?: TextFieldProps["error"];
+    /** End InputAdornment for this component. */
+    endAdornment?: React.ReactNode | string;
+    /** If true, the input will take up the full width of its container.
+     * @default false
+     */
+    fullWidth?: TextFieldProps["fullWidth"];
+    /** The helper text content. */
+    helperText?: TextFieldProps["helperText"];
+    /** The id of the input element. Use this prop to make label and helperText
+     * accessible for screen readers. */
+    id?: TextFieldProps["id"];
+    /** Pass a ref to the input element. */
+    inputRef?: TextFieldProps["inputRef"];
+    /** The label content. */
+    label?: TextFieldProps["label"];
+    /** Maximum number of rows to display when multiline option is set to true. */
+    maxRows?: TextFieldProps["maxRows"];
+    /** Minimum number of rows to display when multiline option is set to true. */
+    minRows?: TextFieldProps["minRows"];
+    /** If true, a textarea element is rendered instead of an input. */
+    multiline?: TextFieldProps["multiline"];
+    /** Name attribute of the input element. */
+    name?: TextFieldProps["name"];
+    /** Callback fired when the value is changed.
+     * (event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void
+     * @param event The event source of the callback. You can pull out the new
+     * value by accessing event.target.value (string).
+     * @returns void
+     */
+    onChange?: TextFieldProps["onChange"];
+    /** The short hint displayed in the input before the user enters a value. */
+    placeholder?: TextFieldProps["placeholder"];
+    /** If true, the label is displayed as required and the input element is required. */
+    required?: TextFieldProps["required"];
+    /** Number of rows to display when multiline option is set to true. */
+    rows?: TextFieldProps["rows"];
+    /** Start InputAdornment for this component. */
+    startAdornment?: React.ReactNode | string;
+    /** If true, pointer events like onClick are enabled */
+    pointerEvents?: boolean;
+    /** If true, the input value cannot be changed */
+    readOnly?: boolean;
+    /** Type of the input element. It should be a [valid HTML5 input
+     * type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types).
+     * */
+    type?: TextFieldProps["type"];
+    /** The value of the input element, required for a controlled component. */
+    value?: TextFieldProps["value"];
+}
+export default TeliTextFieldProps;

package/dist/src/components/TeliTextField/stories/Adornments.d.ts

@@ -0,0 +1,3 @@
+import { TeliTextFieldStory } from "../TeliTextField.stories";
+declare const AdornmentExamples: TeliTextFieldStory;
+export default AdornmentExamples;

package/dist/src/components/TeliTextField/stories/Controlled.d.ts

@@ -0,0 +1,3 @@
+import { TeliTextFieldStory } from "../TeliTextField.stories";
+declare const Controlled: TeliTextFieldStory;
+export default Controlled;

package/dist/src/components/TeliTextField/stories/FormProps.d.ts

@@ -0,0 +1,3 @@
+import { TeliTextFieldStory } from "../TeliTextField.stories";
+declare const FormProps: TeliTextFieldStory;
+export default FormProps;

package/dist/src/components/TeliTextField/stories/Multiline.d.ts

@@ -0,0 +1,3 @@
+import { TeliTextFieldStory } from "../TeliTextField.stories";
+declare const MultilineExamples: TeliTextFieldStory;
+export default MultilineExamples;

package/dist/src/components/TeliTextField/stories/Validation.d.ts

@@ -0,0 +1,3 @@
+import { TeliTextFieldStory } from "../TeliTextField.stories";
+declare const ValidationExamples: TeliTextFieldStory;
+export default ValidationExamples;

package/dist/src/components/TeliTextField/stories/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AdornmentExamples } from "./Adornments";
+export { default as Controlled } from "./Controlled";
+export { default as FormProps } from "./FormProps";
+export { default as MultilineExamples } from "./Multiline";
+export { default as ValidationExamples } from "./Validation";

package/dist/src/components/TeliToolbar/TeliToolbar.d.ts

@@ -0,0 +1,19 @@
+import React, { HTMLAttributes } from "react";
+import "./telitoolbar.css";
+export interface TeliToolbarProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * @default true
+     */
+    defaultControls?: boolean;
+    /**
+     * @default false
+     */
+    vertical?: boolean;
+    position?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
+    variant?: "tertiary" | "basic";
+    onZoomIn?: () => void;
+    onZoomOut?: () => void;
+    children?: React.ReactNode;
+}
+declare const TeliToolbar: React.FC<TeliToolbarProps>;
+export default TeliToolbar;