@skedulo/sked-ui 0.0.4-alpha.2 → 0.0.4-react-18-preview

package/dist/components/tabs/Tabs/TabsMenuItem.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { IMenuItemProps } from './interfaces';
+export declare class MenuItem extends React.PureComponent<IMenuItemProps> {
+    private spanRef;
+    private linkRef;
+    render(): React.DetailedReactHTMLElement<{
+        ref: React.RefObject<HTMLAnchorElement>;
+        onClick: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+        onMouseEnter: () => void;
+        href: string;
+        'data-sk-name': string;
+        className: string;
+        onMouseLeave: () => void;
+    } | {
+        ref: React.RefObject<HTMLSpanElement>;
+        onMouseEnter: () => void;
+        onClickCapture: (...args: any[]) => void;
+        'data-sk-name': string;
+        className: string;
+        onMouseLeave: () => void;
+    }, HTMLSpanElement>;
+}

package/dist/components/tabs/Tabs/TabsRoutingUtils.d.ts

@@ -0,0 +1,28 @@
+import { ITab, IRouteMap } from './interfaces';
+/**
+ * get route objects as per the nested path indexes
+ */
+export declare const getRouteFor: (tabs: ITab[], path: number[]) => ITab[];
+/**
+ * map all paths to their respective route objects
+ */
+export declare const mapPathToRouteObject: (tabs: ITab[]) => any;
+/**
+ * Get the active route array by traversing the route map
+ */
+export declare const getActiveRoute: (activeRoute: string, routeMap: IRouteMap) => string[];
+export declare const dropDownTriggerPosition: (trigger: React.RefObject<HTMLElement>, nesting: number) => {
+    top: number;
+    left: number;
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+    bottom: number;
+    right: number;
+    toJSON(): any;
+};
+/**
+ * return a complete URL route for a submenu item.
+ */
+export declare const getFullRouteForSubMenuItem: (tabs: ITab[], subMenu: ITab) => string;

package/dist/components/tabs/Tabs/__tests__/Tabs.spec.d.ts

@@ -0,0 +1 @@
+export declare const getDefaultTestProps: (additionalProps?: {}) => any;

package/dist/components/tabs/Tabs/__tests__/TabsMenuItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tabs/Tabs/__tests__/TabsRoutingUtils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/tabs/Tabs/interfaces.d.ts

@@ -0,0 +1,65 @@
+/// <reference types="react" />
+export declare enum Theme {
+    SUB = "sub",
+    GLOBAL = "global"
+}
+export type AsMenuType = 'a' | 'span';
+export interface ITab {
+    title: string;
+    route: string;
+    subMenus?: ITab[];
+}
+export interface ITabsProps {
+    tabs: ITab[];
+    onClick: (route: string) => void;
+    currentActiveRoute: string;
+    showActiveState?: boolean;
+    className?: string;
+    theme?: Theme.GLOBAL | Theme.SUB;
+    /**
+     * The tab component will automatically generate 'span' tag links. However, if you specify to generate the menu items as 'a' tags,
+     * then links will be generated based on the route configuration passed in.
+     * Do not explicitly set this if you wish to insert dynamic parameters into the URL based on navigation.
+     */
+    as?: AsMenuType;
+    /**
+     * Used to render all tabs and items.
+     *
+     * Note: that Sked-UI styling will be applied in accordance with the theme prop.
+     * This renderer will render the items within each tab and menu item.
+     *
+     * Default: ({title}) => title
+     */
+    itemRenderer?: IMenuItemProps['itemRenderer'];
+}
+export interface IFocusRouteItem {
+    index: number;
+    ref: React.RefObject<HTMLElement>;
+}
+export interface IRouteMap {
+    [key: string]: ITab;
+}
+export interface ITabsState {
+    activeRoute: string[];
+    focusRoute: IFocusRouteItem[];
+    routeMap: IRouteMap;
+}
+interface IBaseItemProps {
+    label: string;
+    route: string;
+    activeRoute: string[];
+    tabIndex: number;
+    theme: Theme.GLOBAL | Theme.SUB;
+    onFocusIn: (tabIndex: number, ref: React.RefObject<HTMLElement>, nesting: number | null) => () => void;
+    onFocusOut: (nesting: number) => () => void;
+    onSelect: () => void;
+    as?: AsMenuType;
+}
+export interface IMenuItemProps extends Omit<IBaseItemProps, 'theme'> {
+    children: React.ReactNode;
+    focusRoute: IFocusRouteItem[];
+    classes?: string;
+    nesting?: number;
+    itemRenderer?: (tab: Pick<ITab, 'title' | 'route'>) => React.ReactNode;
+}
+export {};

