@selfdecode/sd-component-library 2.42.3 → 2.42.4

package/lib/components/tabs/tab-bar/partials/tab/interfaces.d.ts

@@ -1,39 +1,39 @@
-/// <reference types="react" />
-export interface TabProps<T> {
-    /**
-     * This is the text to be displayed on the tab
-     */
-    label: string;
-    /**
-     * Secondary text to be displayed right after label.
-     */
-    secondaryText?: string;
-    /**
-     * Icon to be displayed right after label.
-     */
-    icon?: React.ReactNode;
-    /**
-     * Unique value used to track the active tab
-     */
-    id: T;
-    /**
-     * Whether the this tab is selected or not
-     */
-    selected?: boolean;
-    /**
-     * Emits an event on click
-     */
-    onClick?: (e: MouseEvent) => void;
-    /**
-     * Text and Ribbon color when the tab is selected/active
-     */
-    activeColor?: string;
-    /**
-     * Text color when the tab is not selected/active
-     */
-    color?: string;
-    /**
-     * Padding of each tab to be set up externally
-     */
-    tabPadding: string[];
-}
+/// <reference types="react" />
+export interface TabProps<T> {
+    /**
+     * This is the text to be displayed on the tab
+     */
+    label: string;
+    /**
+     * Secondary text to be displayed right after label.
+     */
+    secondaryText?: string;
+    /**
+     * Icon to be displayed right after label.
+     */
+    icon?: React.ReactNode;
+    /**
+     * Unique value used to track the active tab
+     */
+    id: T;
+    /**
+     * Whether the this tab is selected or not
+     */
+    selected?: boolean;
+    /**
+     * Emits an event on click
+     */
+    onClick?: (e: MouseEvent) => void;
+    /**
+     * Text and Ribbon color when the tab is selected/active
+     */
+    activeColor?: string;
+    /**
+     * Text color when the tab is not selected/active
+     */
+    color?: string;
+    /**
+     * Padding of each tab to be set up externally
+     */
+    tabPadding: string[];
+}

package/lib/components/tabs/tab-bar/partials/tab/tab.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { TabProps } from "./interfaces";
-export declare const Ribbon: ({ active, activeColor }: {
-    active?: boolean | undefined;
-    activeColor?: string | undefined;
-}) => JSX.Element;
-export declare function Tab<T>({ label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, }: TabProps<T>): JSX.Element;
+/// <reference types="react" />
+import { TabProps } from "./interfaces";
+export declare const Ribbon: ({ active, activeColor }: {
+    active?: boolean | undefined;
+    activeColor?: string | undefined;
+}) => JSX.Element;
+export declare function Tab<T>({ label, secondaryText, icon, id, onClick, selected, activeColor, color, tabPadding, }: TabProps<T>): JSX.Element;

package/lib/components/tabs/tab-bar/tab-bar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TabBarProps } from "./interfaces";
-export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, }: TabBarProps<T>): JSX.Element;
+/// <reference types="react" />
+import { TabBarProps } from "./interfaces";
+export declare function TabBar<T>({ tabs, selectedTabId, onTabSelect, activeColor, color, displayBorder, tabPadding, }: TabBarProps<T>): JSX.Element;

package/lib/components/tabs/tabbed-view/index.d.ts

@@ -1 +1 @@
-export { TabbedView } from "./tabbed-view";
+export { TabbedView } from "./tabbed-view";

package/lib/components/tabs/tabbed-view/interfaces.d.ts

@@ -1,36 +1,36 @@
-import React from "react";
-import { RequiredTheme, ResponsiveValue, Theme } from "styled-system";
-/**
- * Configuration for each tab and the corresponding view
- */
-export interface TabViewConfig {
-    /**
-     * Label for the tab
-     */
-    label: string;
-    /**
-     * Component to be rendered when the tab is active
-     */
-    component: React.FC;
-}
-/**
- * Props for TabbedView
- */
-export interface TabbedViewProps<ThemeType extends Theme = RequiredTheme> {
-    /**
-     * Array of configuration objects for each tab
-     */
-    tabs: TabViewConfig[];
-    /**
-     * Text and Ribbon color when the tab is selected/active
-     */
-    activeColor?: string;
-    /**
-     * Text color when the tab is not selected/active
-     */
-    color?: string;
-    /**
-     * Padding around the content
-     */
-    contentPadding?: ResponsiveValue<number | string, ThemeType>;
-}
+import React from "react";
+import { RequiredTheme, ResponsiveValue, Theme } from "styled-system";
+/**
+ * Configuration for each tab and the corresponding view
+ */
+export interface TabViewConfig {
+    /**
+     * Label for the tab
+     */
+    label: string;
+    /**
+     * Component to be rendered when the tab is active
+     */
+    component: React.FC;
+}
+/**
+ * Props for TabbedView
+ */
+export interface TabbedViewProps<ThemeType extends Theme = RequiredTheme> {
+    /**
+     * Array of configuration objects for each tab
+     */
+    tabs: TabViewConfig[];
+    /**
+     * Text and Ribbon color when the tab is selected/active
+     */
+    activeColor?: string;
+    /**
+     * Text color when the tab is not selected/active
+     */
+    color?: string;
+    /**
+     * Padding around the content
+     */
+    contentPadding?: ResponsiveValue<number | string, ThemeType>;
+}