package/dist/components/tabs/Tabs.stories.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/text/MultilineContent.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IMultilineContentProps extends React.HTMLAttributes<HTMLSpanElement> {
+    content: string;
+}
+export declare const MultilineContent: React.FC<IMultilineContentProps>;
+export {};

package/dist/components/text/MultilineContent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare function useDebounce<T>(value: T, delay?: number): T;

package/dist/index.d.ts

@@ -1,5 +1,59 @@
-export * from './components/test/Test';
-export * from './components/loader/Loading';
-export * from './components/buttons/Button';
-export * from './components/popups/info-window/InfoWindow';
-export * from './components/popups/tooltip/Tooltip';
+import './styles/tailwind.css';
+export * from './components/avatar/Avatar';
+export * from './components/avatar/AvatarDetail';
+export * from './components/avatar/AvatarGroup';
+export * from './components/badge/Badge';
+export * from './components/buttons/button/Button';
+export * from './components/buttons/button-dropdown/ButtonDropdown';
+export * from './components/buttons/icon-button/IconButton';
+export * from './components/buttons/icon-button-dropdown/IconButtonDropdown';
+export * from './components/button-group/ButtonGroup';
+export * from './components/calendar-controls/CalendarControls';
+export * from './components/datepicker/Datepicker';
+export * from './components/datepicker/Time';
+export * from './components/datepicker/DateTime';
+export * from './components/dynamic-table/DynamicTable';
+export * from './components/dynamic-table/DynamicTable-utils';
+export * from './components/emptystate/EmptyState';
+export * from './components/filter-bar/FilterBar';
+export * from './components/filter-bar/filter-pill/FilterPill';
+export * from './components/filter-bar/filter-list/FilterList';
+export * from './components/filter-bar/filter-list/FilterListWithApply';
+export * from './components/filter-bar/filter-list/FilterSearch';
+export * from './components/filter-bar/filter-list/RemoteSearch';
+export * from './components/forms/elements/FormElements';
+export * from './components/forms/elements/NumberInput';
+export { formatReadonlySelect } from './components/forms/elements/select-utils';
+export { useRunPromise, useOnClickOutside } from './components/forms/elements/select-hooks';
+export * from './components/forms/elements/interfaces';
+export * from './components/forms/elements/SearchSelect';
+export * from './components/forms/elements/AsyncSearchSelect';
+export * from './components/forms/elements/MultiSearchSelect';
+export * from './components/forms/elements/AsyncMultiSearchSelect';
+export * from './components/forms/elements/PlainMultiSearchSelect';
+export * from './components/forms/elements/PlainAsyncMultiSearchSelect';
+export * from './components/forms/ReadOnly';
+export * from './components/forms/SkedFormValidation';
+export * from './components/forms/elements/TextArea';
+export * from './components/icon/Icon';
+export * from './components/info-card';
+export * from './components/inline-banner/InlineBanner';
+export * from './components/IntersectionObserverWrapper/IntersectionObserverWrapper';
+export * from './components/link/Link';
+export * from './components/loader/Loading';
+export * from './components/loader/spinner/LoadingSpinner';
+export * from './components/lozenge/Lozenge';
+export * from './components/lozenge/CustomLozenge';
+export * from './components/menus';
+export * from './components/modals/Modals';
+export * from './components/pagination/Pagination';
+export * from './components/popout/PopOutBase';
+export * from './components/popout/PopOut';
+export * from './components/popups/info-window/InfoWindow';
+export * from './components/popups/overflow-tooltip/OverflowTooltip';
+export * from './components/popups/info-window/LegacyInfoWindow';
+export * from './components/popups/tooltip/Tooltip';
+export * from './components/pill/Pill';
+export * from './components/table/Table';
+export * from './components/tabs/Tabs/Tabs';
+export * from './components/status-icon/StatusIcon';