package/lib/components/tabs/tabbed-view/tabbed-view.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { TabbedViewProps } from "./interfaces";
-export declare function TabbedView({ tabs, color, activeColor, contentPadding, }: TabbedViewProps): JSX.Element;
+/// <reference types="react" />
+import { TabbedViewProps } from "./interfaces";
+export declare function TabbedView({ tabs, color, activeColor, contentPadding, }: TabbedViewProps): JSX.Element;

package/lib/components/tabs/tabs-menu/index.d.ts

@@ -1 +1 @@
-export { TabsMenu } from "./tabs-menu";
+export { TabsMenu } from "./tabs-menu";

package/lib/components/tabs/tabs-menu/interfaces.d.ts

@@ -1,61 +1,61 @@
-import { TabProps } from "./partials/tab";
-import { History } from "history";
-declare type CommonTabProps = Pick<TabProps, "Icon" | "iconHeight" | "title" | "hash">;
-export interface TabObject extends CommonTabProps {
-    /**
-     * A flag to decide if a divider should be displayed after the tab.
-     */
-    divider: boolean;
-}
-/**
- * Props for TabsMenu
- */
-export interface TabsMenuProps {
-    /**
-     * List of tabs' details.
-     */
-    tabs: Array<TabObject>;
-    /**
-     * Active tab color
-     */
-    activeColor?: string;
-    /**
-     * Gap between the tabs
-     */
-    gap?: string[];
-    /**
-     * Callback to call when a tab is selected.
-     */
-    onTabSelect?: (hash: string) => void;
-    /**
-     * Should hash be updated upon click for scrolling.
-     */
-    enableScroll?: boolean;
-    /**
-     * Tabs menu should not be sticky
-     */
-    sticky?: boolean;
-    /**
-     * `top` prop to adjust position of TabsMenu if its sticky
-     */
-    top?: Array<string>;
-    /**
-     * Hash for one of the passed tabs. This value is used to select
-     * any tab from parent component.
-     */
-    selectedTab?: string;
-    /**
-     * Should allow changing default tab. If set to False, tabs won't change unless changed from parent.
-     * This property is useful when defaultTab is present. So that parent can change tabs.
-     */
-    allowChangingTabs?: boolean;
-    /**
-     * Auto scroll the tab to left when selected. Useful in mobile screens.
-     */
-    autoScrollTabs?: boolean;
-    /**
-     * History object for react-router based navigation.
-     */
-    history?: History;
-}
-export {};
+import { TabProps } from "./partials/tab";
+import { History } from "history";
+declare type CommonTabProps = Pick<TabProps, "Icon" | "iconHeight" | "title" | "hash">;
+export interface TabObject extends CommonTabProps {
+    /**
+     * A flag to decide if a divider should be displayed after the tab.
+     */
+    divider: boolean;
+}
+/**
+ * Props for TabsMenu
+ */
+export interface TabsMenuProps {
+    /**
+     * List of tabs' details.
+     */
+    tabs: Array<TabObject>;
+    /**
+     * Active tab color
+     */
+    activeColor?: string;
+    /**
+     * Gap between the tabs
+     */
+    gap?: string[];
+    /**
+     * Callback to call when a tab is selected.
+     */
+    onTabSelect?: (hash: string) => void;
+    /**
+     * Should hash be updated upon click for scrolling.
+     */
+    enableScroll?: boolean;
+    /**
+     * Tabs menu should not be sticky
+     */
+    sticky?: boolean;
+    /**
+     * `top` prop to adjust position of TabsMenu if its sticky
+     */
+    top?: Array<string>;
+    /**
+     * Hash for one of the passed tabs. This value is used to select
+     * any tab from parent component.
+     */
+    selectedTab?: string;
+    /**
+     * Should allow changing default tab. If set to False, tabs won't change unless changed from parent.
+     * This property is useful when defaultTab is present. So that parent can change tabs.
+     */
+    allowChangingTabs?: boolean;
+    /**
+     * Auto scroll the tab to left when selected. Useful in mobile screens.
+     */
+    autoScrollTabs?: boolean;
+    /**
+     * History object for react-router based navigation.
+     */
+    history?: History;
+}
+export {};

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/index.d.ts

@@ -1 +1 @@
-export { ScrollableTabWrapper } from "./scrollable-tab-wrapper";
+export { ScrollableTabWrapper } from "./scrollable-tab-wrapper";

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/interfaces.d.ts

@@ -1,28 +1,28 @@
-import { RefObject } from "react";
-/**
- * Interface for scrollable tab wrapper props
- */
-export interface ScrollableTabWrapperProps {
-    /**
-     * Hash of the tab
-     */
-    hash: string;
-    /**
-     * Currently selected tab
-     */
-    selectedTab: string;
-    /**
-     * Flag to decide if the tab should be auto scrolled to the left.
-     *
-     * This component does nothing if this flag is set to false
-     */
-    autoScrollTabs: boolean;
-    /**
-     * Callback to call when current component is selected.
-     */
-    scrollTabOnSelect: (ref: RefObject<HTMLDivElement>) => void;
-    /**
-     * Child components for the tab wrapper
-     */
-    children: React.ReactNode;
-}
+import { RefObject } from "react";
+/**
+ * Interface for scrollable tab wrapper props
+ */
+export interface ScrollableTabWrapperProps {
+    /**
+     * Hash of the tab
+     */
+    hash: string;
+    /**
+     * Currently selected tab
+     */
+    selectedTab: string;
+    /**
+     * Flag to decide if the tab should be auto scrolled to the left.
+     *
+     * This component does nothing if this flag is set to false
+     */
+    autoScrollTabs: boolean;
+    /**
+     * Callback to call when current component is selected.
+     */
+    scrollTabOnSelect: (ref: RefObject<HTMLDivElement>) => void;
+    /**
+     * Child components for the tab wrapper
+     */
+    children: React.ReactNode;
+}

package/lib/components/tabs/tabs-menu/partials/scrollable-tab-wrapper/scrollable-tab-wrapper.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { ScrollableTabWrapperProps as Props } from "./interfaces";
-export declare const ScrollableTabWrapper: React.FC<Props>;
+import React from "react";
+import { ScrollableTabWrapperProps as Props } from "./interfaces";
+export declare const ScrollableTabWrapper: React.FC<Props>;

package/lib/components/tabs/tabs-menu/partials/tab/index.d.ts

@@ -1,3 +1,3 @@
-import { TabProps as Props } from "./interfaces";
-export { Tab } from "./tab";
-export declare type TabProps = Props;
+import { TabProps as Props } from "./interfaces";
+export { Tab } from "./tab";
+export declare type TabProps = Props;

package/lib/components/tabs/tabs-menu/partials/tab/interfaces.d.ts

@@ -1,40 +1,40 @@
-import { FC, SVGProps } from "react";
-import { History } from "history";
-export interface TabProps {
-    /**
-     * the tab's icon
-     */
-    Icon: FC<SVGProps<SVGSVGElement>>;
-    /**
-     * the height of the icon
-     */
-    iconHeight: number;
-    /**
-     * the tab's title
-     */
-    title: string;
-    /**
-     * is this the currently active tab
-     */
-    isActive: boolean;
-    /**
-     * Color of the tab if its active
-     */
-    activeColor: string;
-    /**
-     * Hash of the the tab.
-     */
-    hash: string;
-    /**
-     * Callback to call when a tab is selected
-     */
-    onTabSelect: (tab: string) => void;
-    /**
-     * Should hash be updated upon click for scrolling.
-     */
-    enableScroll: boolean;
-    /**
-     * History object for react-router based navigation.
-     */
-    history?: History;
-}
+import { FC, SVGProps } from "react";
+import { History } from "history";
+export interface TabProps {
+    /**
+     * the tab's icon
+     */
+    Icon: FC<SVGProps<SVGSVGElement>>;
+    /**
+     * the height of the icon
+     */
+    iconHeight: number;
+    /**
+     * the tab's title
+     */
+    title: string;
+    /**
+     * is this the currently active tab
+     */
+    isActive: boolean;
+    /**
+     * Color of the tab if its active
+     */
+    activeColor: string;
+    /**
+     * Hash of the the tab.
+     */
+    hash: string;
+    /**
+     * Callback to call when a tab is selected
+     */
+    onTabSelect: (tab: string) => void;
+    /**
+     * Should hash be updated upon click for scrolling.
+     */
+    enableScroll: boolean;
+    /**
+     * History object for react-router based navigation.
+     */
+    history?: History;
+}

package/lib/components/tabs/tabs-menu/partials/tab/tab.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-import { TabProps } from "./interfaces";
-/**
- * Tab component to render a single tab button.
- */
-export declare const Tab: React.FC<TabProps>;
+import React from "react";
+import { TabProps } from "./interfaces";
+/**
+ * Tab component to render a single tab button.
+ */
+export declare const Tab: React.FC<TabProps>;

package/lib/components/tabs/tabs-menu/tabs-menu.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { TabsMenuProps } from "./interfaces";
-/**
- * TabsMenu component.
- */
-export declare function TabsMenu(props: TabsMenuProps): JSX.Element;
+/// <reference types="react" />
+import { TabsMenuProps } from "./interfaces";
+/**
+ * TabsMenu component.
+ */
+export declare function TabsMenu(props: TabsMenuProps): JSX.Element;

package/lib/components/text-boxes/divided-text-box/divided-text-box.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { DividedTextBoxProps } from "./interfaces";
-export declare const DividedTextBox: React.FunctionComponent<DividedTextBoxProps>;
+import React from "react";
+import { DividedTextBoxProps } from "./interfaces";
+export declare const DividedTextBox: React.FunctionComponent<DividedTextBoxProps>;

package/lib/components/text-boxes/divided-text-box/index.d.ts

@@ -1 +1 @@
-export { DividedTextBox } from "./divided-text-box";
+export { DividedTextBox } from "./divided-text-box";

package/lib/components/text-boxes/divided-text-box/interfaces.d.ts

@@ -1,22 +1,22 @@
-import { BaseComponentProps } from "../../interfaces";
-/**
- * Text Box props.
- */
-export interface DividedTextBoxProps extends BaseComponentProps {
-    /**
-     * Main text to be displayed
-     */
-    mainText: string;
-    /**
-     * Sub-text to be displayed
-     */
-    subText: string;
-    /**
-     * Color of the divider at the start
-     */
-    dividerColor: string;
-    /**
-     * Height of the box
-     */
-    height?: string[];
-}
+import { BaseComponentProps } from "../../interfaces";
+/**
+ * Text Box props.
+ */
+export interface DividedTextBoxProps extends BaseComponentProps {
+    /**
+     * Main text to be displayed
+     */
+    mainText: string;
+    /**
+     * Sub-text to be displayed
+     */
+    subText: string;
+    /**
+     * Color of the divider at the start
+     */
+    dividerColor: string;
+    /**
+     * Height of the box
+     */
+    height?: string[];
+}

package/lib/components/text-boxes/table-of-content/index.d.ts

@@ -1 +1 @@
-export { TableOfContent } from "./table-of-content";
+export { TableOfContent } from "./table-of-content";

package/lib/components/text-boxes/table-of-content/interfaces.d.ts

@@ -1,24 +1,24 @@
-import { BaseComponentProps } from "../../interfaces";
-declare type linkObject = {
-    text: string;
-    link?: string;
-    target?: string;
-};
-/**
- * Text Box props.
- */
-export interface TableOfContentProps extends BaseComponentProps {
-    /**
-     * Title of the table-of-content.
-     */
-    title: string;
-    /**
-     * Text items to be listed.
-     */
-    textItems: Array<linkObject>;
-    /**
-     * Should the title of table be responsive.
-     */
-    isTitleResponsive?: boolean;
-}
-export {};
+import { BaseComponentProps } from "../../interfaces";
+declare type linkObject = {
+    text: string;
+    link?: string;
+    target?: string;
+};
+/**
+ * Text Box props.
+ */
+export interface TableOfContentProps extends BaseComponentProps {
+    /**
+     * Title of the table-of-content.
+     */
+    title: string;
+    /**
+     * Text items to be listed.
+     */
+    textItems: Array<linkObject>;
+    /**
+     * Should the title of table be responsive.
+     */
+    isTitleResponsive?: boolean;
+}
+export {};

package/lib/components/text-boxes/table-of-content/table-of-content.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { TableOfContentProps } from "./interfaces";
-export declare const TableOfContent: React.FunctionComponent<TableOfContentProps>;
+import React from "react";
+import { TableOfContentProps } from "./interfaces";
+export declare const TableOfContent: React.FunctionComponent<TableOfContentProps>;

package/lib/components/texts/base-text/base-text.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { BaseTextProps } from "./interfaces";
-export declare const BaseText: (props: BaseTextProps) => JSX.Element;
+/// <reference types="react" />
+import { BaseTextProps } from "./interfaces";
+export declare const BaseText: (props: BaseTextProps) => JSX.Element;

package/lib/components/texts/base-text/index.d.ts

@@ -1,3 +1,3 @@
-import { BaseTextProps as Props } from "./interfaces";
-export { BaseText } from "./base-text";
-export declare type BaseTextProps = Props;
+import { BaseTextProps as Props } from "./interfaces";
+export { BaseText } from "./base-text";
+export declare type BaseTextProps = Props;